[{"data":1,"prerenderedAt":10616},["ShallowReactive",2],{"\u002Fgetting-started\u002Fquick-start":3,"all-pages-\u002Fgetting-started\u002Fquick-start":532},{"id":4,"title":5,"body":6,"description":523,"extension":524,"icon":525,"meta":526,"navigation":527,"path":528,"seo":529,"stem":530,"__hash__":531},"content\u002Fgetting-started\u002Fquick-start.md","Быстрый старт",{"type":7,"value":8,"toc":514},"minimark",[9,13,17,22,33,37,49,118,122,301,305,312,341,345,352,481,485,488,492,510],[10,11,5],"h1",{"id":12},"быстрый-старт",[14,15,16],"p",{},"Следуйте этим шагам, чтобы добавить виртуальную примерку на ваш сайт.",[18,19,21],"h2",{"id":20},"_1-получите-api-ключ","1. Получите API-ключ",[14,23,24,25,32],{},"Зарегистрируйтесь на ",[26,27,31],"a",{"href":28,"rel":29},"https:\u002F\u002Fwidget.try-on.ru",[30],"nofollow","widget.try-on.ru",", чтобы получить бесплатный API-ключ.",[18,34,36],{"id":35},"_2-загрузите-скрипт-виджета","2. Загрузите скрипт виджета",[14,38,39,40,44,45,48],{},"Добавьте следующий тег ",[41,42,43],"code",{},"\u003Cscript>"," на страницу, желательно перед закрывающим тегом ",[41,46,47],{},"\u003C\u002Fbody>",":",[50,51,56],"pre",{"className":52,"code":53,"language":54,"meta":55,"style":55},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript\n src=\"https:\u002F\u002Fwidget.try-on.ru\u002Ffitting-widget-bundle.js\"\n id=\"fitting-widget-bundle\"\n>\u003C\u002Fscript>\n","html","",[41,57,58,71,91,106],{"__ignoreMap":55},[59,60,63,67],"span",{"class":61,"line":62},"line",1,[59,64,66],{"class":65},"sMK4o","\u003C",[59,68,70],{"class":69},"swJcz","script\n",[59,72,74,78,81,84,88],{"class":61,"line":73},2,[59,75,77],{"class":76},"spNyl"," src",[59,79,80],{"class":65},"=",[59,82,83],{"class":65},"\"",[59,85,87],{"class":86},"sfazB","https:\u002F\u002Fwidget.try-on.ru\u002Ffitting-widget-bundle.js",[59,89,90],{"class":65},"\"\n",[59,92,94,97,99,101,104],{"class":61,"line":93},3,[59,95,96],{"class":76}," id",[59,98,80],{"class":65},[59,100,83],{"class":65},[59,102,103],{"class":86},"fitting-widget-bundle",[59,105,90],{"class":65},[59,107,109,112,115],{"class":61,"line":108},4,[59,110,111],{"class":65},">\u003C\u002F",[59,113,114],{"class":69},"script",[59,116,117],{"class":65},">\n",[18,119,121],{"id":120},"_3-инициализируйте-виджет","3. Инициализируйте виджет",[50,123,125],{"className":52,"code":124,"language":54,"meta":55,"style":55},"\u003Cscript id=\"fitting-init\">\n window.fitting = window.fitting || function() {\n (window.fitting.q = window.fitting.q || []).push(arguments);\n };\n window.fitting('init', {\n apiKey: 'YOUR_API_KEY'\n });\n\u003C\u002Fscript>\n",[41,126,127,147,180,235,240,264,281,291],{"__ignoreMap":55},[59,128,129,131,133,136,138,140,143,145],{"class":61,"line":62},[59,130,66],{"class":65},[59,132,114],{"class":69},[59,134,135],{"class":76}," id",[59,137,80],{"class":65},[59,139,83],{"class":65},[59,141,142],{"class":86},"fitting-init",[59,144,83],{"class":65},[59,146,117],{"class":65},[59,148,149,153,156,159,161,164,166,168,171,174,177],{"class":61,"line":73},[59,150,152],{"class":151},"sTEyZ"," window",[59,154,155],{"class":65},".",[59,157,158],{"class":151},"fitting ",[59,160,80],{"class":65},[59,162,163],{"class":151}," window",[59,165,155],{"class":65},[59,167,158],{"class":151},[59,169,170],{"class":65},"||",[59,172,173],{"class":76}," function",[59,175,176],{"class":65},"()",[59,178,179],{"class":65}," {\n",[59,181,182,185,188,190,193,195,198,201,203,205,207,209,211,214,217,219,223,226,229,232],{"class":61,"line":93},[59,183,184],{"class":69}," (",[59,186,187],{"class":151},"window",[59,189,155],{"class":65},[59,191,192],{"class":151},"fitting",[59,194,155],{"class":65},[59,196,197],{"class":151},"q",[59,199,200],{"class":65}," =",[59,202,163],{"class":151},[59,204,155],{"class":65},[59,206,192],{"class":151},[59,208,155],{"class":65},[59,210,197],{"class":151},[59,212,213],{"class":65}," ||",[59,215,216],{"class":69}," [])",[59,218,155],{"class":65},[59,220,222],{"class":221},"s2Zo4","push",[59,224,225],{"class":69},"(",[59,227,228],{"class":151},"arguments",[59,230,231],{"class":69},")",[59,233,234],{"class":65},";\n",[59,236,237],{"class":61,"line":108},[59,238,239],{"class":65}," };\n",[59,241,243,245,247,249,251,254,257,259,262],{"class":61,"line":242},5,[59,244,152],{"class":151},[59,246,155],{"class":65},[59,248,192],{"class":221},[59,250,225],{"class":151},[59,252,253],{"class":65},"'",[59,255,256],{"class":86},"init",[59,258,253],{"class":65},[59,260,261],{"class":65},",",[59,263,179],{"class":65},[59,265,267,270,272,275,278],{"class":61,"line":266},6,[59,268,269],{"class":69}," apiKey",[59,271,48],{"class":65},[59,273,274],{"class":65}," '",[59,276,277],{"class":86},"YOUR_API_KEY",[59,279,280],{"class":65},"'\n",[59,282,284,287,289],{"class":61,"line":283},7,[59,285,286],{"class":65}," }",[59,288,231],{"class":151},[59,290,234],{"class":65},[59,292,294,297,299],{"class":61,"line":293},8,[59,295,296],{"class":65},"\u003C\u002F",[59,298,114],{"class":69},[59,300,117],{"class":65},[18,302,304],{"id":303},"_4-добавьте-контейнер","4. Добавьте контейнер",[14,306,307,308,311],{},"Разместите ",[41,309,310],{},"\u003Cdiv>"," там, где должен отображаться виджет:",[50,313,315],{"className":52,"code":314,"language":54,"meta":55,"style":55},"\u003Cdiv id=\"widget-container\">\u003C\u002Fdiv>\n",[41,316,317],{"__ignoreMap":55},[59,318,319,321,324,326,328,330,333,335,337,339],{"class":61,"line":62},[59,320,66],{"class":65},[59,322,323],{"class":69},"div",[59,325,135],{"class":76},[59,327,80],{"class":65},[59,329,83],{"class":65},[59,331,332],{"class":86},"widget-container",[59,334,83],{"class":65},[59,336,111],{"class":65},[59,338,323],{"class":69},[59,340,117],{"class":65},[18,342,344],{"id":343},"_5-запустите-виджет","5. Запустите виджет",[14,346,347,348,351],{},"Вызовите метод ",[41,349,350],{},"create"," при нажатии пользователем кнопки:",[50,353,357],{"className":354,"code":355,"language":356,"meta":55,"style":55},"language-js shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","window.fitting('create', {\n targetElementId: 'widget-container',\n model: 'balanced',\n tryonItems: [\n {\n productName: 'Classic Denim Jacket',\n url: 'https:\u002F\u002Fyour-store.com\u002Fimages\u002Fjacket.jpg',\n },\n ],\n});\n","js",[41,358,359,379,395,411,421,426,442,458,463,471],{"__ignoreMap":55},[59,360,361,363,365,367,369,371,373,375,377],{"class":61,"line":62},[59,362,187],{"class":151},[59,364,155],{"class":65},[59,366,192],{"class":221},[59,368,225],{"class":151},[59,370,253],{"class":65},[59,372,350],{"class":86},[59,374,253],{"class":65},[59,376,261],{"class":65},[59,378,179],{"class":65},[59,380,381,384,386,388,390,392],{"class":61,"line":73},[59,382,383],{"class":69}," targetElementId",[59,385,48],{"class":65},[59,387,274],{"class":65},[59,389,332],{"class":86},[59,391,253],{"class":65},[59,393,394],{"class":65},",\n",[59,396,397,400,402,404,407,409],{"class":61,"line":93},[59,398,399],{"class":69}," model",[59,401,48],{"class":65},[59,403,274],{"class":65},[59,405,406],{"class":86},"balanced",[59,408,253],{"class":65},[59,410,394],{"class":65},[59,412,413,416,418],{"class":61,"line":108},[59,414,415],{"class":69}," tryonItems",[59,417,48],{"class":65},[59,419,420],{"class":151}," [\n",[59,422,423],{"class":61,"line":242},[59,424,425],{"class":65}," {\n",[59,427,428,431,433,435,438,440],{"class":61,"line":266},[59,429,430],{"class":69}," productName",[59,432,48],{"class":65},[59,434,274],{"class":65},[59,436,437],{"class":86},"Classic Denim Jacket",[59,439,253],{"class":65},[59,441,394],{"class":65},[59,443,444,447,449,451,454,456],{"class":61,"line":283},[59,445,446],{"class":69}," url",[59,448,48],{"class":65},[59,450,274],{"class":65},[59,452,453],{"class":86},"https:\u002F\u002Fyour-store.com\u002Fimages\u002Fjacket.jpg",[59,455,253],{"class":65},[59,457,394],{"class":65},[59,459,460],{"class":61,"line":293},[59,461,462],{"class":65}," },\n",[59,464,466,469],{"class":61,"line":465},9,[59,467,468],{"class":151}," ]",[59,470,394],{"class":65},[59,472,474,477,479],{"class":61,"line":473},10,[59,475,476],{"class":65},"}",[59,478,231],{"class":151},[59,480,234],{"class":65},[18,482,484],{"id":483},"результат","Результат",[14,486,487],{},"Теперь ваши покупатели могут загрузить фотографию и мгновенно увидеть, как на них сидит одежда.",[18,489,491],{"id":490},"дальнейшие-шаги","Дальнейшие шаги",[493,494,495,503],"ul",{},[496,497,498,499,155],"li",{},"Ознакомьтесь с руководствами для конкретных фреймворков в разделе ",[26,500,502],{"href":501},"\u002Fintegrations\u002Fvanilla-js","Интеграции",[496,504,505,506,155],{},"Изучите полный ",[26,507,509],{"href":508},"\u002Fapi","Справочник API",[511,512,513],"style",{},"html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}",{"title":55,"searchDepth":73,"depth":73,"links":515},[516,517,518,519,520,521,522],{"id":20,"depth":73,"text":21},{"id":35,"depth":73,"text":36},{"id":120,"depth":73,"text":121},{"id":303,"depth":73,"text":304},{"id":343,"depth":73,"text":344},{"id":483,"depth":73,"text":484},{"id":490,"depth":73,"text":491},"Запустите Fitting Widget за считанные минуты","md","i-lucide-rocket",{},true,"\u002Fgetting-started\u002Fquick-start",{"title":5,"description":523},"getting-started\u002Fquick-start","4USnYxFPZA1hrOvVApcSHMt9oQc0aZ6Ct8ohgcj8WJ8",[533,897,1233,1652,1742,2789,3698,4592,5272,6127,6510,6597,7480,8301,9150,9778],{"id":534,"title":509,"body":535,"description":891,"extension":524,"icon":892,"meta":893,"navigation":527,"path":508,"seo":894,"stem":895,"__hash__":896},"content\u002Fapi\u002Findex.md",{"type":7,"value":536,"toc":885},[537,540,544,547,592,641,644,648,651,721,726,769,882],[10,538,509],{"id":539},"справочник-api",[18,541,543],{"id":542},"windowfittinginit-options","window.fitting('init', options)",[14,545,546],{},"Инициализирует виджет. Вызывается один раз, до всех остальных методов.",[548,549,550,570],"table",{},[551,552,553],"thead",{},[554,555,556,560,563,567],"tr",{},[557,558,559],"th",{},"Параметр",[557,561,562],{},"Тип",[557,564,566],{"align":565},"center","Обязателен",[557,568,569],{},"Описание",[571,572,573],"tbody",{},[554,574,575,581,586,589],{},[576,577,578],"td",{},[41,579,580],{},"apiKey",[576,582,583],{},[41,584,585],{},"string",[576,587,588],{"align":565},"Да",[576,590,591],{},"Ваш API-ключ виджета",[50,593,595],{"className":354,"code":594,"language":356,"meta":55,"style":55},"window.fitting('init', {\n apiKey: 'pk_live_xxx',\n});\n",[41,596,597,617,633],{"__ignoreMap":55},[59,598,599,601,603,605,607,609,611,613,615],{"class":61,"line":62},[59,600,187],{"class":151},[59,602,155],{"class":65},[59,604,192],{"class":221},[59,606,225],{"class":151},[59,608,253],{"class":65},[59,610,256],{"class":86},[59,612,253],{"class":65},[59,614,261],{"class":65},[59,616,179],{"class":65},[59,618,619,622,624,626,629,631],{"class":61,"line":73},[59,620,621],{"class":69}," apiKey",[59,623,48],{"class":65},[59,625,274],{"class":65},[59,627,628],{"class":86},"pk_live_xxx",[59,630,253],{"class":65},[59,632,394],{"class":65},[59,634,635,637,639],{"class":61,"line":93},[59,636,476],{"class":65},[59,638,231],{"class":151},[59,640,234],{"class":65},[642,643],"hr",{},[18,645,647],{"id":646},"windowfittingcreate-options","window.fitting('create', options)",[14,649,650],{},"Запускает виртуальную примерку.",[548,652,653,665],{},[551,654,655],{},[554,656,657,659,661,663],{},[557,658,559],{},[557,660,562],{},[557,662,566],{"align":565},[557,664,569],{},[571,666,667,683,700],{},[554,668,669,674,678,680],{},[576,670,671],{},[41,672,673],{},"targetElementId",[576,675,676],{},[41,677,585],{},[576,679,588],{"align":565},[576,681,682],{},"ID контейнера, в котором отображается виджет",[554,684,685,690,695,697],{},[576,686,687],{},[41,688,689],{},"tryonItems",[576,691,692],{},[41,693,694],{},"TryonItem[]",[576,696,588],{"align":565},[576,698,699],{},"Массив товаров, доступных для примерки",[554,701,702,707,712,715],{},[576,703,704],{},[41,705,706],{},"model",[576,708,709],{},[41,710,711],{},"'balanced' | 'quality' | 'performance'",[576,713,714],{"align":565},"Нет",[576,716,717,718,231],{},"Режим отрисовки (по умолчанию: ",[41,719,720],{},"'balanced'",[722,723,725],"h3",{"id":724},"tryonitem","TryonItem",[548,727,728,739],{},[551,729,730],{},[554,731,732,735,737],{},[557,733,734],{},"Поле",[557,736,562],{},[557,738,569],{},[571,740,741,755],{},[554,742,743,748,752],{},[576,744,745],{},[41,746,747],{},"productName",[576,749,750],{},[41,751,585],{},[576,753,754],{},"Отображаемое название товара",[554,756,757,762,766],{},[576,758,759],{},[41,760,761],{},"url",[576,763,764],{},[41,765,585],{},[576,767,768],{},"Полный URL изображения товара",[50,770,772],{"className":354,"code":771,"language":356,"meta":55,"style":55},"window.fitting('create', {\n targetElementId: 'widget-container',\n model: 'balanced',\n tryonItems: [\n {\n productName: 'Джинсовая куртка',\n url: 'https:\u002F\u002Fexample.com\u002Fjacket.png',\n },\n ],\n});\n",[41,773,774,794,808,822,830,834,849,864,868,874],{"__ignoreMap":55},[59,775,776,778,780,782,784,786,788,790,792],{"class":61,"line":62},[59,777,187],{"class":151},[59,779,155],{"class":65},[59,781,192],{"class":221},[59,783,225],{"class":151},[59,785,253],{"class":65},[59,787,350],{"class":86},[59,789,253],{"class":65},[59,791,261],{"class":65},[59,793,179],{"class":65},[59,795,796,798,800,802,804,806],{"class":61,"line":73},[59,797,383],{"class":69},[59,799,48],{"class":65},[59,801,274],{"class":65},[59,803,332],{"class":86},[59,805,253],{"class":65},[59,807,394],{"class":65},[59,809,810,812,814,816,818,820],{"class":61,"line":93},[59,811,399],{"class":69},[59,813,48],{"class":65},[59,815,274],{"class":65},[59,817,406],{"class":86},[59,819,253],{"class":65},[59,821,394],{"class":65},[59,823,824,826,828],{"class":61,"line":108},[59,825,415],{"class":69},[59,827,48],{"class":65},[59,829,420],{"class":151},[59,831,832],{"class":61,"line":242},[59,833,425],{"class":65},[59,835,836,838,840,842,845,847],{"class":61,"line":266},[59,837,430],{"class":69},[59,839,48],{"class":65},[59,841,274],{"class":65},[59,843,844],{"class":86},"Джинсовая куртка",[59,846,253],{"class":65},[59,848,394],{"class":65},[59,850,851,853,855,857,860,862],{"class":61,"line":283},[59,852,446],{"class":69},[59,854,48],{"class":65},[59,856,274],{"class":65},[59,858,859],{"class":86},"https:\u002F\u002Fexample.com\u002Fjacket.png",[59,861,253],{"class":65},[59,863,394],{"class":65},[59,865,866],{"class":61,"line":293},[59,867,462],{"class":65},[59,869,870,872],{"class":61,"line":465},[59,871,468],{"class":151},[59,873,394],{"class":65},[59,875,876,878,880],{"class":61,"line":473},[59,877,476],{"class":65},[59,879,231],{"class":151},[59,881,234],{"class":65},[511,883,884],{},"html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":55,"searchDepth":73,"depth":73,"links":886},[887,888],{"id":542,"depth":73,"text":543},{"id":646,"depth":73,"text":647,"children":889},[890],{"id":724,"depth":93,"text":725},"Полный справочник по API Fitting Widget","i-lucide-code",{},{"title":509,"description":891},"api\u002Findex","nBz9Z0BX1B-BPJzD-HVF5oHrejoQd0__hLi-_PGCmvk",{"id":898,"title":899,"body":900,"description":1227,"extension":524,"icon":892,"meta":1228,"navigation":527,"path":1229,"seo":1230,"stem":1231,"__hash__":1232},"content\u002Fen\u002Fapi\u002Findex.md","API Reference",{"type":7,"value":901,"toc":1221},[902,905,907,910,946,992,994,996,999,1064,1066,1107,1219],[10,903,899],{"id":904},"api-reference",[18,906,543],{"id":542},[14,908,909],{},"Initializes the widget. Call this once, before any other methods.",[548,911,912,928],{},[551,913,914],{},[554,915,916,919,922,925],{},[557,917,918],{},"Parameter",[557,920,921],{},"Type",[557,923,924],{"align":565},"Required",[557,926,927],{},"Description",[571,929,930],{},[554,931,932,936,940,943],{},[576,933,934],{},[41,935,580],{},[576,937,938],{},[41,939,585],{},[576,941,942],{"align":565},"Yes",[576,944,945],{},"Your widget API key",[50,947,948],{"className":354,"code":594,"language":356,"meta":55,"style":55},[41,949,950,970,984],{"__ignoreMap":55},[59,951,952,954,956,958,960,962,964,966,968],{"class":61,"line":62},[59,953,187],{"class":151},[59,955,155],{"class":65},[59,957,192],{"class":221},[59,959,225],{"class":151},[59,961,253],{"class":65},[59,963,256],{"class":86},[59,965,253],{"class":65},[59,967,261],{"class":65},[59,969,179],{"class":65},[59,971,972,974,976,978,980,982],{"class":61,"line":73},[59,973,621],{"class":69},[59,975,48],{"class":65},[59,977,274],{"class":65},[59,979,628],{"class":86},[59,981,253],{"class":65},[59,983,394],{"class":65},[59,985,986,988,990],{"class":61,"line":93},[59,987,476],{"class":65},[59,989,231],{"class":151},[59,991,234],{"class":65},[642,993],{},[18,995,647],{"id":646},[14,997,998],{},"Opens the virtual try-on experience.",[548,1000,1001,1013],{},[551,1002,1003],{},[554,1004,1005,1007,1009,1011],{},[557,1006,918],{},[557,1008,921],{},[557,1010,924],{"align":565},[557,1012,927],{},[571,1014,1015,1030,1045],{},[554,1016,1017,1021,1025,1027],{},[576,1018,1019],{},[41,1020,673],{},[576,1022,1023],{},[41,1024,585],{},[576,1026,942],{"align":565},[576,1028,1029],{},"ID of the container element where the widget renders",[554,1031,1032,1036,1040,1042],{},[576,1033,1034],{},[41,1035,689],{},[576,1037,1038],{},[41,1039,694],{},[576,1041,942],{"align":565},[576,1043,1044],{},"Array of items available for try-on",[554,1046,1047,1051,1056,1059],{},[576,1048,1049],{},[41,1050,706],{},[576,1052,1053],{},[41,1054,1055],{},"'balanced' | 'quality' | 'speed'",[576,1057,1058],{"align":565},"No",[576,1060,1061,1062,231],{},"Rendering model (default: ",[41,1063,720],{},[722,1065,725],{"id":724},[548,1067,1068,1079],{},[551,1069,1070],{},[554,1071,1072,1075,1077],{},[557,1073,1074],{},"Field",[557,1076,921],{},[557,1078,927],{},[571,1080,1081,1094],{},[554,1082,1083,1087,1091],{},[576,1084,1085],{},[41,1086,747],{},[576,1088,1089],{},[41,1090,585],{},[576,1092,1093],{},"Display name of the garment",[554,1095,1096,1100,1104],{},[576,1097,1098],{},[41,1099,761],{},[576,1101,1102],{},[41,1103,585],{},[576,1105,1106],{},"Full URL to the garment image",[50,1108,1110],{"className":354,"code":1109,"language":356,"meta":55,"style":55},"window.fitting('create', {\n targetElementId: 'widget-container',\n model: 'balanced',\n tryonItems: [\n {\n productName: 'Denim Jacket',\n url: 'https:\u002F\u002Fexample.com\u002Fjacket.png',\n },\n ],\n});\n",[41,1111,1112,1132,1146,1160,1168,1172,1187,1201,1205,1211],{"__ignoreMap":55},[59,1113,1114,1116,1118,1120,1122,1124,1126,1128,1130],{"class":61,"line":62},[59,1115,187],{"class":151},[59,1117,155],{"class":65},[59,1119,192],{"class":221},[59,1121,225],{"class":151},[59,1123,253],{"class":65},[59,1125,350],{"class":86},[59,1127,253],{"class":65},[59,1129,261],{"class":65},[59,1131,179],{"class":65},[59,1133,1134,1136,1138,1140,1142,1144],{"class":61,"line":73},[59,1135,383],{"class":69},[59,1137,48],{"class":65},[59,1139,274],{"class":65},[59,1141,332],{"class":86},[59,1143,253],{"class":65},[59,1145,394],{"class":65},[59,1147,1148,1150,1152,1154,1156,1158],{"class":61,"line":93},[59,1149,399],{"class":69},[59,1151,48],{"class":65},[59,1153,274],{"class":65},[59,1155,406],{"class":86},[59,1157,253],{"class":65},[59,1159,394],{"class":65},[59,1161,1162,1164,1166],{"class":61,"line":108},[59,1163,415],{"class":69},[59,1165,48],{"class":65},[59,1167,420],{"class":151},[59,1169,1170],{"class":61,"line":242},[59,1171,425],{"class":65},[59,1173,1174,1176,1178,1180,1183,1185],{"class":61,"line":266},[59,1175,430],{"class":69},[59,1177,48],{"class":65},[59,1179,274],{"class":65},[59,1181,1182],{"class":86},"Denim Jacket",[59,1184,253],{"class":65},[59,1186,394],{"class":65},[59,1188,1189,1191,1193,1195,1197,1199],{"class":61,"line":283},[59,1190,446],{"class":69},[59,1192,48],{"class":65},[59,1194,274],{"class":65},[59,1196,859],{"class":86},[59,1198,253],{"class":65},[59,1200,394],{"class":65},[59,1202,1203],{"class":61,"line":293},[59,1204,462],{"class":65},[59,1206,1207,1209],{"class":61,"line":465},[59,1208,468],{"class":151},[59,1210,394],{"class":65},[59,1212,1213,1215,1217],{"class":61,"line":473},[59,1214,476],{"class":65},[59,1216,231],{"class":151},[59,1218,234],{"class":65},[511,1220,884],{},{"title":55,"searchDepth":73,"depth":73,"links":1222},[1223,1224],{"id":542,"depth":73,"text":543},{"id":646,"depth":73,"text":647,"children":1225},[1226],{"id":724,"depth":93,"text":725},"Complete reference for the Fitting Widget API",{},"\u002Fen\u002Fapi",{"title":899,"description":1227},"en\u002Fapi\u002Findex","5vrf4TtfB7Sr4MpfgLzStW-oF0xDBiShwkqA4UFzgA0",{"id":1234,"title":1235,"body":1236,"description":1646,"extension":524,"icon":525,"meta":1647,"navigation":527,"path":1648,"seo":1649,"stem":1650,"__hash__":1651},"content\u002Fen\u002Fgetting-started\u002Fquick-start.md","Quick Start",{"type":7,"value":1237,"toc":1637},[1238,1241,1244,1248,1255,1259,1268,1310,1314,1454,1458,1464,1490,1494,1500,1610,1614,1617,1621,1634],[10,1239,1235],{"id":1240},"quick-start",[14,1242,1243],{},"Follow these steps to add virtual try-on to your e-commerce site.",[18,1245,1247],{"id":1246},"_1-get-your-api-key","1. Get Your API Key",[14,1249,1250,1251,1254],{},"Sign up at ",[26,1252,31],{"href":28,"rel":1253},[30]," to obtain your free API key.",[18,1256,1258],{"id":1257},"_2-load-the-widget-script","2. Load the Widget Script",[14,1260,1261,1262,1264,1265,1267],{},"Add the following ",[41,1263,43],{}," tag to your page, ideally right before the closing ",[41,1266,47],{}," tag:",[50,1269,1270],{"className":52,"code":53,"language":54,"meta":55,"style":55},[41,1271,1272,1278,1290,1302],{"__ignoreMap":55},[59,1273,1274,1276],{"class":61,"line":62},[59,1275,66],{"class":65},[59,1277,70],{"class":69},[59,1279,1280,1282,1284,1286,1288],{"class":61,"line":73},[59,1281,77],{"class":76},[59,1283,80],{"class":65},[59,1285,83],{"class":65},[59,1287,87],{"class":86},[59,1289,90],{"class":65},[59,1291,1292,1294,1296,1298,1300],{"class":61,"line":93},[59,1293,96],{"class":76},[59,1295,80],{"class":65},[59,1297,83],{"class":65},[59,1299,103],{"class":86},[59,1301,90],{"class":65},[59,1303,1304,1306,1308],{"class":61,"line":108},[59,1305,111],{"class":65},[59,1307,114],{"class":69},[59,1309,117],{"class":65},[18,1311,1313],{"id":1312},"_3-initialize-the-widget","3. Initialize the Widget",[50,1315,1316],{"className":52,"code":124,"language":54,"meta":55,"style":55},[41,1317,1318,1336,1360,1402,1406,1426,1438,1446],{"__ignoreMap":55},[59,1319,1320,1322,1324,1326,1328,1330,1332,1334],{"class":61,"line":62},[59,1321,66],{"class":65},[59,1323,114],{"class":69},[59,1325,135],{"class":76},[59,1327,80],{"class":65},[59,1329,83],{"class":65},[59,1331,142],{"class":86},[59,1333,83],{"class":65},[59,1335,117],{"class":65},[59,1337,1338,1340,1342,1344,1346,1348,1350,1352,1354,1356,1358],{"class":61,"line":73},[59,1339,152],{"class":151},[59,1341,155],{"class":65},[59,1343,158],{"class":151},[59,1345,80],{"class":65},[59,1347,163],{"class":151},[59,1349,155],{"class":65},[59,1351,158],{"class":151},[59,1353,170],{"class":65},[59,1355,173],{"class":76},[59,1357,176],{"class":65},[59,1359,179],{"class":65},[59,1361,1362,1364,1366,1368,1370,1372,1374,1376,1378,1380,1382,1384,1386,1388,1390,1392,1394,1396,1398,1400],{"class":61,"line":93},[59,1363,184],{"class":69},[59,1365,187],{"class":151},[59,1367,155],{"class":65},[59,1369,192],{"class":151},[59,1371,155],{"class":65},[59,1373,197],{"class":151},[59,1375,200],{"class":65},[59,1377,163],{"class":151},[59,1379,155],{"class":65},[59,1381,192],{"class":151},[59,1383,155],{"class":65},[59,1385,197],{"class":151},[59,1387,213],{"class":65},[59,1389,216],{"class":69},[59,1391,155],{"class":65},[59,1393,222],{"class":221},[59,1395,225],{"class":69},[59,1397,228],{"class":151},[59,1399,231],{"class":69},[59,1401,234],{"class":65},[59,1403,1404],{"class":61,"line":108},[59,1405,239],{"class":65},[59,1407,1408,1410,1412,1414,1416,1418,1420,1422,1424],{"class":61,"line":242},[59,1409,152],{"class":151},[59,1411,155],{"class":65},[59,1413,192],{"class":221},[59,1415,225],{"class":151},[59,1417,253],{"class":65},[59,1419,256],{"class":86},[59,1421,253],{"class":65},[59,1423,261],{"class":65},[59,1425,179],{"class":65},[59,1427,1428,1430,1432,1434,1436],{"class":61,"line":266},[59,1429,269],{"class":69},[59,1431,48],{"class":65},[59,1433,274],{"class":65},[59,1435,277],{"class":86},[59,1437,280],{"class":65},[59,1439,1440,1442,1444],{"class":61,"line":283},[59,1441,286],{"class":65},[59,1443,231],{"class":151},[59,1445,234],{"class":65},[59,1447,1448,1450,1452],{"class":61,"line":293},[59,1449,296],{"class":65},[59,1451,114],{"class":69},[59,1453,117],{"class":65},[18,1455,1457],{"id":1456},"_4-add-a-container","4. Add a Container",[14,1459,1460,1461,1463],{},"Place a ",[41,1462,310],{}," wherever you want the widget to appear:",[50,1465,1466],{"className":52,"code":314,"language":54,"meta":55,"style":55},[41,1467,1468],{"__ignoreMap":55},[59,1469,1470,1472,1474,1476,1478,1480,1482,1484,1486,1488],{"class":61,"line":62},[59,1471,66],{"class":65},[59,1473,323],{"class":69},[59,1475,135],{"class":76},[59,1477,80],{"class":65},[59,1479,83],{"class":65},[59,1481,332],{"class":86},[59,1483,83],{"class":65},[59,1485,111],{"class":65},[59,1487,323],{"class":69},[59,1489,117],{"class":65},[18,1491,1493],{"id":1492},"_5-launch-the-widget","5. Launch the Widget",[14,1495,1496,1497,1499],{},"Call the ",[41,1498,350],{}," method when the user clicks a button:",[50,1501,1502],{"className":354,"code":355,"language":356,"meta":55,"style":55},[41,1503,1504,1524,1538,1552,1560,1564,1578,1592,1596,1602],{"__ignoreMap":55},[59,1505,1506,1508,1510,1512,1514,1516,1518,1520,1522],{"class":61,"line":62},[59,1507,187],{"class":151},[59,1509,155],{"class":65},[59,1511,192],{"class":221},[59,1513,225],{"class":151},[59,1515,253],{"class":65},[59,1517,350],{"class":86},[59,1519,253],{"class":65},[59,1521,261],{"class":65},[59,1523,179],{"class":65},[59,1525,1526,1528,1530,1532,1534,1536],{"class":61,"line":73},[59,1527,383],{"class":69},[59,1529,48],{"class":65},[59,1531,274],{"class":65},[59,1533,332],{"class":86},[59,1535,253],{"class":65},[59,1537,394],{"class":65},[59,1539,1540,1542,1544,1546,1548,1550],{"class":61,"line":93},[59,1541,399],{"class":69},[59,1543,48],{"class":65},[59,1545,274],{"class":65},[59,1547,406],{"class":86},[59,1549,253],{"class":65},[59,1551,394],{"class":65},[59,1553,1554,1556,1558],{"class":61,"line":108},[59,1555,415],{"class":69},[59,1557,48],{"class":65},[59,1559,420],{"class":151},[59,1561,1562],{"class":61,"line":242},[59,1563,425],{"class":65},[59,1565,1566,1568,1570,1572,1574,1576],{"class":61,"line":266},[59,1567,430],{"class":69},[59,1569,48],{"class":65},[59,1571,274],{"class":65},[59,1573,437],{"class":86},[59,1575,253],{"class":65},[59,1577,394],{"class":65},[59,1579,1580,1582,1584,1586,1588,1590],{"class":61,"line":283},[59,1581,446],{"class":69},[59,1583,48],{"class":65},[59,1585,274],{"class":65},[59,1587,453],{"class":86},[59,1589,253],{"class":65},[59,1591,394],{"class":65},[59,1593,1594],{"class":61,"line":293},[59,1595,462],{"class":65},[59,1597,1598,1600],{"class":61,"line":465},[59,1599,468],{"class":151},[59,1601,394],{"class":65},[59,1603,1604,1606,1608],{"class":61,"line":473},[59,1605,476],{"class":65},[59,1607,231],{"class":151},[59,1609,234],{"class":65},[18,1611,1613],{"id":1612},"result","Result",[14,1615,1616],{},"Your customers can now upload a photo and see the garment on them instantly.",[18,1618,1620],{"id":1619},"next-steps","Next Steps",[493,1622,1623,1629],{},[496,1624,1625,1626,155],{},"See framework-specific guides under ",[26,1627,1628],{"href":501},"Integrations",[496,1630,1631,1632,155],{},"Explore the full ",[26,1633,899],{"href":508},[511,1635,1636],{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}",{"title":55,"searchDepth":73,"depth":73,"links":1638},[1639,1640,1641,1642,1643,1644,1645],{"id":1246,"depth":73,"text":1247},{"id":1257,"depth":73,"text":1258},{"id":1312,"depth":73,"text":1313},{"id":1456,"depth":73,"text":1457},{"id":1492,"depth":73,"text":1493},{"id":1612,"depth":73,"text":1613},{"id":1619,"depth":73,"text":1620},"Get the Fitting Widget running in minutes",{},"\u002Fen\u002Fgetting-started\u002Fquick-start",{"title":1235,"description":1646},"en\u002Fgetting-started\u002Fquick-start","Cy6rzr6z6R2nhbEqOeB18fbbe2pOjXOk0inGXqhKfHg",{"id":1653,"title":1654,"body":1655,"description":1735,"extension":524,"icon":1736,"meta":1737,"navigation":527,"path":1738,"seo":1739,"stem":1740,"__hash__":1741},"content\u002Fen\u002Findex.md","Introduction",{"type":7,"value":1656,"toc":1730},[1657,1661,1669,1673,1699,1703,1722,1724],[10,1658,1660],{"id":1659},"fitting-widget-virtual-try-on","Fitting Widget — Virtual Try-On",[14,1662,1663,1664,1668],{},"The ",[1665,1666,1667],"strong",{},"Fitting Widget"," is a drop-in virtual try-on solution for e-commerce fashion stores. It lets your customers upload a photo and instantly see how any garment looks on them — directly on your product pages.",[18,1670,1672],{"id":1671},"key-features","Key Features",[493,1674,1675,1681,1687,1693],{},[496,1676,1677,1680],{},[1665,1678,1679],{},"Quick Integration"," — Add one script tag and a few lines of code.",[496,1682,1683,1686],{},[1665,1684,1685],{},"Framework-Agnostic"," — Works with Vanilla JS, React, Vue, Next.js, Nuxt, and more.",[496,1688,1689,1692],{},[1665,1690,1691],{},"Customizable"," — Style the widget to match your brand.",[496,1694,1695,1698],{},[1665,1696,1697],{},"Lightweight"," — Optimized loading; won't slow down your store.",[18,1700,1702],{"id":1701},"how-it-works","How It Works",[1704,1705,1706,1709,1712,1719],"ol",{},[496,1707,1708],{},"Load the widget script on your page.",[496,1710,1711],{},"Initialize with your API key.",[496,1713,1714,1715,1718],{},"Call ",[41,1716,1717],{},"window.fitting('create', { ... })"," with product image URLs.",[496,1720,1721],{},"The widget renders inside a container element of your choice.",[18,1723,1235],{"id":1240},[14,1725,1726,1727,1729],{},"Head over to the ",[26,1728,1235],{"href":528}," guide to get up and running in under 5 minutes.",{"title":55,"searchDepth":73,"depth":73,"links":1731},[1732,1733,1734],{"id":1671,"depth":73,"text":1672},{"id":1701,"depth":73,"text":1702},{"id":1240,"depth":73,"text":1235},"What is the Fitting Widget and why use it?","i-lucide-sparkles",{},"\u002Fen",{"title":1654,"description":1735},"en\u002Findex","zjI3aBTZ8Y2iRdmkieXP4q0o6PKbIjE5hUkB6Y1ledA",{"id":1743,"title":1744,"body":1745,"description":2782,"extension":524,"icon":2783,"meta":2784,"navigation":527,"path":2785,"seo":2786,"stem":2787,"__hash__":2788},"content\u002Fen\u002Fintegrations\u002Fnextjs.md","Next.js",{"type":7,"value":1746,"toc":2773},[1747,1751,1761,1765,1775,1786,2092,2096,2471,2475,2744,2748,2754,2770],[10,1748,1750],{"id":1749},"nextjs-integration","Next.js Integration",[14,1752,1753,1754,1757,1758,155],{},"The Fitting Widget works with both the ",[1665,1755,1756],{},"Pages Router"," and ",[1665,1759,1760],{},"App Router",[18,1762,1764],{"id":1763},"app-router-recommended","App Router (Recommended)",[14,1766,1767,1768,1771,1772,155],{},"Use the Next.js ",[41,1769,1770],{},"Script"," component with ",[41,1773,1774],{},"strategy=\"afterInteractive\"",[722,1776,1778,1779,1782,1783],{"id":1777},"step-1-load-scripts-in-layouttsx-or-pagetsx","Step 1 — Load Scripts in ",[41,1780,1781],{},"layout.tsx"," or ",[41,1784,1785],{},"page.tsx",[50,1787,1791],{"className":1788,"code":1789,"language":1790,"meta":55,"style":55},"language-tsx shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import Script from 'next\u002Fscript';\n\nexport default function ProductLayout({ children }: { children: React.ReactNode }) {\n return (\n \u003C>\n {children}\n\n \u003CScript\n src=\"https:\u002F\u002Fwidget.try-on.ru\u002Ffitting-widget-bundle.js\"\n strategy=\"afterInteractive\"\n id=\"fitting-widget-bundle\"\n \u002F>\n\n \u003CScript\n strategy=\"afterInteractive\"\n id=\"fitting-init\"\n >\n {`\n window.fitting = window.fitting || function() {\n (window.fitting.q = window.fitting.q || []).push(arguments);\n };\n window.fitting('init', {\n apiKey: '${process.env.NEXT_PUBLIC_TRY_ON_API_KEY}'\n });\n `}\n \u003C\u002FScript>\n \u003C\u002F>\n );\n}\n","tsx",[41,1792,1793,1814,1819,1863,1871,1876,1887,1891,1899,1912,1926,1940,1946,1951,1958,1971,1984,1990,1999,2005,2011,2017,2023,2049,2055,2063,2073,2079,2087],{"__ignoreMap":55},[59,1794,1795,1799,1802,1805,1807,1810,1812],{"class":61,"line":62},[59,1796,1798],{"class":1797},"s7zQu","import",[59,1800,1801],{"class":151}," Script ",[59,1803,1804],{"class":1797},"from",[59,1806,274],{"class":65},[59,1808,1809],{"class":86},"next\u002Fscript",[59,1811,253],{"class":65},[59,1813,234],{"class":65},[59,1815,1816],{"class":61,"line":73},[59,1817,1818],{"emptyLinePlaceholder":527},"\n",[59,1820,1821,1824,1827,1829,1832,1835,1839,1842,1845,1847,1849,1853,1855,1858,1861],{"class":61,"line":93},[59,1822,1823],{"class":1797},"export",[59,1825,1826],{"class":1797}," default",[59,1828,173],{"class":76},[59,1830,1831],{"class":221}," ProductLayout",[59,1833,1834],{"class":65},"({",[59,1836,1838],{"class":1837},"sHdIc"," children",[59,1840,1841],{"class":65}," }:",[59,1843,1844],{"class":65}," {",[59,1846,1838],{"class":69},[59,1848,48],{"class":65},[59,1850,1852],{"class":1851},"sBMFI"," React",[59,1854,155],{"class":65},[59,1856,1857],{"class":1851},"ReactNode",[59,1859,1860],{"class":65}," })",[59,1862,179],{"class":65},[59,1864,1865,1868],{"class":61,"line":108},[59,1866,1867],{"class":1797}," return",[59,1869,1870],{"class":69}," (\n",[59,1872,1873],{"class":61,"line":242},[59,1874,1875],{"class":65}," \u003C>\n",[59,1877,1878,1881,1884],{"class":61,"line":266},[59,1879,1880],{"class":65}," {",[59,1882,1883],{"class":151},"children",[59,1885,1886],{"class":65},"}\n",[59,1888,1889],{"class":61,"line":283},[59,1890,1818],{"emptyLinePlaceholder":527},[59,1892,1893,1896],{"class":61,"line":293},[59,1894,1895],{"class":65}," \u003C",[59,1897,1898],{"class":1851},"Script\n",[59,1900,1901,1904,1906,1908,1910],{"class":61,"line":465},[59,1902,1903],{"class":76}," src",[59,1905,80],{"class":65},[59,1907,83],{"class":65},[59,1909,87],{"class":86},[59,1911,90],{"class":65},[59,1913,1914,1917,1919,1921,1924],{"class":61,"line":473},[59,1915,1916],{"class":76}," strategy",[59,1918,80],{"class":65},[59,1920,83],{"class":65},[59,1922,1923],{"class":86},"afterInteractive",[59,1925,90],{"class":65},[59,1927,1929,1932,1934,1936,1938],{"class":61,"line":1928},11,[59,1930,1931],{"class":76}," id",[59,1933,80],{"class":65},[59,1935,83],{"class":65},[59,1937,103],{"class":86},[59,1939,90],{"class":65},[59,1941,1943],{"class":61,"line":1942},12,[59,1944,1945],{"class":65}," \u002F>\n",[59,1947,1949],{"class":61,"line":1948},13,[59,1950,1818],{"emptyLinePlaceholder":527},[59,1952,1954,1956],{"class":61,"line":1953},14,[59,1955,1895],{"class":65},[59,1957,1898],{"class":1851},[59,1959,1961,1963,1965,1967,1969],{"class":61,"line":1960},15,[59,1962,1916],{"class":76},[59,1964,80],{"class":65},[59,1966,83],{"class":65},[59,1968,1923],{"class":86},[59,1970,90],{"class":65},[59,1972,1974,1976,1978,1980,1982],{"class":61,"line":1973},16,[59,1975,1931],{"class":76},[59,1977,80],{"class":65},[59,1979,83],{"class":65},[59,1981,142],{"class":86},[59,1983,90],{"class":65},[59,1985,1987],{"class":61,"line":1986},17,[59,1988,1989],{"class":65}," >\n",[59,1991,1993,1996],{"class":61,"line":1992},18,[59,1994,1995],{"class":65}," {",[59,1997,1998],{"class":65},"`\n",[59,2000,2002],{"class":61,"line":2001},19,[59,2003,2004],{"class":86}," window.fitting = window.fitting || function() {\n",[59,2006,2008],{"class":61,"line":2007},20,[59,2009,2010],{"class":86}," (window.fitting.q = window.fitting.q || []).push(arguments);\n",[59,2012,2014],{"class":61,"line":2013},21,[59,2015,2016],{"class":86}," };\n",[59,2018,2020],{"class":61,"line":2019},22,[59,2021,2022],{"class":86}," window.fitting('init', {\n",[59,2024,2026,2029,2032,2035,2037,2040,2042,2045,2047],{"class":61,"line":2025},23,[59,2027,2028],{"class":86}," apiKey: '",[59,2030,2031],{"class":65},"${",[59,2033,2034],{"class":151},"process",[59,2036,155],{"class":65},[59,2038,2039],{"class":151},"env",[59,2041,155],{"class":65},[59,2043,2044],{"class":151},"NEXT_PUBLIC_TRY_ON_API_KEY",[59,2046,476],{"class":65},[59,2048,280],{"class":86},[59,2050,2052],{"class":61,"line":2051},24,[59,2053,2054],{"class":86}," });\n",[59,2056,2058,2061],{"class":61,"line":2057},25,[59,2059,2060],{"class":65}," `",[59,2062,1886],{"class":65},[59,2064,2066,2069,2071],{"class":61,"line":2065},26,[59,2067,2068],{"class":65}," \u003C\u002F",[59,2070,1770],{"class":1851},[59,2072,117],{"class":65},[59,2074,2076],{"class":61,"line":2075},27,[59,2077,2078],{"class":65}," \u003C\u002F>\n",[59,2080,2082,2085],{"class":61,"line":2081},28,[59,2083,2084],{"class":69}," )",[59,2086,234],{"class":65},[59,2088,2090],{"class":61,"line":2089},29,[59,2091,1886],{"class":65},[722,2093,2095],{"id":2094},"step-2-create-the-widget-button","Step 2 — Create the Widget Button",[50,2097,2099],{"className":1788,"code":2098,"language":1790,"meta":55,"style":55},"'use client';\n\ninterface TryonItem {\n productName: string;\n url: string;\n}\n\ndeclare global {\n interface Window {\n fitting: (command: string, options?: unknown) => void;\n }\n}\n\nexport function TryOnButton({ items }: { items: TryonItem[] }) {\n const handleClick = () => {\n window.fitting('create', {\n targetElementId: 'widget-container',\n model: 'balanced',\n tryonItems: items,\n });\n };\n\n return (\n \u003C>\n \u003Cdiv id=\"widget-container\" style={{ width: '100%', maxWidth: 600, aspectRatio: '3\u002F4' }} \u002F>\n \u003Cbutton onClick={handleClick}>Try On\u003C\u002Fbutton>\n \u003C\u002F>\n );\n}\n",[41,2100,2101,2112,2116,2126,2138,2149,2153,2157,2168,2178,2216,2221,2225,2229,2261,2278,2299,2314,2329,2340,2349,2353,2357,2363,2367,2429,2457,2461,2467],{"__ignoreMap":55},[59,2102,2103,2105,2108,2110],{"class":61,"line":62},[59,2104,253],{"class":65},[59,2106,2107],{"class":86},"use client",[59,2109,253],{"class":65},[59,2111,234],{"class":65},[59,2113,2114],{"class":61,"line":73},[59,2115,1818],{"emptyLinePlaceholder":527},[59,2117,2118,2121,2124],{"class":61,"line":93},[59,2119,2120],{"class":76},"interface",[59,2122,2123],{"class":1851}," TryonItem",[59,2125,179],{"class":65},[59,2127,2128,2131,2133,2136],{"class":61,"line":108},[59,2129,2130],{"class":69}," productName",[59,2132,48],{"class":65},[59,2134,2135],{"class":1851}," string",[59,2137,234],{"class":65},[59,2139,2140,2143,2145,2147],{"class":61,"line":242},[59,2141,2142],{"class":69}," url",[59,2144,48],{"class":65},[59,2146,2135],{"class":1851},[59,2148,234],{"class":65},[59,2150,2151],{"class":61,"line":266},[59,2152,1886],{"class":65},[59,2154,2155],{"class":61,"line":283},[59,2156,1818],{"emptyLinePlaceholder":527},[59,2158,2159,2162,2165],{"class":61,"line":293},[59,2160,2161],{"class":76},"declare",[59,2163,2164],{"class":151}," global ",[59,2166,2167],{"class":65},"{\n",[59,2169,2170,2173,2176],{"class":61,"line":465},[59,2171,2172],{"class":76}," interface",[59,2174,2175],{"class":1851}," Window",[59,2177,179],{"class":65},[59,2179,2180,2183,2185,2188,2191,2193,2195,2197,2200,2203,2206,2208,2211,2214],{"class":61,"line":473},[59,2181,2182],{"class":69}," fitting",[59,2184,48],{"class":65},[59,2186,2187],{"class":65}," (",[59,2189,2190],{"class":1837},"command",[59,2192,48],{"class":65},[59,2194,2135],{"class":1851},[59,2196,261],{"class":65},[59,2198,2199],{"class":1837}," options",[59,2201,2202],{"class":65},"?:",[59,2204,2205],{"class":1851}," unknown",[59,2207,231],{"class":65},[59,2209,2210],{"class":76}," =>",[59,2212,2213],{"class":1851}," void",[59,2215,234],{"class":65},[59,2217,2218],{"class":61,"line":1928},[59,2219,2220],{"class":65}," }\n",[59,2222,2223],{"class":61,"line":1942},[59,2224,1886],{"class":65},[59,2226,2227],{"class":61,"line":1948},[59,2228,1818],{"emptyLinePlaceholder":527},[59,2230,2231,2233,2235,2238,2240,2243,2245,2247,2249,2251,2253,2256,2259],{"class":61,"line":1953},[59,2232,1823],{"class":1797},[59,2234,173],{"class":76},[59,2236,2237],{"class":221}," TryOnButton",[59,2239,1834],{"class":65},[59,2241,2242],{"class":1837}," items",[59,2244,1841],{"class":65},[59,2246,1844],{"class":65},[59,2248,2242],{"class":69},[59,2250,48],{"class":65},[59,2252,2123],{"class":1851},[59,2254,2255],{"class":151},"[] ",[59,2257,2258],{"class":65},"})",[59,2260,179],{"class":65},[59,2262,2263,2266,2269,2271,2274,2276],{"class":61,"line":1960},[59,2264,2265],{"class":76}," const",[59,2267,2268],{"class":151}," handleClick",[59,2270,200],{"class":65},[59,2272,2273],{"class":65}," ()",[59,2275,2210],{"class":76},[59,2277,179],{"class":65},[59,2279,2280,2283,2285,2287,2289,2291,2293,2295,2297],{"class":61,"line":1973},[59,2281,2282],{"class":151}," window",[59,2284,155],{"class":65},[59,2286,192],{"class":221},[59,2288,225],{"class":69},[59,2290,253],{"class":65},[59,2292,350],{"class":86},[59,2294,253],{"class":65},[59,2296,261],{"class":65},[59,2298,179],{"class":65},[59,2300,2301,2304,2306,2308,2310,2312],{"class":61,"line":1986},[59,2302,2303],{"class":69}," targetElementId",[59,2305,48],{"class":65},[59,2307,274],{"class":65},[59,2309,332],{"class":86},[59,2311,253],{"class":65},[59,2313,394],{"class":65},[59,2315,2316,2319,2321,2323,2325,2327],{"class":61,"line":1992},[59,2317,2318],{"class":69}," model",[59,2320,48],{"class":65},[59,2322,274],{"class":65},[59,2324,406],{"class":86},[59,2326,253],{"class":65},[59,2328,394],{"class":65},[59,2330,2331,2334,2336,2338],{"class":61,"line":2001},[59,2332,2333],{"class":69}," tryonItems",[59,2335,48],{"class":65},[59,2337,2242],{"class":151},[59,2339,394],{"class":65},[59,2341,2342,2345,2347],{"class":61,"line":2007},[59,2343,2344],{"class":65}," }",[59,2346,231],{"class":69},[59,2348,234],{"class":65},[59,2350,2351],{"class":61,"line":2013},[59,2352,239],{"class":65},[59,2354,2355],{"class":61,"line":2019},[59,2356,1818],{"emptyLinePlaceholder":527},[59,2358,2359,2361],{"class":61,"line":2025},[59,2360,1867],{"class":1797},[59,2362,1870],{"class":69},[59,2364,2365],{"class":61,"line":2051},[59,2366,1875],{"class":65},[59,2368,2369,2371,2373,2375,2377,2379,2381,2383,2386,2389,2392,2394,2396,2399,2401,2403,2406,2408,2412,2414,2417,2419,2421,2424,2426],{"class":61,"line":2057},[59,2370,1895],{"class":65},[59,2372,323],{"class":69},[59,2374,135],{"class":76},[59,2376,80],{"class":65},[59,2378,83],{"class":65},[59,2380,332],{"class":86},[59,2382,83],{"class":65},[59,2384,2385],{"class":76}," style",[59,2387,2388],{"class":65},"={{",[59,2390,2391],{"class":69}," width",[59,2393,48],{"class":65},[59,2395,274],{"class":65},[59,2397,2398],{"class":86},"100%",[59,2400,253],{"class":65},[59,2402,261],{"class":65},[59,2404,2405],{"class":69}," maxWidth",[59,2407,48],{"class":65},[59,2409,2411],{"class":2410},"sbssI"," 600",[59,2413,261],{"class":65},[59,2415,2416],{"class":69}," aspectRatio",[59,2418,48],{"class":65},[59,2420,274],{"class":65},[59,2422,2423],{"class":86},"3\u002F4",[59,2425,253],{"class":65},[59,2427,2428],{"class":65}," }} \u002F>\n",[59,2430,2431,2433,2436,2439,2442,2445,2448,2451,2453,2455],{"class":61,"line":2065},[59,2432,1895],{"class":65},[59,2434,2435],{"class":69},"button",[59,2437,2438],{"class":76}," onClick",[59,2440,2441],{"class":65},"={",[59,2443,2444],{"class":151},"handleClick",[59,2446,2447],{"class":65},"}>",[59,2449,2450],{"class":151},"Try On",[59,2452,296],{"class":65},[59,2454,2435],{"class":69},[59,2456,117],{"class":65},[59,2458,2459],{"class":61,"line":2075},[59,2460,2078],{"class":65},[59,2462,2463,2465],{"class":61,"line":2081},[59,2464,2084],{"class":69},[59,2466,234],{"class":65},[59,2468,2469],{"class":61,"line":2089},[59,2470,1886],{"class":65},[722,2472,2474],{"id":2473},"step-3-use-in-a-product-page","Step 3 — Use in a Product Page",[50,2476,2478],{"className":1788,"code":2477,"language":1790,"meta":55,"style":55},"import { TryOnButton } from '@\u002Fcomponents\u002FTryOnButton';\n\nexport default async function ProductPage({ params }: { params: { slug: string } }) {\n const product = await getProduct(params.slug);\n\n return (\n \u003Cdiv>\n \u003Ch1>{product.name}\u003C\u002Fh1>\n \u003Cimg src={product.image} alt={product.name} \u002F>\n \u003CTryOnButton\n items={[\n {\n productName: product.name,\n url: product.image,\n },\n ]}\n \u002F>\n \u003C\u002Fdiv>\n );\n}\n",[41,2479,2480,2503,2507,2549,2578,2582,2588,2597,2621,2657,2664,2674,2679,2694,2709,2714,2721,2725,2734,2740],{"__ignoreMap":55},[59,2481,2482,2484,2486,2488,2491,2494,2496,2499,2501],{"class":61,"line":62},[59,2483,1798],{"class":1797},[59,2485,1844],{"class":65},[59,2487,2237],{"class":151},[59,2489,2490],{"class":65}," }",[59,2492,2493],{"class":1797}," from",[59,2495,274],{"class":65},[59,2497,2498],{"class":86},"@\u002Fcomponents\u002FTryOnButton",[59,2500,253],{"class":65},[59,2502,234],{"class":65},[59,2504,2505],{"class":61,"line":73},[59,2506,1818],{"emptyLinePlaceholder":527},[59,2508,2509,2511,2513,2516,2518,2521,2523,2526,2528,2530,2532,2534,2536,2539,2541,2543,2545,2547],{"class":61,"line":93},[59,2510,1823],{"class":1797},[59,2512,1826],{"class":1797},[59,2514,2515],{"class":76}," async",[59,2517,173],{"class":76},[59,2519,2520],{"class":221}," ProductPage",[59,2522,1834],{"class":65},[59,2524,2525],{"class":1837}," params",[59,2527,1841],{"class":65},[59,2529,1844],{"class":65},[59,2531,2525],{"class":69},[59,2533,48],{"class":65},[59,2535,1844],{"class":65},[59,2537,2538],{"class":69}," slug",[59,2540,48],{"class":65},[59,2542,2135],{"class":1851},[59,2544,2490],{"class":65},[59,2546,1860],{"class":65},[59,2548,179],{"class":65},[59,2550,2551,2553,2556,2558,2561,2564,2566,2569,2571,2574,2576],{"class":61,"line":108},[59,2552,2265],{"class":76},[59,2554,2555],{"class":151}," product",[59,2557,200],{"class":65},[59,2559,2560],{"class":1797}," await",[59,2562,2563],{"class":221}," getProduct",[59,2565,225],{"class":69},[59,2567,2568],{"class":151},"params",[59,2570,155],{"class":65},[59,2572,2573],{"class":151},"slug",[59,2575,231],{"class":69},[59,2577,234],{"class":65},[59,2579,2580],{"class":61,"line":242},[59,2581,1818],{"emptyLinePlaceholder":527},[59,2583,2584,2586],{"class":61,"line":266},[59,2585,1867],{"class":1797},[59,2587,1870],{"class":69},[59,2589,2590,2593,2595],{"class":61,"line":283},[59,2591,2592],{"class":65}," \u003C",[59,2594,323],{"class":69},[59,2596,117],{"class":65},[59,2598,2599,2601,2603,2606,2609,2611,2614,2617,2619],{"class":61,"line":293},[59,2600,1895],{"class":65},[59,2602,10],{"class":69},[59,2604,2605],{"class":65},">{",[59,2607,2608],{"class":151},"product",[59,2610,155],{"class":65},[59,2612,2613],{"class":151},"name",[59,2615,2616],{"class":65},"}\u003C\u002F",[59,2618,10],{"class":69},[59,2620,117],{"class":65},[59,2622,2623,2625,2628,2631,2633,2635,2637,2640,2643,2646,2648,2650,2652,2654],{"class":61,"line":465},[59,2624,1895],{"class":65},[59,2626,2627],{"class":69},"img",[59,2629,2630],{"class":76}," src",[59,2632,2441],{"class":65},[59,2634,2608],{"class":151},[59,2636,155],{"class":65},[59,2638,2639],{"class":151},"image",[59,2641,2642],{"class":65},"} ",[59,2644,2645],{"class":76},"alt",[59,2647,2441],{"class":65},[59,2649,2608],{"class":151},[59,2651,155],{"class":65},[59,2653,2613],{"class":151},[59,2655,2656],{"class":65},"} \u002F>\n",[59,2658,2659,2661],{"class":61,"line":473},[59,2660,1895],{"class":65},[59,2662,2663],{"class":1851},"TryOnButton\n",[59,2665,2666,2669,2671],{"class":61,"line":1928},[59,2667,2668],{"class":76}," items",[59,2670,2441],{"class":65},[59,2672,2673],{"class":151},"[\n",[59,2675,2676],{"class":61,"line":1942},[59,2677,2678],{"class":65}," {\n",[59,2680,2681,2684,2686,2688,2690,2692],{"class":61,"line":1948},[59,2682,2683],{"class":69}," productName",[59,2685,48],{"class":65},[59,2687,2555],{"class":151},[59,2689,155],{"class":65},[59,2691,2613],{"class":151},[59,2693,394],{"class":65},[59,2695,2696,2699,2701,2703,2705,2707],{"class":61,"line":1953},[59,2697,2698],{"class":69}," url",[59,2700,48],{"class":65},[59,2702,2555],{"class":151},[59,2704,155],{"class":65},[59,2706,2639],{"class":151},[59,2708,394],{"class":65},[59,2710,2711],{"class":61,"line":1960},[59,2712,2713],{"class":65}," },\n",[59,2715,2716,2719],{"class":61,"line":1973},[59,2717,2718],{"class":151}," ]",[59,2720,1886],{"class":65},[59,2722,2723],{"class":61,"line":1986},[59,2724,1945],{"class":65},[59,2726,2727,2730,2732],{"class":61,"line":1992},[59,2728,2729],{"class":65}," \u003C\u002F",[59,2731,323],{"class":69},[59,2733,117],{"class":65},[59,2735,2736,2738],{"class":61,"line":2001},[59,2737,2084],{"class":69},[59,2739,234],{"class":65},[59,2741,2742],{"class":61,"line":2007},[59,2743,1886],{"class":65},[18,2745,2747],{"id":2746},"environment-variable","Environment Variable",[14,2749,2750,2751,48],{},"Add your API key to ",[41,2752,2753],{},".env.local",[50,2755,2759],{"className":2756,"code":2757,"language":2758,"meta":55,"style":55},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","NEXT_PUBLIC_TRY_ON_API_KEY=pk_live_xxx\n","bash",[41,2760,2761],{"__ignoreMap":55},[59,2762,2763,2765,2767],{"class":61,"line":62},[59,2764,2044],{"class":151},[59,2766,80],{"class":65},[59,2768,2769],{"class":86},"pk_live_xxx\n",[511,2771,2772],{},"html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}",{"title":55,"searchDepth":73,"depth":73,"links":2774},[2775,2781],{"id":1763,"depth":73,"text":1764,"children":2776},[2777,2779,2780],{"id":1777,"depth":93,"text":2778},"Step 1 — Load Scripts in layout.tsx or page.tsx",{"id":2094,"depth":93,"text":2095},{"id":2473,"depth":93,"text":2474},{"id":2746,"depth":73,"text":2747},"Integrate with Next.js (Pages Router & App Router)","i-lucide-triangle",{},"\u002Fen\u002Fintegrations\u002Fnextjs",{"title":1744,"description":2782},"en\u002Fintegrations\u002Fnextjs","JdA3Sttp8qaffNRKpcg9b3i_J2nMxDOCfnya8RjA3yU",{"id":2790,"title":2791,"body":2792,"description":3691,"extension":524,"icon":3692,"meta":3693,"navigation":527,"path":3694,"seo":3695,"stem":3696,"__hash__":3697},"content\u002Fen\u002Fintegrations\u002Fnuxt.md","Nuxt",{"type":7,"value":2793,"toc":3681},[2794,2798,2801,2805,2815,2821,3141,3147,3343,3347,3657,3659,3665,3678],[10,2795,2797],{"id":2796},"nuxt-integration","Nuxt Integration",[14,2799,2800],{},"The Fitting Widget integrates seamlessly with Nuxt 3 and Nuxt 4.",[18,2802,2804],{"id":2803},"_1-load-the-script","1. Load the Script",[14,2806,2807,2808,2811,2812,155],{},"Use the ",[41,2809,2810],{},"useHead"," composable, or add scripts to your ",[41,2813,2814],{},"nuxt.config.ts",[722,2816,2818,2819],{"id":2817},"option-a-per-page-with-usehead","Option A — Per Page with ",[41,2820,2810],{},[50,2822,2826],{"className":2823,"code":2824,"language":2825,"meta":55,"style":55},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003C!-- pages\u002Fproduct\u002F[slug].vue -->\n\u003Ctemplate>\n \u003Cdiv>\n \u003Ch1>{{ product.name }}\u003C\u002Fh1>\n \u003CTryOnWidget :product-name=\"product.name\" :image-url=\"product.image\" \u002F>\n \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup lang=\"ts\">\nimport { useHead } from '#app'\n\nuseHead({\n script: [\n {\n src: 'https:\u002F\u002Fwidget.try-on.ru\u002Ffitting-widget-bundle.js',\n id: 'fitting-widget-bundle',\n },\n {\n id: 'fitting-init',\n innerHTML: `\n window.fitting = window.fitting || function() {\n (window.fitting.q = window.fitting.q || []).push(arguments);\n };\n window.fitting('init', {\n apiKey: '${import.meta.env.VITE_TRY_ON_API_KEY}'\n });\n `,\n },\n ],\n})\n\u003C\u002Fscript>\n","vue",[41,2827,2828,2834,2843,2852,2870,2904,2913,2921,2925,2948,2968,2972,2980,2989,2993,3008,3023,3027,3031,3045,3055,3060,3065,3070,3075,3102,3107,3114,3118,3124,3132],{"__ignoreMap":55},[59,2829,2830],{"class":61,"line":62},[59,2831,2833],{"class":2832},"sHwdD","\u003C!-- pages\u002Fproduct\u002F[slug].vue -->\n",[59,2835,2836,2838,2841],{"class":61,"line":73},[59,2837,66],{"class":65},[59,2839,2840],{"class":69},"template",[59,2842,117],{"class":65},[59,2844,2845,2848,2850],{"class":61,"line":93},[59,2846,2847],{"class":65}," \u003C",[59,2849,323],{"class":69},[59,2851,117],{"class":65},[59,2853,2854,2856,2858,2861,2864,2866,2868],{"class":61,"line":108},[59,2855,2592],{"class":65},[59,2857,10],{"class":69},[59,2859,2860],{"class":65},">",[59,2862,2863],{"class":151},"{{ product.name }}",[59,2865,296],{"class":65},[59,2867,10],{"class":69},[59,2869,117],{"class":65},[59,2871,2872,2874,2877,2880,2882,2884,2887,2889,2892,2894,2896,2899,2901],{"class":61,"line":242},[59,2873,2592],{"class":65},[59,2875,2876],{"class":69},"TryOnWidget",[59,2878,2879],{"class":76}," :product-name",[59,2881,80],{"class":65},[59,2883,83],{"class":65},[59,2885,2886],{"class":86},"product.name",[59,2888,83],{"class":65},[59,2890,2891],{"class":76}," :image-url",[59,2893,80],{"class":65},[59,2895,83],{"class":65},[59,2897,2898],{"class":86},"product.image",[59,2900,83],{"class":65},[59,2902,2903],{"class":65}," \u002F>\n",[59,2905,2906,2909,2911],{"class":61,"line":266},[59,2907,2908],{"class":65}," \u003C\u002F",[59,2910,323],{"class":69},[59,2912,117],{"class":65},[59,2914,2915,2917,2919],{"class":61,"line":283},[59,2916,296],{"class":65},[59,2918,2840],{"class":69},[59,2920,117],{"class":65},[59,2922,2923],{"class":61,"line":293},[59,2924,1818],{"emptyLinePlaceholder":527},[59,2926,2927,2929,2931,2934,2937,2939,2941,2944,2946],{"class":61,"line":465},[59,2928,66],{"class":65},[59,2930,114],{"class":69},[59,2932,2933],{"class":76}," setup",[59,2935,2936],{"class":76}," lang",[59,2938,80],{"class":65},[59,2940,83],{"class":65},[59,2942,2943],{"class":86},"ts",[59,2945,83],{"class":65},[59,2947,117],{"class":65},[59,2949,2950,2952,2954,2957,2959,2961,2963,2966],{"class":61,"line":473},[59,2951,1798],{"class":1797},[59,2953,1844],{"class":65},[59,2955,2956],{"class":151}," useHead",[59,2958,2490],{"class":65},[59,2960,2493],{"class":1797},[59,2962,274],{"class":65},[59,2964,2965],{"class":86},"#app",[59,2967,280],{"class":65},[59,2969,2970],{"class":61,"line":1928},[59,2971,1818],{"emptyLinePlaceholder":527},[59,2973,2974,2976,2978],{"class":61,"line":1942},[59,2975,2810],{"class":221},[59,2977,225],{"class":151},[59,2979,2167],{"class":65},[59,2981,2982,2985,2987],{"class":61,"line":1948},[59,2983,2984],{"class":69}," script",[59,2986,48],{"class":65},[59,2988,420],{"class":151},[59,2990,2991],{"class":61,"line":1953},[59,2992,425],{"class":65},[59,2994,2995,2998,3000,3002,3004,3006],{"class":61,"line":1960},[59,2996,2997],{"class":69}," src",[59,2999,48],{"class":65},[59,3001,274],{"class":65},[59,3003,87],{"class":86},[59,3005,253],{"class":65},[59,3007,394],{"class":65},[59,3009,3010,3013,3015,3017,3019,3021],{"class":61,"line":1973},[59,3011,3012],{"class":69}," id",[59,3014,48],{"class":65},[59,3016,274],{"class":65},[59,3018,103],{"class":86},[59,3020,253],{"class":65},[59,3022,394],{"class":65},[59,3024,3025],{"class":61,"line":1986},[59,3026,462],{"class":65},[59,3028,3029],{"class":61,"line":1992},[59,3030,425],{"class":65},[59,3032,3033,3035,3037,3039,3041,3043],{"class":61,"line":2001},[59,3034,3012],{"class":69},[59,3036,48],{"class":65},[59,3038,274],{"class":65},[59,3040,142],{"class":86},[59,3042,253],{"class":65},[59,3044,394],{"class":65},[59,3046,3047,3050,3052],{"class":61,"line":2007},[59,3048,3049],{"class":69}," innerHTML",[59,3051,48],{"class":65},[59,3053,3054],{"class":65}," `\n",[59,3056,3057],{"class":61,"line":2013},[59,3058,3059],{"class":86}," window.fitting = window.fitting || function() {\n",[59,3061,3062],{"class":61,"line":2019},[59,3063,3064],{"class":86}," (window.fitting.q = window.fitting.q || []).push(arguments);\n",[59,3066,3067],{"class":61,"line":2025},[59,3068,3069],{"class":86}," };\n",[59,3071,3072],{"class":61,"line":2051},[59,3073,3074],{"class":86}," window.fitting('init', {\n",[59,3076,3077,3080,3082,3084,3086,3089,3091,3093,3095,3098,3100],{"class":61,"line":2057},[59,3078,3079],{"class":86}," apiKey: '",[59,3081,2031],{"class":65},[59,3083,1798],{"class":1797},[59,3085,155],{"class":65},[59,3087,3088],{"class":151},"meta",[59,3090,155],{"class":65},[59,3092,2039],{"class":151},[59,3094,155],{"class":65},[59,3096,3097],{"class":151},"VITE_TRY_ON_API_KEY",[59,3099,476],{"class":65},[59,3101,280],{"class":86},[59,3103,3104],{"class":61,"line":2065},[59,3105,3106],{"class":86}," });\n",[59,3108,3109,3112],{"class":61,"line":2075},[59,3110,3111],{"class":65}," `",[59,3113,394],{"class":65},[59,3115,3116],{"class":61,"line":2081},[59,3117,462],{"class":65},[59,3119,3120,3122],{"class":61,"line":2089},[59,3121,468],{"class":151},[59,3123,394],{"class":65},[59,3125,3127,3129],{"class":61,"line":3126},30,[59,3128,476],{"class":65},[59,3130,3131],{"class":151},")\n",[59,3133,3135,3137,3139],{"class":61,"line":3134},31,[59,3136,296],{"class":65},[59,3138,114],{"class":69},[59,3140,117],{"class":65},[722,3142,3144,3145],{"id":3143},"option-b-global-in-nuxtconfigts","Option B — Global in ",[41,3146,2814],{},[50,3148,3151],{"className":3149,"code":3150,"language":2943,"meta":55,"style":55},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineNuxtConfig({\n app: {\n head: {\n script: [\n {\n src: 'https:\u002F\u002Fwidget.try-on.ru\u002Ffitting-widget-bundle.js',\n id: 'fitting-widget-bundle',\n },\n {\n id: 'fitting-init',\n innerHTML: `\n window.fitting = window.fitting || function() {\n (window.fitting.q = window.fitting.q || []).push(arguments);\n };\n window.fitting('init', {\n apiKey: '${import.meta.env.VITE_TRY_ON_API_KEY}'\n });\n `,\n },\n ],\n },\n },\n})\n",[41,3152,3153,3166,3175,3184,3193,3198,3213,3228,3233,3237,3251,3260,3265,3270,3275,3280,3305,3310,3317,3321,3328,3332,3337],{"__ignoreMap":55},[59,3154,3155,3157,3159,3162,3164],{"class":61,"line":62},[59,3156,1823],{"class":1797},[59,3158,1826],{"class":1797},[59,3160,3161],{"class":221}," defineNuxtConfig",[59,3163,225],{"class":151},[59,3165,2167],{"class":65},[59,3167,3168,3171,3173],{"class":61,"line":73},[59,3169,3170],{"class":69}," app",[59,3172,48],{"class":65},[59,3174,179],{"class":65},[59,3176,3177,3180,3182],{"class":61,"line":93},[59,3178,3179],{"class":69}," head",[59,3181,48],{"class":65},[59,3183,179],{"class":65},[59,3185,3186,3189,3191],{"class":61,"line":108},[59,3187,3188],{"class":69}," script",[59,3190,48],{"class":65},[59,3192,420],{"class":151},[59,3194,3195],{"class":61,"line":242},[59,3196,3197],{"class":65}," {\n",[59,3199,3200,3203,3205,3207,3209,3211],{"class":61,"line":266},[59,3201,3202],{"class":69}," src",[59,3204,48],{"class":65},[59,3206,274],{"class":65},[59,3208,87],{"class":86},[59,3210,253],{"class":65},[59,3212,394],{"class":65},[59,3214,3215,3218,3220,3222,3224,3226],{"class":61,"line":283},[59,3216,3217],{"class":69}," id",[59,3219,48],{"class":65},[59,3221,274],{"class":65},[59,3223,103],{"class":86},[59,3225,253],{"class":65},[59,3227,394],{"class":65},[59,3229,3230],{"class":61,"line":293},[59,3231,3232],{"class":65}," },\n",[59,3234,3235],{"class":61,"line":465},[59,3236,3197],{"class":65},[59,3238,3239,3241,3243,3245,3247,3249],{"class":61,"line":473},[59,3240,3217],{"class":69},[59,3242,48],{"class":65},[59,3244,274],{"class":65},[59,3246,142],{"class":86},[59,3248,253],{"class":65},[59,3250,394],{"class":65},[59,3252,3253,3256,3258],{"class":61,"line":1928},[59,3254,3255],{"class":69}," innerHTML",[59,3257,48],{"class":65},[59,3259,3054],{"class":65},[59,3261,3262],{"class":61,"line":1942},[59,3263,3264],{"class":86}," window.fitting = window.fitting || function() {\n",[59,3266,3267],{"class":61,"line":1948},[59,3268,3269],{"class":86}," (window.fitting.q = window.fitting.q || []).push(arguments);\n",[59,3271,3272],{"class":61,"line":1953},[59,3273,3274],{"class":86}," };\n",[59,3276,3277],{"class":61,"line":1960},[59,3278,3279],{"class":86}," window.fitting('init', {\n",[59,3281,3282,3285,3287,3289,3291,3293,3295,3297,3299,3301,3303],{"class":61,"line":1973},[59,3283,3284],{"class":86}," apiKey: '",[59,3286,2031],{"class":65},[59,3288,1798],{"class":1797},[59,3290,155],{"class":65},[59,3292,3088],{"class":151},[59,3294,155],{"class":65},[59,3296,2039],{"class":151},[59,3298,155],{"class":65},[59,3300,3097],{"class":151},[59,3302,476],{"class":65},[59,3304,280],{"class":86},[59,3306,3307],{"class":61,"line":1986},[59,3308,3309],{"class":86}," });\n",[59,3311,3312,3315],{"class":61,"line":1992},[59,3313,3314],{"class":65}," `",[59,3316,394],{"class":65},[59,3318,3319],{"class":61,"line":2001},[59,3320,3232],{"class":65},[59,3322,3323,3326],{"class":61,"line":2007},[59,3324,3325],{"class":151}," ]",[59,3327,394],{"class":65},[59,3329,3330],{"class":61,"line":2013},[59,3331,462],{"class":65},[59,3333,3334],{"class":61,"line":2019},[59,3335,3336],{"class":65}," },\n",[59,3338,3339,3341],{"class":61,"line":2025},[59,3340,476],{"class":65},[59,3342,3131],{"class":151},[18,3344,3346],{"id":3345},"_2-create-the-wrapper-component","2. Create the Wrapper Component",[50,3348,3350],{"className":2823,"code":3349,"language":2825,"meta":55,"style":55},"\u003C!-- components\u002FTryOnWidget.vue -->\n\u003Ctemplate>\n \u003Cdiv>\n \u003Cdiv id=\"widget-container\" class=\"aspect-[3\u002F4] w-full max-w-[600px]\" \u002F>\n \u003Cbutton @click=\"handleTryOn\">Try On\u003C\u002Fbutton>\n \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup lang=\"ts\">\nconst props = defineProps\u003C{\n productName: string\n imageUrl: string\n}>()\n\nconst handleTryOn = () => {\n window.fitting('create', {\n targetElementId: 'widget-container',\n model: 'balanced',\n tryonItems: [\n {\n productName: props.productName,\n url: props.imageUrl,\n },\n ],\n })\n}\n\u003C\u002Fscript>\n",[41,3351,3352,3357,3365,3373,3403,3431,3439,3447,3451,3471,3487,3496,3505,3512,3516,3531,3551,3566,3581,3590,3595,3611,3627,3632,3639,3645,3649],{"__ignoreMap":55},[59,3353,3354],{"class":61,"line":62},[59,3355,3356],{"class":2832},"\u003C!-- components\u002FTryOnWidget.vue -->\n",[59,3358,3359,3361,3363],{"class":61,"line":73},[59,3360,66],{"class":65},[59,3362,2840],{"class":69},[59,3364,117],{"class":65},[59,3366,3367,3369,3371],{"class":61,"line":93},[59,3368,2847],{"class":65},[59,3370,323],{"class":69},[59,3372,117],{"class":65},[59,3374,3375,3377,3379,3381,3383,3385,3387,3389,3392,3394,3396,3399,3401],{"class":61,"line":108},[59,3376,2592],{"class":65},[59,3378,323],{"class":69},[59,3380,135],{"class":76},[59,3382,80],{"class":65},[59,3384,83],{"class":65},[59,3386,332],{"class":86},[59,3388,83],{"class":65},[59,3390,3391],{"class":76}," class",[59,3393,80],{"class":65},[59,3395,83],{"class":65},[59,3397,3398],{"class":86},"aspect-[3\u002F4] w-full max-w-[600px]",[59,3400,83],{"class":65},[59,3402,2903],{"class":65},[59,3404,3405,3407,3409,3412,3414,3416,3419,3421,3423,3425,3427,3429],{"class":61,"line":242},[59,3406,2592],{"class":65},[59,3408,2435],{"class":69},[59,3410,3411],{"class":76}," @click",[59,3413,80],{"class":65},[59,3415,83],{"class":65},[59,3417,3418],{"class":86},"handleTryOn",[59,3420,83],{"class":65},[59,3422,2860],{"class":65},[59,3424,2450],{"class":151},[59,3426,296],{"class":65},[59,3428,2435],{"class":69},[59,3430,117],{"class":65},[59,3432,3433,3435,3437],{"class":61,"line":266},[59,3434,2908],{"class":65},[59,3436,323],{"class":69},[59,3438,117],{"class":65},[59,3440,3441,3443,3445],{"class":61,"line":283},[59,3442,296],{"class":65},[59,3444,2840],{"class":69},[59,3446,117],{"class":65},[59,3448,3449],{"class":61,"line":293},[59,3450,1818],{"emptyLinePlaceholder":527},[59,3452,3453,3455,3457,3459,3461,3463,3465,3467,3469],{"class":61,"line":465},[59,3454,66],{"class":65},[59,3456,114],{"class":69},[59,3458,2933],{"class":76},[59,3460,2936],{"class":76},[59,3462,80],{"class":65},[59,3464,83],{"class":65},[59,3466,2943],{"class":86},[59,3468,83],{"class":65},[59,3470,117],{"class":65},[59,3472,3473,3476,3479,3481,3484],{"class":61,"line":473},[59,3474,3475],{"class":76},"const",[59,3477,3478],{"class":151}," props ",[59,3480,80],{"class":65},[59,3482,3483],{"class":221}," defineProps",[59,3485,3486],{"class":65},"\u003C{\n",[59,3488,3489,3491,3493],{"class":61,"line":1928},[59,3490,2130],{"class":69},[59,3492,48],{"class":65},[59,3494,3495],{"class":1851}," string\n",[59,3497,3498,3501,3503],{"class":61,"line":1942},[59,3499,3500],{"class":69}," imageUrl",[59,3502,48],{"class":65},[59,3504,3495],{"class":1851},[59,3506,3507,3509],{"class":61,"line":1948},[59,3508,2447],{"class":65},[59,3510,3511],{"class":151},"()\n",[59,3513,3514],{"class":61,"line":1953},[59,3515,1818],{"emptyLinePlaceholder":527},[59,3517,3518,3520,3523,3525,3527,3529],{"class":61,"line":1960},[59,3519,3475],{"class":76},[59,3521,3522],{"class":151}," handleTryOn ",[59,3524,80],{"class":65},[59,3526,2273],{"class":65},[59,3528,2210],{"class":76},[59,3530,179],{"class":65},[59,3532,3533,3535,3537,3539,3541,3543,3545,3547,3549],{"class":61,"line":1973},[59,3534,152],{"class":151},[59,3536,155],{"class":65},[59,3538,192],{"class":221},[59,3540,225],{"class":69},[59,3542,253],{"class":65},[59,3544,350],{"class":86},[59,3546,253],{"class":65},[59,3548,261],{"class":65},[59,3550,179],{"class":65},[59,3552,3553,3556,3558,3560,3562,3564],{"class":61,"line":1986},[59,3554,3555],{"class":69}," targetElementId",[59,3557,48],{"class":65},[59,3559,274],{"class":65},[59,3561,332],{"class":86},[59,3563,253],{"class":65},[59,3565,394],{"class":65},[59,3567,3568,3571,3573,3575,3577,3579],{"class":61,"line":1992},[59,3569,3570],{"class":69}," model",[59,3572,48],{"class":65},[59,3574,274],{"class":65},[59,3576,406],{"class":86},[59,3578,253],{"class":65},[59,3580,394],{"class":65},[59,3582,3583,3586,3588],{"class":61,"line":2001},[59,3584,3585],{"class":69}," tryonItems",[59,3587,48],{"class":65},[59,3589,420],{"class":69},[59,3591,3592],{"class":61,"line":2007},[59,3593,3594],{"class":65}," {\n",[59,3596,3597,3600,3602,3605,3607,3609],{"class":61,"line":2013},[59,3598,3599],{"class":69}," productName",[59,3601,48],{"class":65},[59,3603,3604],{"class":151}," props",[59,3606,155],{"class":65},[59,3608,747],{"class":151},[59,3610,394],{"class":65},[59,3612,3613,3616,3618,3620,3622,3625],{"class":61,"line":2019},[59,3614,3615],{"class":69}," url",[59,3617,48],{"class":65},[59,3619,3604],{"class":151},[59,3621,155],{"class":65},[59,3623,3624],{"class":151},"imageUrl",[59,3626,394],{"class":65},[59,3628,3629],{"class":61,"line":2025},[59,3630,3631],{"class":65}," },\n",[59,3633,3634,3637],{"class":61,"line":2051},[59,3635,3636],{"class":69}," ]",[59,3638,394],{"class":65},[59,3640,3641,3643],{"class":61,"line":2057},[59,3642,286],{"class":65},[59,3644,3131],{"class":69},[59,3646,3647],{"class":61,"line":2065},[59,3648,1886],{"class":65},[59,3650,3651,3653,3655],{"class":61,"line":2075},[59,3652,296],{"class":65},[59,3654,114],{"class":69},[59,3656,117],{"class":65},[18,3658,2747],{"id":2746},[14,3660,3661,3662,48],{},"Add to ",[41,3663,3664],{},".env",[50,3666,3668],{"className":2756,"code":3667,"language":2758,"meta":55,"style":55},"VITE_TRY_ON_API_KEY=pk_live_xxx\n",[41,3669,3670],{"__ignoreMap":55},[59,3671,3672,3674,3676],{"class":61,"line":62},[59,3673,3097],{"class":151},[59,3675,80],{"class":65},[59,3677,2769],{"class":86},[511,3679,3680],{},"html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}",{"title":55,"searchDepth":73,"depth":73,"links":3682},[3683,3689,3690],{"id":2803,"depth":73,"text":2804,"children":3684},[3685,3687],{"id":2817,"depth":93,"text":3686},"Option A — Per Page with useHead",{"id":3143,"depth":93,"text":3688},"Option B — Global in nuxt.config.ts",{"id":3345,"depth":73,"text":3346},{"id":2746,"depth":73,"text":2747},"Integrate with a Nuxt 3 \u002F Nuxt 4 app","i-lucide-nut",{},"\u002Fen\u002Fintegrations\u002Fnuxt",{"title":2791,"description":3691},"en\u002Fintegrations\u002Fnuxt","3xlJgokLPj3qTkGk4XWJ2RH_Ar2hK0jHeC6j3_o9shE",{"id":3699,"title":3700,"body":3701,"description":4585,"extension":524,"icon":4586,"meta":4587,"navigation":527,"path":4588,"seo":4589,"stem":4590,"__hash__":4591},"content\u002Fen\u002Fintegrations\u002Freact.md","React",{"type":7,"value":3702,"toc":4580},[3703,3707,3710,3714,3720,3905,3915,3919,4239,4243,4577],[10,3704,3706],{"id":3705},"react-integration","React Integration",[14,3708,3709],{},"Works with any React setup — Vite, Create React App, or custom.",[18,3711,3713],{"id":3712},"_1-load-the-widget-script","1. Load the Widget Script",[14,3715,3716,3717,48],{},"Add the script to your ",[41,3718,3719],{},"index.html",[50,3721,3723],{"className":52,"code":3722,"language":54,"meta":55,"style":55},"\u003C!-- In public\u002Findex.html or index.html (Vite) -->\n\u003Cscript\n src=\"https:\u002F\u002Fwidget.try-on.ru\u002Ffitting-widget-bundle.js\"\n id=\"fitting-widget-bundle\"\n>\u003C\u002Fscript>\n\u003Cscript id=\"fitting-init\">\n window.fitting = window.fitting || function() {\n (window.fitting.q = window.fitting.q || []).push(arguments);\n };\n window.fitting('init', {\n apiKey: '%VITE_TRY_ON_API_KEY%'\n });\n\u003C\u002Fscript>\n",[41,3724,3725,3730,3736,3748,3760,3768,3786,3810,3852,3856,3876,3889,3897],{"__ignoreMap":55},[59,3726,3727],{"class":61,"line":62},[59,3728,3729],{"class":2832},"\u003C!-- In public\u002Findex.html or index.html (Vite) -->\n",[59,3731,3732,3734],{"class":61,"line":73},[59,3733,66],{"class":65},[59,3735,70],{"class":69},[59,3737,3738,3740,3742,3744,3746],{"class":61,"line":93},[59,3739,77],{"class":76},[59,3741,80],{"class":65},[59,3743,83],{"class":65},[59,3745,87],{"class":86},[59,3747,90],{"class":65},[59,3749,3750,3752,3754,3756,3758],{"class":61,"line":108},[59,3751,96],{"class":76},[59,3753,80],{"class":65},[59,3755,83],{"class":65},[59,3757,103],{"class":86},[59,3759,90],{"class":65},[59,3761,3762,3764,3766],{"class":61,"line":242},[59,3763,111],{"class":65},[59,3765,114],{"class":69},[59,3767,117],{"class":65},[59,3769,3770,3772,3774,3776,3778,3780,3782,3784],{"class":61,"line":266},[59,3771,66],{"class":65},[59,3773,114],{"class":69},[59,3775,135],{"class":76},[59,3777,80],{"class":65},[59,3779,83],{"class":65},[59,3781,142],{"class":86},[59,3783,83],{"class":65},[59,3785,117],{"class":65},[59,3787,3788,3790,3792,3794,3796,3798,3800,3802,3804,3806,3808],{"class":61,"line":283},[59,3789,152],{"class":151},[59,3791,155],{"class":65},[59,3793,158],{"class":151},[59,3795,80],{"class":65},[59,3797,163],{"class":151},[59,3799,155],{"class":65},[59,3801,158],{"class":151},[59,3803,170],{"class":65},[59,3805,173],{"class":76},[59,3807,176],{"class":65},[59,3809,179],{"class":65},[59,3811,3812,3814,3816,3818,3820,3822,3824,3826,3828,3830,3832,3834,3836,3838,3840,3842,3844,3846,3848,3850],{"class":61,"line":293},[59,3813,184],{"class":69},[59,3815,187],{"class":151},[59,3817,155],{"class":65},[59,3819,192],{"class":151},[59,3821,155],{"class":65},[59,3823,197],{"class":151},[59,3825,200],{"class":65},[59,3827,163],{"class":151},[59,3829,155],{"class":65},[59,3831,192],{"class":151},[59,3833,155],{"class":65},[59,3835,197],{"class":151},[59,3837,213],{"class":65},[59,3839,216],{"class":69},[59,3841,155],{"class":65},[59,3843,222],{"class":221},[59,3845,225],{"class":69},[59,3847,228],{"class":151},[59,3849,231],{"class":69},[59,3851,234],{"class":65},[59,3853,3854],{"class":61,"line":465},[59,3855,239],{"class":65},[59,3857,3858,3860,3862,3864,3866,3868,3870,3872,3874],{"class":61,"line":473},[59,3859,152],{"class":151},[59,3861,155],{"class":65},[59,3863,192],{"class":221},[59,3865,225],{"class":151},[59,3867,253],{"class":65},[59,3869,256],{"class":86},[59,3871,253],{"class":65},[59,3873,261],{"class":65},[59,3875,179],{"class":65},[59,3877,3878,3880,3882,3884,3887],{"class":61,"line":1928},[59,3879,269],{"class":69},[59,3881,48],{"class":65},[59,3883,274],{"class":65},[59,3885,3886],{"class":86},"%VITE_TRY_ON_API_KEY%",[59,3888,280],{"class":65},[59,3890,3891,3893,3895],{"class":61,"line":1942},[59,3892,286],{"class":65},[59,3894,231],{"class":151},[59,3896,234],{"class":65},[59,3898,3899,3901,3903],{"class":61,"line":1948},[59,3900,296],{"class":65},[59,3902,114],{"class":69},[59,3904,117],{"class":65},[3906,3907,3909],"callout",{"icon":3908},"i-lucide-lightbulb",[14,3910,3911,3912,3914],{},"Replace ",[41,3913,3886],{}," at build time with your actual key, or use a runtime injection approach.",[18,3916,3918],{"id":3917},"_2-create-a-custom-hook","2. Create a Custom Hook",[50,3920,3922],{"className":1788,"code":3921,"language":1790,"meta":55,"style":55},"\u002F\u002F hooks\u002FuseFittingWidget.ts\ninterface TryonItem {\n productName: string;\n url: string;\n productId?: string;\n}\n\ninterface CreateOptions {\n targetElementId: string;\n model?: 'balanced' | 'quality' | 'speed';\n tryonItems: TryonItem[];\n}\n\ndeclare global {\n interface Window {\n fitting: (command: string, options?: unknown) => void;\n }\n}\n\nexport function useFittingWidget() {\n const open = (options: CreateOptions) => {\n window.fitting('create', options);\n };\n\n const close = () => {\n window.fitting('close');\n };\n\n return { open, close };\n}\n",[41,3923,3924,3929,3937,3947,3957,3968,3972,3976,3985,3995,4028,4041,4045,4049,4057,4065,4095,4099,4103,4107,4120,4144,4168,4172,4176,4191,4212,4216,4220,4235],{"__ignoreMap":55},[59,3925,3926],{"class":61,"line":62},[59,3927,3928],{"class":2832},"\u002F\u002F hooks\u002FuseFittingWidget.ts\n",[59,3930,3931,3933,3935],{"class":61,"line":73},[59,3932,2120],{"class":76},[59,3934,2123],{"class":1851},[59,3936,179],{"class":65},[59,3938,3939,3941,3943,3945],{"class":61,"line":93},[59,3940,2130],{"class":69},[59,3942,48],{"class":65},[59,3944,2135],{"class":1851},[59,3946,234],{"class":65},[59,3948,3949,3951,3953,3955],{"class":61,"line":108},[59,3950,2142],{"class":69},[59,3952,48],{"class":65},[59,3954,2135],{"class":1851},[59,3956,234],{"class":65},[59,3958,3959,3962,3964,3966],{"class":61,"line":242},[59,3960,3961],{"class":69}," productId",[59,3963,2202],{"class":65},[59,3965,2135],{"class":1851},[59,3967,234],{"class":65},[59,3969,3970],{"class":61,"line":266},[59,3971,1886],{"class":65},[59,3973,3974],{"class":61,"line":283},[59,3975,1818],{"emptyLinePlaceholder":527},[59,3977,3978,3980,3983],{"class":61,"line":293},[59,3979,2120],{"class":76},[59,3981,3982],{"class":1851}," CreateOptions",[59,3984,179],{"class":65},[59,3986,3987,3989,3991,3993],{"class":61,"line":465},[59,3988,383],{"class":69},[59,3990,48],{"class":65},[59,3992,2135],{"class":1851},[59,3994,234],{"class":65},[59,3996,3997,3999,4001,4003,4005,4007,4010,4012,4015,4017,4019,4021,4024,4026],{"class":61,"line":473},[59,3998,399],{"class":69},[59,4000,2202],{"class":65},[59,4002,274],{"class":65},[59,4004,406],{"class":86},[59,4006,253],{"class":65},[59,4008,4009],{"class":65}," |",[59,4011,274],{"class":65},[59,4013,4014],{"class":86},"quality",[59,4016,253],{"class":65},[59,4018,4009],{"class":65},[59,4020,274],{"class":65},[59,4022,4023],{"class":86},"speed",[59,4025,253],{"class":65},[59,4027,234],{"class":65},[59,4029,4030,4032,4034,4036,4039],{"class":61,"line":1928},[59,4031,415],{"class":69},[59,4033,48],{"class":65},[59,4035,2123],{"class":1851},[59,4037,4038],{"class":151},"[]",[59,4040,234],{"class":65},[59,4042,4043],{"class":61,"line":1942},[59,4044,1886],{"class":65},[59,4046,4047],{"class":61,"line":1948},[59,4048,1818],{"emptyLinePlaceholder":527},[59,4050,4051,4053,4055],{"class":61,"line":1953},[59,4052,2161],{"class":76},[59,4054,2164],{"class":151},[59,4056,2167],{"class":65},[59,4058,4059,4061,4063],{"class":61,"line":1960},[59,4060,2172],{"class":76},[59,4062,2175],{"class":1851},[59,4064,179],{"class":65},[59,4066,4067,4069,4071,4073,4075,4077,4079,4081,4083,4085,4087,4089,4091,4093],{"class":61,"line":1973},[59,4068,2182],{"class":69},[59,4070,48],{"class":65},[59,4072,2187],{"class":65},[59,4074,2190],{"class":1837},[59,4076,48],{"class":65},[59,4078,2135],{"class":1851},[59,4080,261],{"class":65},[59,4082,2199],{"class":1837},[59,4084,2202],{"class":65},[59,4086,2205],{"class":1851},[59,4088,231],{"class":65},[59,4090,2210],{"class":76},[59,4092,2213],{"class":1851},[59,4094,234],{"class":65},[59,4096,4097],{"class":61,"line":1986},[59,4098,2220],{"class":65},[59,4100,4101],{"class":61,"line":1992},[59,4102,1886],{"class":65},[59,4104,4105],{"class":61,"line":2001},[59,4106,1818],{"emptyLinePlaceholder":527},[59,4108,4109,4111,4113,4116,4118],{"class":61,"line":2007},[59,4110,1823],{"class":1797},[59,4112,173],{"class":76},[59,4114,4115],{"class":221}," useFittingWidget",[59,4117,176],{"class":65},[59,4119,179],{"class":65},[59,4121,4122,4124,4127,4129,4131,4134,4136,4138,4140,4142],{"class":61,"line":2013},[59,4123,2265],{"class":76},[59,4125,4126],{"class":151}," open",[59,4128,200],{"class":65},[59,4130,2187],{"class":65},[59,4132,4133],{"class":1837},"options",[59,4135,48],{"class":65},[59,4137,3982],{"class":1851},[59,4139,231],{"class":65},[59,4141,2210],{"class":76},[59,4143,179],{"class":65},[59,4145,4146,4148,4150,4152,4154,4156,4158,4160,4162,4164,4166],{"class":61,"line":2019},[59,4147,2282],{"class":151},[59,4149,155],{"class":65},[59,4151,192],{"class":221},[59,4153,225],{"class":69},[59,4155,253],{"class":65},[59,4157,350],{"class":86},[59,4159,253],{"class":65},[59,4161,261],{"class":65},[59,4163,2199],{"class":151},[59,4165,231],{"class":69},[59,4167,234],{"class":65},[59,4169,4170],{"class":61,"line":2025},[59,4171,239],{"class":65},[59,4173,4174],{"class":61,"line":2051},[59,4175,1818],{"emptyLinePlaceholder":527},[59,4177,4178,4180,4183,4185,4187,4189],{"class":61,"line":2057},[59,4179,2265],{"class":76},[59,4181,4182],{"class":151}," close",[59,4184,200],{"class":65},[59,4186,2273],{"class":65},[59,4188,2210],{"class":76},[59,4190,179],{"class":65},[59,4192,4193,4195,4197,4199,4201,4203,4206,4208,4210],{"class":61,"line":2065},[59,4194,2282],{"class":151},[59,4196,155],{"class":65},[59,4198,192],{"class":221},[59,4200,225],{"class":69},[59,4202,253],{"class":65},[59,4204,4205],{"class":86},"close",[59,4207,253],{"class":65},[59,4209,231],{"class":69},[59,4211,234],{"class":65},[59,4213,4214],{"class":61,"line":2075},[59,4215,239],{"class":65},[59,4217,4218],{"class":61,"line":2081},[59,4219,1818],{"emptyLinePlaceholder":527},[59,4221,4222,4224,4226,4228,4230,4232],{"class":61,"line":2089},[59,4223,1867],{"class":1797},[59,4225,1844],{"class":65},[59,4227,4126],{"class":151},[59,4229,261],{"class":65},[59,4231,4182],{"class":151},[59,4233,4234],{"class":65}," };\n",[59,4236,4237],{"class":61,"line":3126},[59,4238,1886],{"class":65},[18,4240,4242],{"id":4241},"_3-use-in-a-component","3. Use in a Component",[50,4244,4246],{"className":1788,"code":4245,"language":1790,"meta":55,"style":55},"\u002F\u002F components\u002FTryOnWidget.tsx\nimport { useFittingWidget } from '..\u002Fhooks\u002FuseFittingWidget';\n\ninterface Props {\n productName: string;\n imageUrl: string;\n}\n\nexport function TryOnWidget({ productName, imageUrl }: Props) {\n const { open } = useFittingWidget();\n\n return (\n \u003Cdiv>\n \u003Cdiv\n id=\"widget-container\"\n style={{ width: '100%', maxWidth: 600, aspectRatio: '3\u002F4' }}\n \u002F>\n \u003Cbutton\n onClick={() =>\n open({\n targetElementId: 'widget-container',\n model: 'balanced',\n tryonItems: [{ productName, url: imageUrl }],\n })\n }\n >\n Try On\n \u003C\u002Fbutton>\n \u003C\u002Fdiv>\n );\n}\n",[41,4247,4248,4253,4274,4278,4287,4297,4307,4311,4315,4342,4360,4364,4370,4378,4385,4397,4437,4441,4448,4459,4468,4483,4498,4530,4537,4542,4546,4551,4559,4567,4573],{"__ignoreMap":55},[59,4249,4250],{"class":61,"line":62},[59,4251,4252],{"class":2832},"\u002F\u002F components\u002FTryOnWidget.tsx\n",[59,4254,4255,4257,4259,4261,4263,4265,4267,4270,4272],{"class":61,"line":73},[59,4256,1798],{"class":1797},[59,4258,1844],{"class":65},[59,4260,4115],{"class":151},[59,4262,2490],{"class":65},[59,4264,2493],{"class":1797},[59,4266,274],{"class":65},[59,4268,4269],{"class":86},"..\u002Fhooks\u002FuseFittingWidget",[59,4271,253],{"class":65},[59,4273,234],{"class":65},[59,4275,4276],{"class":61,"line":93},[59,4277,1818],{"emptyLinePlaceholder":527},[59,4279,4280,4282,4285],{"class":61,"line":108},[59,4281,2120],{"class":76},[59,4283,4284],{"class":1851}," Props",[59,4286,179],{"class":65},[59,4288,4289,4291,4293,4295],{"class":61,"line":242},[59,4290,2130],{"class":69},[59,4292,48],{"class":65},[59,4294,2135],{"class":1851},[59,4296,234],{"class":65},[59,4298,4299,4301,4303,4305],{"class":61,"line":266},[59,4300,3500],{"class":69},[59,4302,48],{"class":65},[59,4304,2135],{"class":1851},[59,4306,234],{"class":65},[59,4308,4309],{"class":61,"line":283},[59,4310,1886],{"class":65},[59,4312,4313],{"class":61,"line":293},[59,4314,1818],{"emptyLinePlaceholder":527},[59,4316,4317,4319,4321,4324,4326,4329,4331,4334,4336,4338,4340],{"class":61,"line":465},[59,4318,1823],{"class":1797},[59,4320,173],{"class":76},[59,4322,4323],{"class":221}," TryOnWidget",[59,4325,1834],{"class":65},[59,4327,4328],{"class":1837}," productName",[59,4330,261],{"class":65},[59,4332,4333],{"class":1837}," imageUrl",[59,4335,1841],{"class":65},[59,4337,4284],{"class":1851},[59,4339,231],{"class":65},[59,4341,179],{"class":65},[59,4343,4344,4346,4348,4350,4352,4354,4356,4358],{"class":61,"line":473},[59,4345,2265],{"class":76},[59,4347,1844],{"class":65},[59,4349,4126],{"class":151},[59,4351,2490],{"class":65},[59,4353,200],{"class":65},[59,4355,4115],{"class":221},[59,4357,176],{"class":69},[59,4359,234],{"class":65},[59,4361,4362],{"class":61,"line":1928},[59,4363,1818],{"emptyLinePlaceholder":527},[59,4365,4366,4368],{"class":61,"line":1942},[59,4367,1867],{"class":1797},[59,4369,1870],{"class":69},[59,4371,4372,4374,4376],{"class":61,"line":1948},[59,4373,2592],{"class":65},[59,4375,323],{"class":69},[59,4377,117],{"class":65},[59,4379,4380,4382],{"class":61,"line":1953},[59,4381,1895],{"class":65},[59,4383,4384],{"class":69},"div\n",[59,4386,4387,4389,4391,4393,4395],{"class":61,"line":1960},[59,4388,1931],{"class":76},[59,4390,80],{"class":65},[59,4392,83],{"class":65},[59,4394,332],{"class":86},[59,4396,90],{"class":65},[59,4398,4399,4402,4404,4406,4408,4410,4412,4414,4416,4418,4420,4422,4424,4426,4428,4430,4432,4434],{"class":61,"line":1973},[59,4400,4401],{"class":76}," style",[59,4403,2388],{"class":65},[59,4405,2391],{"class":69},[59,4407,48],{"class":65},[59,4409,274],{"class":65},[59,4411,2398],{"class":86},[59,4413,253],{"class":65},[59,4415,261],{"class":65},[59,4417,2405],{"class":69},[59,4419,48],{"class":65},[59,4421,2411],{"class":2410},[59,4423,261],{"class":65},[59,4425,2416],{"class":69},[59,4427,48],{"class":65},[59,4429,274],{"class":65},[59,4431,2423],{"class":86},[59,4433,253],{"class":65},[59,4435,4436],{"class":65}," }}\n",[59,4438,4439],{"class":61,"line":1986},[59,4440,1945],{"class":65},[59,4442,4443,4445],{"class":61,"line":1992},[59,4444,1895],{"class":65},[59,4446,4447],{"class":69},"button\n",[59,4449,4450,4453,4456],{"class":61,"line":2001},[59,4451,4452],{"class":76}," onClick",[59,4454,4455],{"class":65},"={()",[59,4457,4458],{"class":76}," =>\n",[59,4460,4461,4464,4466],{"class":61,"line":2007},[59,4462,4463],{"class":221}," open",[59,4465,225],{"class":151},[59,4467,2167],{"class":65},[59,4469,4470,4473,4475,4477,4479,4481],{"class":61,"line":2013},[59,4471,4472],{"class":69}," targetElementId",[59,4474,48],{"class":65},[59,4476,274],{"class":65},[59,4478,332],{"class":86},[59,4480,253],{"class":65},[59,4482,394],{"class":65},[59,4484,4485,4488,4490,4492,4494,4496],{"class":61,"line":2019},[59,4486,4487],{"class":69}," model",[59,4489,48],{"class":65},[59,4491,274],{"class":65},[59,4493,406],{"class":86},[59,4495,253],{"class":65},[59,4497,394],{"class":65},[59,4499,4500,4503,4505,4508,4511,4513,4515,4518,4520,4523,4525,4528],{"class":61,"line":2025},[59,4501,4502],{"class":69}," tryonItems",[59,4504,48],{"class":65},[59,4506,4507],{"class":151}," [",[59,4509,4510],{"class":65},"{",[59,4512,4328],{"class":151},[59,4514,261],{"class":65},[59,4516,4517],{"class":69}," url",[59,4519,48],{"class":65},[59,4521,4522],{"class":151}," imageUrl ",[59,4524,476],{"class":65},[59,4526,4527],{"class":151},"]",[59,4529,394],{"class":65},[59,4531,4532,4535],{"class":61,"line":2051},[59,4533,4534],{"class":65}," }",[59,4536,3131],{"class":151},[59,4538,4539],{"class":61,"line":2057},[59,4540,4541],{"class":65}," }\n",[59,4543,4544],{"class":61,"line":2065},[59,4545,1989],{"class":65},[59,4547,4548],{"class":61,"line":2075},[59,4549,4550],{"class":151}," Try On\n",[59,4552,4553,4555,4557],{"class":61,"line":2081},[59,4554,2068],{"class":65},[59,4556,2435],{"class":69},[59,4558,117],{"class":65},[59,4560,4561,4563,4565],{"class":61,"line":2089},[59,4562,2729],{"class":65},[59,4564,323],{"class":69},[59,4566,117],{"class":65},[59,4568,4569,4571],{"class":61,"line":3126},[59,4570,2084],{"class":69},[59,4572,234],{"class":65},[59,4574,4575],{"class":61,"line":3134},[59,4576,1886],{"class":65},[511,4578,4579],{},"html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}",{"title":55,"searchDepth":73,"depth":73,"links":4581},[4582,4583,4584],{"id":3712,"depth":73,"text":3713},{"id":3917,"depth":73,"text":3918},{"id":4241,"depth":73,"text":4242},"Integrate with a React (Vite \u002F CRA) app","i-lucide-react",{},"\u002Fen\u002Fintegrations\u002Freact",{"title":3700,"description":4585},"en\u002Fintegrations\u002Freact","pb3AGE_nU_OjJFKOaRsB1vUMbyzjRuGZlTgplr5i71Q",{"id":4593,"title":4594,"body":4595,"description":5265,"extension":524,"icon":5266,"meta":5267,"navigation":527,"path":5268,"seo":5269,"stem":5270,"__hash__":5271},"content\u002Fen\u002Fintegrations\u002Fvanilla-js.md","Vanilla JS",{"type":7,"value":4596,"toc":5261},[4597,4601,4604,4608,5235,5239,5258],[10,4598,4600],{"id":4599},"vanilla-js-integration","Vanilla JS Integration",[14,4602,4603],{},"No framework needed — just HTML and JavaScript.",[18,4605,4607],{"id":4606},"full-example","Full Example",[50,4609,4611],{"className":52,"code":4610,"language":54,"meta":55,"style":55},"\u003C!DOCTYPE html>\n\u003Chtml lang=\"en\">\n\u003Chead>\n \u003Cmeta charset=\"UTF-8\" \u002F>\n \u003Cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \u002F>\n \u003Ctitle>Product Page — Virtual Try-On\u003C\u002Ftitle>\n\u003C\u002Fhead>\n\u003Cbody>\n\n \u003Ch1>Classic Denim Jacket\u003C\u002Fh1>\n \u003Cp>$89.00\u003C\u002Fp>\n\n \u003C!-- Widget container -->\n \u003Cdiv id=\"widget-container\" style=\"width: 100%; max-width: 600px; aspect-ratio: 3 \u002F 4;\">\u003C\u002Fdiv>\n\n \u003Cbutton onclick=\"openWidget()\">Try On\u003C\u002Fbutton>\n\n \u003C!-- 1. Load the widget bundle -->\n \u003Cscript\n src=\"https:\u002F\u002Fwidget.try-on.ru\u002Ffitting-widget-bundle.js\"\n id=\"fitting-widget-bundle\"\n >\u003C\u002Fscript>\n\n \u003C!-- 2. Initialize -->\n \u003Cscript id=\"fitting-init\">\n window.fitting = window.fitting || function() {\n (window.fitting.q = window.fitting.q || []).push(arguments);\n };\n window.fitting('init', {\n apiKey: 'YOUR_API_KEY'\n });\n \u003C\u002Fscript>\n\n \u003Cscript>\n function openWidget() {\n window.fitting('create', {\n targetElementId: 'widget-container',\n model: 'balanced',\n tryonItems: [\n {\n productName: 'Classic Denim Jacket',\n url: 'https:\u002F\u002Fexample.com\u002Fimages\u002Fjacket.jpg',\n },\n ],\n });\n }\n \u003C\u002Fscript>\n\u003C\u002Fbody>\n\u003C\u002Fhtml>\n",[41,4612,4613,4626,4645,4654,4674,4706,4724,4732,4741,4745,4761,4778,4782,4787,4820,4824,4854,4858,4863,4869,4882,4895,4904,4908,4913,4931,4955,4998,5003,5023,5036,5044,5053,5058,5067,5080,5102,5118,5134,5144,5149,5164,5180,5185,5192,5202,5208,5217,5226],{"__ignoreMap":55},[59,4614,4615,4618,4621,4624],{"class":61,"line":62},[59,4616,4617],{"class":65},"\u003C!",[59,4619,4620],{"class":69},"DOCTYPE",[59,4622,4623],{"class":76}," html",[59,4625,117],{"class":65},[59,4627,4628,4630,4632,4634,4636,4638,4641,4643],{"class":61,"line":73},[59,4629,66],{"class":65},[59,4631,54],{"class":69},[59,4633,2936],{"class":76},[59,4635,80],{"class":65},[59,4637,83],{"class":65},[59,4639,4640],{"class":86},"en",[59,4642,83],{"class":65},[59,4644,117],{"class":65},[59,4646,4647,4649,4652],{"class":61,"line":93},[59,4648,66],{"class":65},[59,4650,4651],{"class":69},"head",[59,4653,117],{"class":65},[59,4655,4656,4658,4660,4663,4665,4667,4670,4672],{"class":61,"line":108},[59,4657,2847],{"class":65},[59,4659,3088],{"class":69},[59,4661,4662],{"class":76}," charset",[59,4664,80],{"class":65},[59,4666,83],{"class":65},[59,4668,4669],{"class":86},"UTF-8",[59,4671,83],{"class":65},[59,4673,2903],{"class":65},[59,4675,4676,4678,4680,4683,4685,4687,4690,4692,4695,4697,4699,4702,4704],{"class":61,"line":242},[59,4677,2847],{"class":65},[59,4679,3088],{"class":69},[59,4681,4682],{"class":76}," name",[59,4684,80],{"class":65},[59,4686,83],{"class":65},[59,4688,4689],{"class":86},"viewport",[59,4691,83],{"class":65},[59,4693,4694],{"class":76}," content",[59,4696,80],{"class":65},[59,4698,83],{"class":65},[59,4700,4701],{"class":86},"width=device-width, initial-scale=1.0",[59,4703,83],{"class":65},[59,4705,2903],{"class":65},[59,4707,4708,4710,4713,4715,4718,4720,4722],{"class":61,"line":266},[59,4709,2847],{"class":65},[59,4711,4712],{"class":69},"title",[59,4714,2860],{"class":65},[59,4716,4717],{"class":151},"Product Page — Virtual Try-On",[59,4719,296],{"class":65},[59,4721,4712],{"class":69},[59,4723,117],{"class":65},[59,4725,4726,4728,4730],{"class":61,"line":283},[59,4727,296],{"class":65},[59,4729,4651],{"class":69},[59,4731,117],{"class":65},[59,4733,4734,4736,4739],{"class":61,"line":293},[59,4735,66],{"class":65},[59,4737,4738],{"class":69},"body",[59,4740,117],{"class":65},[59,4742,4743],{"class":61,"line":465},[59,4744,1818],{"emptyLinePlaceholder":527},[59,4746,4747,4749,4751,4753,4755,4757,4759],{"class":61,"line":473},[59,4748,2847],{"class":65},[59,4750,10],{"class":69},[59,4752,2860],{"class":65},[59,4754,437],{"class":151},[59,4756,296],{"class":65},[59,4758,10],{"class":69},[59,4760,117],{"class":65},[59,4762,4763,4765,4767,4769,4772,4774,4776],{"class":61,"line":1928},[59,4764,2847],{"class":65},[59,4766,14],{"class":69},[59,4768,2860],{"class":65},[59,4770,4771],{"class":151},"$89.00",[59,4773,296],{"class":65},[59,4775,14],{"class":69},[59,4777,117],{"class":65},[59,4779,4780],{"class":61,"line":1942},[59,4781,1818],{"emptyLinePlaceholder":527},[59,4783,4784],{"class":61,"line":1948},[59,4785,4786],{"class":2832}," \u003C!-- Widget container -->\n",[59,4788,4789,4791,4793,4795,4797,4799,4801,4803,4805,4807,4809,4812,4814,4816,4818],{"class":61,"line":1953},[59,4790,2847],{"class":65},[59,4792,323],{"class":69},[59,4794,135],{"class":76},[59,4796,80],{"class":65},[59,4798,83],{"class":65},[59,4800,332],{"class":86},[59,4802,83],{"class":65},[59,4804,2385],{"class":76},[59,4806,80],{"class":65},[59,4808,83],{"class":65},[59,4810,4811],{"class":86},"width: 100%; max-width: 600px; aspect-ratio: 3 \u002F 4;",[59,4813,83],{"class":65},[59,4815,111],{"class":65},[59,4817,323],{"class":69},[59,4819,117],{"class":65},[59,4821,4822],{"class":61,"line":1960},[59,4823,1818],{"emptyLinePlaceholder":527},[59,4825,4826,4828,4830,4833,4835,4837,4840,4842,4844,4846,4848,4850,4852],{"class":61,"line":1973},[59,4827,2847],{"class":65},[59,4829,2435],{"class":69},[59,4831,4832],{"class":76}," onclick",[59,4834,80],{"class":65},[59,4836,83],{"class":65},[59,4838,4839],{"class":221},"openWidget",[59,4841,176],{"class":86},[59,4843,83],{"class":65},[59,4845,2860],{"class":65},[59,4847,2450],{"class":151},[59,4849,296],{"class":65},[59,4851,2435],{"class":69},[59,4853,117],{"class":65},[59,4855,4856],{"class":61,"line":1986},[59,4857,1818],{"emptyLinePlaceholder":527},[59,4859,4860],{"class":61,"line":1992},[59,4861,4862],{"class":2832}," \u003C!-- 1. Load the widget bundle -->\n",[59,4864,4865,4867],{"class":61,"line":2001},[59,4866,2847],{"class":65},[59,4868,70],{"class":69},[59,4870,4871,4874,4876,4878,4880],{"class":61,"line":2007},[59,4872,4873],{"class":76}," src",[59,4875,80],{"class":65},[59,4877,83],{"class":65},[59,4879,87],{"class":86},[59,4881,90],{"class":65},[59,4883,4884,4887,4889,4891,4893],{"class":61,"line":2013},[59,4885,4886],{"class":76}," id",[59,4888,80],{"class":65},[59,4890,83],{"class":65},[59,4892,103],{"class":86},[59,4894,90],{"class":65},[59,4896,4897,4900,4902],{"class":61,"line":2019},[59,4898,4899],{"class":65}," >\u003C\u002F",[59,4901,114],{"class":69},[59,4903,117],{"class":65},[59,4905,4906],{"class":61,"line":2025},[59,4907,1818],{"emptyLinePlaceholder":527},[59,4909,4910],{"class":61,"line":2051},[59,4911,4912],{"class":2832}," \u003C!-- 2. Initialize -->\n",[59,4914,4915,4917,4919,4921,4923,4925,4927,4929],{"class":61,"line":2057},[59,4916,2847],{"class":65},[59,4918,114],{"class":69},[59,4920,135],{"class":76},[59,4922,80],{"class":65},[59,4924,83],{"class":65},[59,4926,142],{"class":86},[59,4928,83],{"class":65},[59,4930,117],{"class":65},[59,4932,4933,4935,4937,4939,4941,4943,4945,4947,4949,4951,4953],{"class":61,"line":2065},[59,4934,2282],{"class":151},[59,4936,155],{"class":65},[59,4938,158],{"class":151},[59,4940,80],{"class":65},[59,4942,163],{"class":151},[59,4944,155],{"class":65},[59,4946,158],{"class":151},[59,4948,170],{"class":65},[59,4950,173],{"class":76},[59,4952,176],{"class":65},[59,4954,179],{"class":65},[59,4956,4957,4960,4962,4964,4966,4968,4970,4972,4974,4976,4978,4980,4982,4984,4986,4988,4990,4992,4994,4996],{"class":61,"line":2075},[59,4958,4959],{"class":69}," (",[59,4961,187],{"class":151},[59,4963,155],{"class":65},[59,4965,192],{"class":151},[59,4967,155],{"class":65},[59,4969,197],{"class":151},[59,4971,200],{"class":65},[59,4973,163],{"class":151},[59,4975,155],{"class":65},[59,4977,192],{"class":151},[59,4979,155],{"class":65},[59,4981,197],{"class":151},[59,4983,213],{"class":65},[59,4985,216],{"class":69},[59,4987,155],{"class":65},[59,4989,222],{"class":221},[59,4991,225],{"class":69},[59,4993,228],{"class":151},[59,4995,231],{"class":69},[59,4997,234],{"class":65},[59,4999,5000],{"class":61,"line":2081},[59,5001,5002],{"class":65}," };\n",[59,5004,5005,5007,5009,5011,5013,5015,5017,5019,5021],{"class":61,"line":2089},[59,5006,2282],{"class":151},[59,5008,155],{"class":65},[59,5010,192],{"class":221},[59,5012,225],{"class":151},[59,5014,253],{"class":65},[59,5016,256],{"class":86},[59,5018,253],{"class":65},[59,5020,261],{"class":65},[59,5022,179],{"class":65},[59,5024,5025,5028,5030,5032,5034],{"class":61,"line":3126},[59,5026,5027],{"class":69}," apiKey",[59,5029,48],{"class":65},[59,5031,274],{"class":65},[59,5033,277],{"class":86},[59,5035,280],{"class":65},[59,5037,5038,5040,5042],{"class":61,"line":3134},[59,5039,2344],{"class":65},[59,5041,231],{"class":151},[59,5043,234],{"class":65},[59,5045,5047,5049,5051],{"class":61,"line":5046},32,[59,5048,2908],{"class":65},[59,5050,114],{"class":69},[59,5052,117],{"class":65},[59,5054,5056],{"class":61,"line":5055},33,[59,5057,1818],{"emptyLinePlaceholder":527},[59,5059,5061,5063,5065],{"class":61,"line":5060},34,[59,5062,2847],{"class":65},[59,5064,114],{"class":69},[59,5066,117],{"class":65},[59,5068,5070,5073,5076,5078],{"class":61,"line":5069},35,[59,5071,5072],{"class":76}," function",[59,5074,5075],{"class":221}," openWidget",[59,5077,176],{"class":65},[59,5079,179],{"class":65},[59,5081,5083,5086,5088,5090,5092,5094,5096,5098,5100],{"class":61,"line":5082},36,[59,5084,5085],{"class":151}," window",[59,5087,155],{"class":65},[59,5089,192],{"class":221},[59,5091,225],{"class":69},[59,5093,253],{"class":65},[59,5095,350],{"class":86},[59,5097,253],{"class":65},[59,5099,261],{"class":65},[59,5101,179],{"class":65},[59,5103,5105,5108,5110,5112,5114,5116],{"class":61,"line":5104},37,[59,5106,5107],{"class":69}," targetElementId",[59,5109,48],{"class":65},[59,5111,274],{"class":65},[59,5113,332],{"class":86},[59,5115,253],{"class":65},[59,5117,394],{"class":65},[59,5119,5121,5124,5126,5128,5130,5132],{"class":61,"line":5120},38,[59,5122,5123],{"class":69}," model",[59,5125,48],{"class":65},[59,5127,274],{"class":65},[59,5129,406],{"class":86},[59,5131,253],{"class":65},[59,5133,394],{"class":65},[59,5135,5137,5140,5142],{"class":61,"line":5136},39,[59,5138,5139],{"class":69}," tryonItems",[59,5141,48],{"class":65},[59,5143,420],{"class":69},[59,5145,5147],{"class":61,"line":5146},40,[59,5148,2678],{"class":65},[59,5150,5152,5154,5156,5158,5160,5162],{"class":61,"line":5151},41,[59,5153,2683],{"class":69},[59,5155,48],{"class":65},[59,5157,274],{"class":65},[59,5159,437],{"class":86},[59,5161,253],{"class":65},[59,5163,394],{"class":65},[59,5165,5167,5169,5171,5173,5176,5178],{"class":61,"line":5166},42,[59,5168,2698],{"class":69},[59,5170,48],{"class":65},[59,5172,274],{"class":65},[59,5174,5175],{"class":86},"https:\u002F\u002Fexample.com\u002Fimages\u002Fjacket.jpg",[59,5177,253],{"class":65},[59,5179,394],{"class":65},[59,5181,5183],{"class":61,"line":5182},43,[59,5184,2713],{"class":65},[59,5186,5188,5190],{"class":61,"line":5187},44,[59,5189,2718],{"class":69},[59,5191,394],{"class":65},[59,5193,5195,5198,5200],{"class":61,"line":5194},45,[59,5196,5197],{"class":65}," }",[59,5199,231],{"class":69},[59,5201,234],{"class":65},[59,5203,5205],{"class":61,"line":5204},46,[59,5206,5207],{"class":65}," }\n",[59,5209,5211,5213,5215],{"class":61,"line":5210},47,[59,5212,2908],{"class":65},[59,5214,114],{"class":69},[59,5216,117],{"class":65},[59,5218,5220,5222,5224],{"class":61,"line":5219},48,[59,5221,296],{"class":65},[59,5223,4738],{"class":69},[59,5225,117],{"class":65},[59,5227,5229,5231,5233],{"class":61,"line":5228},49,[59,5230,296],{"class":65},[59,5232,54],{"class":69},[59,5234,117],{"class":65},[18,5236,5238],{"id":5237},"key-points","Key Points",[493,5240,5241,5244,5253],{},[496,5242,5243],{},"Load the bundle script first.",[496,5245,5246,5247,5250,5251,155],{},"Initialize with ",[41,5248,5249],{},"window.fitting('init', { apiKey })"," before calling ",[41,5252,350],{},[496,5254,1663,5255,5257],{},[41,5256,673],{}," must match an existing element on the page.",[511,5259,5260],{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":55,"searchDepth":73,"depth":73,"links":5262},[5263,5264],{"id":4606,"depth":73,"text":4607},{"id":5237,"depth":73,"text":5238},"Integrate with plain HTML\u002FJavaScript","i-lucide-file-code",{},"\u002Fen\u002Fintegrations\u002Fvanilla-js",{"title":4594,"description":5265},"en\u002Fintegrations\u002Fvanilla-js","Ts8msIFer-tIlPDRwRbkNZSpWu0JrTJP8uMKqB57tJQ",{"id":5273,"title":5274,"body":5275,"description":6120,"extension":524,"icon":6121,"meta":6122,"navigation":527,"path":6123,"seo":6124,"stem":6125,"__hash__":6126},"content\u002Fen\u002Fintegrations\u002Fvue.md","Vue 3",{"type":7,"value":5276,"toc":6115},[5277,5281,5284,5286,5291,5470,5474,5772,5776,6112],[10,5278,5280],{"id":5279},"vue-3-integration","Vue 3 Integration",[14,5282,5283],{},"Works with Vue 3 + Vite or any Vue 3 setup.",[18,5285,3713],{"id":3712},[14,5287,5288,5289,48],{},"In ",[41,5290,3719],{},[50,5292,5294],{"className":52,"code":5293,"language":54,"meta":55,"style":55},"\u003Cscript\n src=\"https:\u002F\u002Fwidget.try-on.ru\u002Ffitting-widget-bundle.js\"\n id=\"fitting-widget-bundle\"\n>\u003C\u002Fscript>\n\u003Cscript id=\"fitting-init\">\n window.fitting = window.fitting || function() {\n (window.fitting.q = window.fitting.q || []).push(arguments);\n };\n window.fitting('init', {\n apiKey: 'YOUR_API_KEY'\n });\n\u003C\u002Fscript>\n",[41,5295,5296,5302,5314,5326,5334,5352,5376,5418,5422,5442,5454,5462],{"__ignoreMap":55},[59,5297,5298,5300],{"class":61,"line":62},[59,5299,66],{"class":65},[59,5301,70],{"class":69},[59,5303,5304,5306,5308,5310,5312],{"class":61,"line":73},[59,5305,77],{"class":76},[59,5307,80],{"class":65},[59,5309,83],{"class":65},[59,5311,87],{"class":86},[59,5313,90],{"class":65},[59,5315,5316,5318,5320,5322,5324],{"class":61,"line":93},[59,5317,96],{"class":76},[59,5319,80],{"class":65},[59,5321,83],{"class":65},[59,5323,103],{"class":86},[59,5325,90],{"class":65},[59,5327,5328,5330,5332],{"class":61,"line":108},[59,5329,111],{"class":65},[59,5331,114],{"class":69},[59,5333,117],{"class":65},[59,5335,5336,5338,5340,5342,5344,5346,5348,5350],{"class":61,"line":242},[59,5337,66],{"class":65},[59,5339,114],{"class":69},[59,5341,135],{"class":76},[59,5343,80],{"class":65},[59,5345,83],{"class":65},[59,5347,142],{"class":86},[59,5349,83],{"class":65},[59,5351,117],{"class":65},[59,5353,5354,5356,5358,5360,5362,5364,5366,5368,5370,5372,5374],{"class":61,"line":266},[59,5355,152],{"class":151},[59,5357,155],{"class":65},[59,5359,158],{"class":151},[59,5361,80],{"class":65},[59,5363,163],{"class":151},[59,5365,155],{"class":65},[59,5367,158],{"class":151},[59,5369,170],{"class":65},[59,5371,173],{"class":76},[59,5373,176],{"class":65},[59,5375,179],{"class":65},[59,5377,5378,5380,5382,5384,5386,5388,5390,5392,5394,5396,5398,5400,5402,5404,5406,5408,5410,5412,5414,5416],{"class":61,"line":283},[59,5379,184],{"class":69},[59,5381,187],{"class":151},[59,5383,155],{"class":65},[59,5385,192],{"class":151},[59,5387,155],{"class":65},[59,5389,197],{"class":151},[59,5391,200],{"class":65},[59,5393,163],{"class":151},[59,5395,155],{"class":65},[59,5397,192],{"class":151},[59,5399,155],{"class":65},[59,5401,197],{"class":151},[59,5403,213],{"class":65},[59,5405,216],{"class":69},[59,5407,155],{"class":65},[59,5409,222],{"class":221},[59,5411,225],{"class":69},[59,5413,228],{"class":151},[59,5415,231],{"class":69},[59,5417,234],{"class":65},[59,5419,5420],{"class":61,"line":293},[59,5421,239],{"class":65},[59,5423,5424,5426,5428,5430,5432,5434,5436,5438,5440],{"class":61,"line":465},[59,5425,152],{"class":151},[59,5427,155],{"class":65},[59,5429,192],{"class":221},[59,5431,225],{"class":151},[59,5433,253],{"class":65},[59,5435,256],{"class":86},[59,5437,253],{"class":65},[59,5439,261],{"class":65},[59,5441,179],{"class":65},[59,5443,5444,5446,5448,5450,5452],{"class":61,"line":473},[59,5445,269],{"class":69},[59,5447,48],{"class":65},[59,5449,274],{"class":65},[59,5451,277],{"class":86},[59,5453,280],{"class":65},[59,5455,5456,5458,5460],{"class":61,"line":1928},[59,5457,286],{"class":65},[59,5459,231],{"class":151},[59,5461,234],{"class":65},[59,5463,5464,5466,5468],{"class":61,"line":1942},[59,5465,296],{"class":65},[59,5467,114],{"class":69},[59,5469,117],{"class":65},[18,5471,5473],{"id":5472},"_2-create-a-composable","2. Create a Composable",[50,5475,5477],{"className":3149,"code":5476,"language":2943,"meta":55,"style":55},"\u002F\u002F composables\u002FuseFittingWidget.ts\nexport interface TryonItem {\n productName: string\n url: string\n productId?: string\n}\n\nexport interface CreateOptions {\n targetElementId: string\n model?: 'balanced' | 'quality' | 'speed'\n tryonItems: TryonItem[]\n}\n\ndeclare global {\n interface Window {\n fitting: (command: string, options?: unknown) => void\n }\n}\n\nexport function useFittingWidget() {\n const open = (options: CreateOptions) => {\n window.fitting('create', options)\n }\n\n const close = () => {\n window.fitting('close')\n }\n\n return { open, close }\n}\n",[41,5478,5479,5484,5495,5503,5511,5519,5523,5527,5537,5545,5573,5584,5588,5592,5600,5608,5637,5641,5645,5649,5661,5683,5705,5709,5713,5727,5745,5749,5753,5768],{"__ignoreMap":55},[59,5480,5481],{"class":61,"line":62},[59,5482,5483],{"class":2832},"\u002F\u002F composables\u002FuseFittingWidget.ts\n",[59,5485,5486,5488,5491,5493],{"class":61,"line":73},[59,5487,1823],{"class":1797},[59,5489,5490],{"class":76}," interface",[59,5492,2123],{"class":1851},[59,5494,179],{"class":65},[59,5496,5497,5499,5501],{"class":61,"line":93},[59,5498,2130],{"class":69},[59,5500,48],{"class":65},[59,5502,3495],{"class":1851},[59,5504,5505,5507,5509],{"class":61,"line":108},[59,5506,2142],{"class":69},[59,5508,48],{"class":65},[59,5510,3495],{"class":1851},[59,5512,5513,5515,5517],{"class":61,"line":242},[59,5514,3961],{"class":69},[59,5516,2202],{"class":65},[59,5518,3495],{"class":1851},[59,5520,5521],{"class":61,"line":266},[59,5522,1886],{"class":65},[59,5524,5525],{"class":61,"line":283},[59,5526,1818],{"emptyLinePlaceholder":527},[59,5528,5529,5531,5533,5535],{"class":61,"line":293},[59,5530,1823],{"class":1797},[59,5532,5490],{"class":76},[59,5534,3982],{"class":1851},[59,5536,179],{"class":65},[59,5538,5539,5541,5543],{"class":61,"line":465},[59,5540,383],{"class":69},[59,5542,48],{"class":65},[59,5544,3495],{"class":1851},[59,5546,5547,5549,5551,5553,5555,5557,5559,5561,5563,5565,5567,5569,5571],{"class":61,"line":473},[59,5548,399],{"class":69},[59,5550,2202],{"class":65},[59,5552,274],{"class":65},[59,5554,406],{"class":86},[59,5556,253],{"class":65},[59,5558,4009],{"class":65},[59,5560,274],{"class":65},[59,5562,4014],{"class":86},[59,5564,253],{"class":65},[59,5566,4009],{"class":65},[59,5568,274],{"class":65},[59,5570,4023],{"class":86},[59,5572,280],{"class":65},[59,5574,5575,5577,5579,5581],{"class":61,"line":1928},[59,5576,415],{"class":69},[59,5578,48],{"class":65},[59,5580,2123],{"class":1851},[59,5582,5583],{"class":151},"[]\n",[59,5585,5586],{"class":61,"line":1942},[59,5587,1886],{"class":65},[59,5589,5590],{"class":61,"line":1948},[59,5591,1818],{"emptyLinePlaceholder":527},[59,5593,5594,5596,5598],{"class":61,"line":1953},[59,5595,2161],{"class":76},[59,5597,2164],{"class":151},[59,5599,2167],{"class":65},[59,5601,5602,5604,5606],{"class":61,"line":1960},[59,5603,2172],{"class":76},[59,5605,2175],{"class":1851},[59,5607,179],{"class":65},[59,5609,5610,5612,5614,5616,5618,5620,5622,5624,5626,5628,5630,5632,5634],{"class":61,"line":1973},[59,5611,2182],{"class":69},[59,5613,48],{"class":65},[59,5615,2187],{"class":65},[59,5617,2190],{"class":1837},[59,5619,48],{"class":65},[59,5621,2135],{"class":1851},[59,5623,261],{"class":65},[59,5625,2199],{"class":1837},[59,5627,2202],{"class":65},[59,5629,2205],{"class":1851},[59,5631,231],{"class":65},[59,5633,2210],{"class":76},[59,5635,5636],{"class":1851}," void\n",[59,5638,5639],{"class":61,"line":1986},[59,5640,2220],{"class":65},[59,5642,5643],{"class":61,"line":1992},[59,5644,1886],{"class":65},[59,5646,5647],{"class":61,"line":2001},[59,5648,1818],{"emptyLinePlaceholder":527},[59,5650,5651,5653,5655,5657,5659],{"class":61,"line":2007},[59,5652,1823],{"class":1797},[59,5654,173],{"class":76},[59,5656,4115],{"class":221},[59,5658,176],{"class":65},[59,5660,179],{"class":65},[59,5662,5663,5665,5667,5669,5671,5673,5675,5677,5679,5681],{"class":61,"line":2013},[59,5664,2265],{"class":76},[59,5666,4126],{"class":151},[59,5668,200],{"class":65},[59,5670,2187],{"class":65},[59,5672,4133],{"class":1837},[59,5674,48],{"class":65},[59,5676,3982],{"class":1851},[59,5678,231],{"class":65},[59,5680,2210],{"class":76},[59,5682,179],{"class":65},[59,5684,5685,5687,5689,5691,5693,5695,5697,5699,5701,5703],{"class":61,"line":2019},[59,5686,2282],{"class":151},[59,5688,155],{"class":65},[59,5690,192],{"class":221},[59,5692,225],{"class":69},[59,5694,253],{"class":65},[59,5696,350],{"class":86},[59,5698,253],{"class":65},[59,5700,261],{"class":65},[59,5702,2199],{"class":151},[59,5704,3131],{"class":69},[59,5706,5707],{"class":61,"line":2025},[59,5708,2220],{"class":65},[59,5710,5711],{"class":61,"line":2051},[59,5712,1818],{"emptyLinePlaceholder":527},[59,5714,5715,5717,5719,5721,5723,5725],{"class":61,"line":2057},[59,5716,2265],{"class":76},[59,5718,4182],{"class":151},[59,5720,200],{"class":65},[59,5722,2273],{"class":65},[59,5724,2210],{"class":76},[59,5726,179],{"class":65},[59,5728,5729,5731,5733,5735,5737,5739,5741,5743],{"class":61,"line":2065},[59,5730,2282],{"class":151},[59,5732,155],{"class":65},[59,5734,192],{"class":221},[59,5736,225],{"class":69},[59,5738,253],{"class":65},[59,5740,4205],{"class":86},[59,5742,253],{"class":65},[59,5744,3131],{"class":69},[59,5746,5747],{"class":61,"line":2075},[59,5748,2220],{"class":65},[59,5750,5751],{"class":61,"line":2081},[59,5752,1818],{"emptyLinePlaceholder":527},[59,5754,5755,5757,5759,5761,5763,5765],{"class":61,"line":2089},[59,5756,1867],{"class":1797},[59,5758,1844],{"class":65},[59,5760,4126],{"class":151},[59,5762,261],{"class":65},[59,5764,4182],{"class":151},[59,5766,5767],{"class":65}," }\n",[59,5769,5770],{"class":61,"line":3126},[59,5771,1886],{"class":65},[18,5773,5775],{"id":5774},"_3-create-the-widget-component","3. Create the Widget Component",[50,5777,5779],{"className":2823,"code":5778,"language":2825,"meta":55,"style":55},"\u003C!-- components\u002FTryOnWidget.vue -->\n\u003Ctemplate>\n \u003Cdiv>\n \u003Cdiv\n id=\"widget-container\"\n style=\"width: 100%; max-width: 600px; aspect-ratio: 3\u002F4\"\n \u002F>\n \u003Cbutton @click=\"handleTryOn\">Try On\u003C\u002Fbutton>\n \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup lang=\"ts\">\nimport { useFittingWidget, type TryonItem } from '~\u002Fcomposables\u002FuseFittingWidget'\n\nconst props = defineProps\u003C{\n productName: string\n imageUrl: string\n}>()\n\nconst { open } = useFittingWidget()\n\nconst handleTryOn = () => {\n open({\n targetElementId: 'widget-container',\n model: 'balanced',\n tryonItems: [\n {\n productName: props.productName,\n url: props.imageUrl,\n },\n ],\n })\n}\n\u003C\u002Fscript>\n",[41,5780,5781,5785,5793,5801,5807,5819,5833,5838,5864,5872,5880,5884,5904,5930,5934,5946,5954,5962,5968,5972,5989,5993,6007,6016,6030,6044,6052,6056,6070,6084,6088,6094,6100,6104],{"__ignoreMap":55},[59,5782,5783],{"class":61,"line":62},[59,5784,3356],{"class":2832},[59,5786,5787,5789,5791],{"class":61,"line":73},[59,5788,66],{"class":65},[59,5790,2840],{"class":69},[59,5792,117],{"class":65},[59,5794,5795,5797,5799],{"class":61,"line":93},[59,5796,2847],{"class":65},[59,5798,323],{"class":69},[59,5800,117],{"class":65},[59,5802,5803,5805],{"class":61,"line":108},[59,5804,2592],{"class":65},[59,5806,4384],{"class":69},[59,5808,5809,5811,5813,5815,5817],{"class":61,"line":242},[59,5810,3012],{"class":76},[59,5812,80],{"class":65},[59,5814,83],{"class":65},[59,5816,332],{"class":86},[59,5818,90],{"class":65},[59,5820,5821,5824,5826,5828,5831],{"class":61,"line":266},[59,5822,5823],{"class":76}," style",[59,5825,80],{"class":65},[59,5827,83],{"class":65},[59,5829,5830],{"class":86},"width: 100%; max-width: 600px; aspect-ratio: 3\u002F4",[59,5832,90],{"class":65},[59,5834,5835],{"class":61,"line":283},[59,5836,5837],{"class":65}," \u002F>\n",[59,5839,5840,5842,5844,5846,5848,5850,5852,5854,5856,5858,5860,5862],{"class":61,"line":293},[59,5841,2592],{"class":65},[59,5843,2435],{"class":69},[59,5845,3411],{"class":76},[59,5847,80],{"class":65},[59,5849,83],{"class":65},[59,5851,3418],{"class":86},[59,5853,83],{"class":65},[59,5855,2860],{"class":65},[59,5857,2450],{"class":151},[59,5859,296],{"class":65},[59,5861,2435],{"class":69},[59,5863,117],{"class":65},[59,5865,5866,5868,5870],{"class":61,"line":465},[59,5867,2908],{"class":65},[59,5869,323],{"class":69},[59,5871,117],{"class":65},[59,5873,5874,5876,5878],{"class":61,"line":473},[59,5875,296],{"class":65},[59,5877,2840],{"class":69},[59,5879,117],{"class":65},[59,5881,5882],{"class":61,"line":1928},[59,5883,1818],{"emptyLinePlaceholder":527},[59,5885,5886,5888,5890,5892,5894,5896,5898,5900,5902],{"class":61,"line":1942},[59,5887,66],{"class":65},[59,5889,114],{"class":69},[59,5891,2933],{"class":76},[59,5893,2936],{"class":76},[59,5895,80],{"class":65},[59,5897,83],{"class":65},[59,5899,2943],{"class":86},[59,5901,83],{"class":65},[59,5903,117],{"class":65},[59,5905,5906,5908,5910,5912,5914,5917,5919,5921,5923,5925,5928],{"class":61,"line":1948},[59,5907,1798],{"class":1797},[59,5909,1844],{"class":65},[59,5911,4115],{"class":151},[59,5913,261],{"class":65},[59,5915,5916],{"class":1797}," type",[59,5918,2123],{"class":151},[59,5920,2490],{"class":65},[59,5922,2493],{"class":1797},[59,5924,274],{"class":65},[59,5926,5927],{"class":86},"~\u002Fcomposables\u002FuseFittingWidget",[59,5929,280],{"class":65},[59,5931,5932],{"class":61,"line":1953},[59,5933,1818],{"emptyLinePlaceholder":527},[59,5935,5936,5938,5940,5942,5944],{"class":61,"line":1960},[59,5937,3475],{"class":76},[59,5939,3478],{"class":151},[59,5941,80],{"class":65},[59,5943,3483],{"class":221},[59,5945,3486],{"class":65},[59,5947,5948,5950,5952],{"class":61,"line":1973},[59,5949,2130],{"class":69},[59,5951,48],{"class":65},[59,5953,3495],{"class":1851},[59,5955,5956,5958,5960],{"class":61,"line":1986},[59,5957,3500],{"class":69},[59,5959,48],{"class":65},[59,5961,3495],{"class":1851},[59,5963,5964,5966],{"class":61,"line":1992},[59,5965,2447],{"class":65},[59,5967,3511],{"class":151},[59,5969,5970],{"class":61,"line":2001},[59,5971,1818],{"emptyLinePlaceholder":527},[59,5973,5974,5976,5978,5981,5983,5985,5987],{"class":61,"line":2007},[59,5975,3475],{"class":76},[59,5977,1844],{"class":65},[59,5979,5980],{"class":151}," open ",[59,5982,476],{"class":65},[59,5984,200],{"class":65},[59,5986,4115],{"class":221},[59,5988,3511],{"class":151},[59,5990,5991],{"class":61,"line":2013},[59,5992,1818],{"emptyLinePlaceholder":527},[59,5994,5995,5997,5999,6001,6003,6005],{"class":61,"line":2019},[59,5996,3475],{"class":76},[59,5998,3522],{"class":151},[59,6000,80],{"class":65},[59,6002,2273],{"class":65},[59,6004,2210],{"class":76},[59,6006,179],{"class":65},[59,6008,6009,6012,6014],{"class":61,"line":2025},[59,6010,6011],{"class":221}," open",[59,6013,225],{"class":69},[59,6015,2167],{"class":65},[59,6017,6018,6020,6022,6024,6026,6028],{"class":61,"line":2051},[59,6019,3555],{"class":69},[59,6021,48],{"class":65},[59,6023,274],{"class":65},[59,6025,332],{"class":86},[59,6027,253],{"class":65},[59,6029,394],{"class":65},[59,6031,6032,6034,6036,6038,6040,6042],{"class":61,"line":2057},[59,6033,3570],{"class":69},[59,6035,48],{"class":65},[59,6037,274],{"class":65},[59,6039,406],{"class":86},[59,6041,253],{"class":65},[59,6043,394],{"class":65},[59,6045,6046,6048,6050],{"class":61,"line":2065},[59,6047,3585],{"class":69},[59,6049,48],{"class":65},[59,6051,420],{"class":69},[59,6053,6054],{"class":61,"line":2075},[59,6055,3594],{"class":65},[59,6057,6058,6060,6062,6064,6066,6068],{"class":61,"line":2081},[59,6059,3599],{"class":69},[59,6061,48],{"class":65},[59,6063,3604],{"class":151},[59,6065,155],{"class":65},[59,6067,747],{"class":151},[59,6069,394],{"class":65},[59,6071,6072,6074,6076,6078,6080,6082],{"class":61,"line":2089},[59,6073,3615],{"class":69},[59,6075,48],{"class":65},[59,6077,3604],{"class":151},[59,6079,155],{"class":65},[59,6081,3624],{"class":151},[59,6083,394],{"class":65},[59,6085,6086],{"class":61,"line":3126},[59,6087,3631],{"class":65},[59,6089,6090,6092],{"class":61,"line":3134},[59,6091,3636],{"class":69},[59,6093,394],{"class":65},[59,6095,6096,6098],{"class":61,"line":5046},[59,6097,286],{"class":65},[59,6099,3131],{"class":69},[59,6101,6102],{"class":61,"line":5055},[59,6103,1886],{"class":65},[59,6105,6106,6108,6110],{"class":61,"line":5060},[59,6107,296],{"class":65},[59,6109,114],{"class":69},[59,6111,117],{"class":65},[511,6113,6114],{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}",{"title":55,"searchDepth":73,"depth":73,"links":6116},[6117,6118,6119],{"id":3712,"depth":73,"text":3713},{"id":5472,"depth":73,"text":5473},{"id":5774,"depth":73,"text":5775},"Integrate with a Vue 3 application","i-lucide-venetian-mask",{},"\u002Fen\u002Fintegrations\u002Fvue",{"title":5274,"description":6120},"en\u002Fintegrations\u002Fvue","GShiJEM5AAOgyg7U0MXXp-Lqn_Y-1BooZA_uvPnVwT0",{"id":4,"title":5,"body":6128,"description":523,"extension":524,"icon":525,"meta":6508,"navigation":527,"path":528,"seo":6509,"stem":530,"__hash__":531},{"type":7,"value":6129,"toc":6499},[6130,6132,6134,6136,6141,6143,6149,6191,6193,6333,6335,6339,6365,6367,6371,6481,6483,6485,6487,6497],[10,6131,5],{"id":12},[14,6133,16],{},[18,6135,21],{"id":20},[14,6137,24,6138,32],{},[26,6139,31],{"href":28,"rel":6140},[30],[18,6142,36],{"id":35},[14,6144,39,6145,44,6147,48],{},[41,6146,43],{},[41,6148,47],{},[50,6150,6151],{"className":52,"code":53,"language":54,"meta":55,"style":55},[41,6152,6153,6159,6171,6183],{"__ignoreMap":55},[59,6154,6155,6157],{"class":61,"line":62},[59,6156,66],{"class":65},[59,6158,70],{"class":69},[59,6160,6161,6163,6165,6167,6169],{"class":61,"line":73},[59,6162,77],{"class":76},[59,6164,80],{"class":65},[59,6166,83],{"class":65},[59,6168,87],{"class":86},[59,6170,90],{"class":65},[59,6172,6173,6175,6177,6179,6181],{"class":61,"line":93},[59,6174,96],{"class":76},[59,6176,80],{"class":65},[59,6178,83],{"class":65},[59,6180,103],{"class":86},[59,6182,90],{"class":65},[59,6184,6185,6187,6189],{"class":61,"line":108},[59,6186,111],{"class":65},[59,6188,114],{"class":69},[59,6190,117],{"class":65},[18,6192,121],{"id":120},[50,6194,6195],{"className":52,"code":124,"language":54,"meta":55,"style":55},[41,6196,6197,6215,6239,6281,6285,6305,6317,6325],{"__ignoreMap":55},[59,6198,6199,6201,6203,6205,6207,6209,6211,6213],{"class":61,"line":62},[59,6200,66],{"class":65},[59,6202,114],{"class":69},[59,6204,135],{"class":76},[59,6206,80],{"class":65},[59,6208,83],{"class":65},[59,6210,142],{"class":86},[59,6212,83],{"class":65},[59,6214,117],{"class":65},[59,6216,6217,6219,6221,6223,6225,6227,6229,6231,6233,6235,6237],{"class":61,"line":73},[59,6218,152],{"class":151},[59,6220,155],{"class":65},[59,6222,158],{"class":151},[59,6224,80],{"class":65},[59,6226,163],{"class":151},[59,6228,155],{"class":65},[59,6230,158],{"class":151},[59,6232,170],{"class":65},[59,6234,173],{"class":76},[59,6236,176],{"class":65},[59,6238,179],{"class":65},[59,6240,6241,6243,6245,6247,6249,6251,6253,6255,6257,6259,6261,6263,6265,6267,6269,6271,6273,6275,6277,6279],{"class":61,"line":93},[59,6242,184],{"class":69},[59,6244,187],{"class":151},[59,6246,155],{"class":65},[59,6248,192],{"class":151},[59,6250,155],{"class":65},[59,6252,197],{"class":151},[59,6254,200],{"class":65},[59,6256,163],{"class":151},[59,6258,155],{"class":65},[59,6260,192],{"class":151},[59,6262,155],{"class":65},[59,6264,197],{"class":151},[59,6266,213],{"class":65},[59,6268,216],{"class":69},[59,6270,155],{"class":65},[59,6272,222],{"class":221},[59,6274,225],{"class":69},[59,6276,228],{"class":151},[59,6278,231],{"class":69},[59,6280,234],{"class":65},[59,6282,6283],{"class":61,"line":108},[59,6284,239],{"class":65},[59,6286,6287,6289,6291,6293,6295,6297,6299,6301,6303],{"class":61,"line":242},[59,6288,152],{"class":151},[59,6290,155],{"class":65},[59,6292,192],{"class":221},[59,6294,225],{"class":151},[59,6296,253],{"class":65},[59,6298,256],{"class":86},[59,6300,253],{"class":65},[59,6302,261],{"class":65},[59,6304,179],{"class":65},[59,6306,6307,6309,6311,6313,6315],{"class":61,"line":266},[59,6308,269],{"class":69},[59,6310,48],{"class":65},[59,6312,274],{"class":65},[59,6314,277],{"class":86},[59,6316,280],{"class":65},[59,6318,6319,6321,6323],{"class":61,"line":283},[59,6320,286],{"class":65},[59,6322,231],{"class":151},[59,6324,234],{"class":65},[59,6326,6327,6329,6331],{"class":61,"line":293},[59,6328,296],{"class":65},[59,6330,114],{"class":69},[59,6332,117],{"class":65},[18,6334,304],{"id":303},[14,6336,307,6337,311],{},[41,6338,310],{},[50,6340,6341],{"className":52,"code":314,"language":54,"meta":55,"style":55},[41,6342,6343],{"__ignoreMap":55},[59,6344,6345,6347,6349,6351,6353,6355,6357,6359,6361,6363],{"class":61,"line":62},[59,6346,66],{"class":65},[59,6348,323],{"class":69},[59,6350,135],{"class":76},[59,6352,80],{"class":65},[59,6354,83],{"class":65},[59,6356,332],{"class":86},[59,6358,83],{"class":65},[59,6360,111],{"class":65},[59,6362,323],{"class":69},[59,6364,117],{"class":65},[18,6366,344],{"id":343},[14,6368,347,6369,351],{},[41,6370,350],{},[50,6372,6373],{"className":354,"code":355,"language":356,"meta":55,"style":55},[41,6374,6375,6395,6409,6423,6431,6435,6449,6463,6467,6473],{"__ignoreMap":55},[59,6376,6377,6379,6381,6383,6385,6387,6389,6391,6393],{"class":61,"line":62},[59,6378,187],{"class":151},[59,6380,155],{"class":65},[59,6382,192],{"class":221},[59,6384,225],{"class":151},[59,6386,253],{"class":65},[59,6388,350],{"class":86},[59,6390,253],{"class":65},[59,6392,261],{"class":65},[59,6394,179],{"class":65},[59,6396,6397,6399,6401,6403,6405,6407],{"class":61,"line":73},[59,6398,383],{"class":69},[59,6400,48],{"class":65},[59,6402,274],{"class":65},[59,6404,332],{"class":86},[59,6406,253],{"class":65},[59,6408,394],{"class":65},[59,6410,6411,6413,6415,6417,6419,6421],{"class":61,"line":93},[59,6412,399],{"class":69},[59,6414,48],{"class":65},[59,6416,274],{"class":65},[59,6418,406],{"class":86},[59,6420,253],{"class":65},[59,6422,394],{"class":65},[59,6424,6425,6427,6429],{"class":61,"line":108},[59,6426,415],{"class":69},[59,6428,48],{"class":65},[59,6430,420],{"class":151},[59,6432,6433],{"class":61,"line":242},[59,6434,425],{"class":65},[59,6436,6437,6439,6441,6443,6445,6447],{"class":61,"line":266},[59,6438,430],{"class":69},[59,6440,48],{"class":65},[59,6442,274],{"class":65},[59,6444,437],{"class":86},[59,6446,253],{"class":65},[59,6448,394],{"class":65},[59,6450,6451,6453,6455,6457,6459,6461],{"class":61,"line":283},[59,6452,446],{"class":69},[59,6454,48],{"class":65},[59,6456,274],{"class":65},[59,6458,453],{"class":86},[59,6460,253],{"class":65},[59,6462,394],{"class":65},[59,6464,6465],{"class":61,"line":293},[59,6466,462],{"class":65},[59,6468,6469,6471],{"class":61,"line":465},[59,6470,468],{"class":151},[59,6472,394],{"class":65},[59,6474,6475,6477,6479],{"class":61,"line":473},[59,6476,476],{"class":65},[59,6478,231],{"class":151},[59,6480,234],{"class":65},[18,6482,484],{"id":483},[14,6484,487],{},[18,6486,491],{"id":490},[493,6488,6489,6493],{},[496,6490,498,6491,155],{},[26,6492,502],{"href":501},[496,6494,505,6495,155],{},[26,6496,509],{"href":508},[511,6498,513],{},{"title":55,"searchDepth":73,"depth":73,"links":6500},[6501,6502,6503,6504,6505,6506,6507],{"id":20,"depth":73,"text":21},{"id":35,"depth":73,"text":36},{"id":120,"depth":73,"text":121},{"id":303,"depth":73,"text":304},{"id":343,"depth":73,"text":344},{"id":483,"depth":73,"text":484},{"id":490,"depth":73,"text":491},{},{"title":5,"description":523},{"id":6511,"title":6512,"body":6513,"description":6591,"extension":524,"icon":1736,"meta":6592,"navigation":527,"path":6593,"seo":6594,"stem":6595,"__hash__":6596},"content\u002Findex.md","Введение",{"type":7,"value":6514,"toc":6586},[6515,6519,6524,6528,6557,6561,6578,6580],[10,6516,6518],{"id":6517},"fitting-widget-виртуальная-примерка","Fitting Widget — Виртуальная примерка",[14,6520,6521,6523],{},[1665,6522,1667],{}," — это готовое решение для виртуальной примерки одежды в интернет-магазинах. Он позволяет вашим покупателям загрузить фотографию и мгновенно увидеть, как на них выглядит любой предмет одежды — прямо на странице товара.",[18,6525,6527],{"id":6526},"ключевые-возможности","Ключевые возможности",[493,6529,6530,6539,6545,6551],{},[496,6531,6532,6535,6536,6538],{},[1665,6533,6534],{},"Быстрая интеграция"," — Один тег ",[41,6537,43],{}," и несколько строк кода.",[496,6540,6541,6544],{},[1665,6542,6543],{},"Не зависит от фреймворков"," — Работает с Vanilla JS, React, Vue, Next.js, Nuxt и другими.",[496,6546,6547,6550],{},[1665,6548,6549],{},"Настраиваемый"," — Стилизуйте виджет под ваш бренд.",[496,6552,6553,6556],{},[1665,6554,6555],{},"Лёгкий"," — Оптимизированная загрузка, которая не замедляет магазин.",[18,6558,6560],{"id":6559},"как-это-работает","Как это работает",[1704,6562,6563,6566,6569,6575],{},[496,6564,6565],{},"Загрузите скрипт виджета на страницу.",[496,6567,6568],{},"Инициализируйте его с вашим API-ключом.",[496,6570,6571,6572,6574],{},"Вызовите ",[41,6573,1717],{}," с URL-адресами изображений товаров.",[496,6576,6577],{},"Виджет отображается внутри выбранного вами контейнера.",[18,6579,5],{"id":12},[14,6581,6582,6583,6585],{},"Перейдите к руководству ",[26,6584,5],{"href":528},", чтобы начать работу менее чем за 5 минут.",{"title":55,"searchDepth":73,"depth":73,"links":6587},[6588,6589,6590],{"id":6526,"depth":73,"text":6527},{"id":6559,"depth":73,"text":6560},{"id":12,"depth":73,"text":5},"Что такое Fitting Widget и зачем его использовать?",{},"\u002F",{"title":6512,"description":6591},"index","kGT91Bb-Wx88tMoHoRu65KMhDKtcehaBgnLzJYfeCWE",{"id":6598,"title":1744,"body":6599,"description":7474,"extension":524,"icon":2783,"meta":7475,"navigation":527,"path":7476,"seo":7477,"stem":7478,"__hash__":7479},"content\u002Fintegrations\u002Fnextjs.md",{"type":7,"value":6600,"toc":7465},[6601,6605,6613,6617,6625,6634,6870,6874,7202,7206,7442,7446,7451,7463],[10,6602,6604],{"id":6603},"интеграция-с-nextjs","Интеграция с Next.js",[14,6606,6607,6608,6610,6611,155],{},"Fitting Widget работает как с ",[1665,6609,1756],{},", так и с ",[1665,6612,1760],{},[18,6614,6616],{"id":6615},"app-router-рекомендуется","App Router (рекомендуется)",[14,6618,6619,6620,6622,6623,155],{},"Используйте компонент Next.js ",[41,6621,1770],{}," с ",[41,6624,1774],{},[722,6626,6628,6629,6631,6632],{"id":6627},"шаг-1-загрузка-скриптов-в-layouttsx-или-pagetsx","Шаг 1 — Загрузка скриптов в ",[41,6630,1781],{}," или ",[41,6633,1785],{},[50,6635,6636],{"className":1788,"code":1789,"language":1790,"meta":55,"style":55},[41,6637,6638,6654,6658,6690,6696,6700,6708,6712,6718,6730,6742,6754,6758,6762,6768,6780,6792,6796,6802,6806,6810,6814,6818,6838,6842,6848,6856,6860,6866],{"__ignoreMap":55},[59,6639,6640,6642,6644,6646,6648,6650,6652],{"class":61,"line":62},[59,6641,1798],{"class":1797},[59,6643,1801],{"class":151},[59,6645,1804],{"class":1797},[59,6647,274],{"class":65},[59,6649,1809],{"class":86},[59,6651,253],{"class":65},[59,6653,234],{"class":65},[59,6655,6656],{"class":61,"line":73},[59,6657,1818],{"emptyLinePlaceholder":527},[59,6659,6660,6662,6664,6666,6668,6670,6672,6674,6676,6678,6680,6682,6684,6686,6688],{"class":61,"line":93},[59,6661,1823],{"class":1797},[59,6663,1826],{"class":1797},[59,6665,173],{"class":76},[59,6667,1831],{"class":221},[59,6669,1834],{"class":65},[59,6671,1838],{"class":1837},[59,6673,1841],{"class":65},[59,6675,1844],{"class":65},[59,6677,1838],{"class":69},[59,6679,48],{"class":65},[59,6681,1852],{"class":1851},[59,6683,155],{"class":65},[59,6685,1857],{"class":1851},[59,6687,1860],{"class":65},[59,6689,179],{"class":65},[59,6691,6692,6694],{"class":61,"line":108},[59,6693,1867],{"class":1797},[59,6695,1870],{"class":69},[59,6697,6698],{"class":61,"line":242},[59,6699,1875],{"class":65},[59,6701,6702,6704,6706],{"class":61,"line":266},[59,6703,1880],{"class":65},[59,6705,1883],{"class":151},[59,6707,1886],{"class":65},[59,6709,6710],{"class":61,"line":283},[59,6711,1818],{"emptyLinePlaceholder":527},[59,6713,6714,6716],{"class":61,"line":293},[59,6715,1895],{"class":65},[59,6717,1898],{"class":1851},[59,6719,6720,6722,6724,6726,6728],{"class":61,"line":465},[59,6721,1903],{"class":76},[59,6723,80],{"class":65},[59,6725,83],{"class":65},[59,6727,87],{"class":86},[59,6729,90],{"class":65},[59,6731,6732,6734,6736,6738,6740],{"class":61,"line":473},[59,6733,1916],{"class":76},[59,6735,80],{"class":65},[59,6737,83],{"class":65},[59,6739,1923],{"class":86},[59,6741,90],{"class":65},[59,6743,6744,6746,6748,6750,6752],{"class":61,"line":1928},[59,6745,1931],{"class":76},[59,6747,80],{"class":65},[59,6749,83],{"class":65},[59,6751,103],{"class":86},[59,6753,90],{"class":65},[59,6755,6756],{"class":61,"line":1942},[59,6757,1945],{"class":65},[59,6759,6760],{"class":61,"line":1948},[59,6761,1818],{"emptyLinePlaceholder":527},[59,6763,6764,6766],{"class":61,"line":1953},[59,6765,1895],{"class":65},[59,6767,1898],{"class":1851},[59,6769,6770,6772,6774,6776,6778],{"class":61,"line":1960},[59,6771,1916],{"class":76},[59,6773,80],{"class":65},[59,6775,83],{"class":65},[59,6777,1923],{"class":86},[59,6779,90],{"class":65},[59,6781,6782,6784,6786,6788,6790],{"class":61,"line":1973},[59,6783,1931],{"class":76},[59,6785,80],{"class":65},[59,6787,83],{"class":65},[59,6789,142],{"class":86},[59,6791,90],{"class":65},[59,6793,6794],{"class":61,"line":1986},[59,6795,1989],{"class":65},[59,6797,6798,6800],{"class":61,"line":1992},[59,6799,1995],{"class":65},[59,6801,1998],{"class":65},[59,6803,6804],{"class":61,"line":2001},[59,6805,2004],{"class":86},[59,6807,6808],{"class":61,"line":2007},[59,6809,2010],{"class":86},[59,6811,6812],{"class":61,"line":2013},[59,6813,2016],{"class":86},[59,6815,6816],{"class":61,"line":2019},[59,6817,2022],{"class":86},[59,6819,6820,6822,6824,6826,6828,6830,6832,6834,6836],{"class":61,"line":2025},[59,6821,2028],{"class":86},[59,6823,2031],{"class":65},[59,6825,2034],{"class":151},[59,6827,155],{"class":65},[59,6829,2039],{"class":151},[59,6831,155],{"class":65},[59,6833,2044],{"class":151},[59,6835,476],{"class":65},[59,6837,280],{"class":86},[59,6839,6840],{"class":61,"line":2051},[59,6841,2054],{"class":86},[59,6843,6844,6846],{"class":61,"line":2057},[59,6845,2060],{"class":65},[59,6847,1886],{"class":65},[59,6849,6850,6852,6854],{"class":61,"line":2065},[59,6851,2068],{"class":65},[59,6853,1770],{"class":1851},[59,6855,117],{"class":65},[59,6857,6858],{"class":61,"line":2075},[59,6859,2078],{"class":65},[59,6861,6862,6864],{"class":61,"line":2081},[59,6863,2084],{"class":69},[59,6865,234],{"class":65},[59,6867,6868],{"class":61,"line":2089},[59,6869,1886],{"class":65},[722,6871,6873],{"id":6872},"шаг-2-создание-кнопки-виджета","Шаг 2 — Создание кнопки виджета",[50,6875,6877],{"className":1788,"code":6876,"language":1790,"meta":55,"style":55},"'use client';\n\ninterface TryonItem {\n productName: string;\n url: string;\n}\n\ndeclare global {\n interface Window {\n fitting: (command: string, options?: unknown) => void;\n }\n}\n\nexport function TryOnButton({ items }: { items: TryonItem[] }) {\n const handleClick = () => {\n window.fitting('create', {\n targetElementId: 'widget-container',\n model: 'balanced',\n tryonItems: items,\n });\n };\n\n return (\n \u003C>\n \u003Cdiv id=\"widget-container\" style={{ width: '100%', maxWidth: 600, aspectRatio: '3\u002F4' }} \u002F>\n \u003Cbutton onClick={handleClick}>Примерка\u003C\u002Fbutton>\n \u003C\u002F>\n );\n}\n",[41,6878,6879,6889,6893,6901,6911,6921,6925,6929,6937,6945,6975,6979,6983,6987,7015,7029,7049,7063,7077,7087,7095,7099,7103,7109,7113,7165,7188,7192,7198],{"__ignoreMap":55},[59,6880,6881,6883,6885,6887],{"class":61,"line":62},[59,6882,253],{"class":65},[59,6884,2107],{"class":86},[59,6886,253],{"class":65},[59,6888,234],{"class":65},[59,6890,6891],{"class":61,"line":73},[59,6892,1818],{"emptyLinePlaceholder":527},[59,6894,6895,6897,6899],{"class":61,"line":93},[59,6896,2120],{"class":76},[59,6898,2123],{"class":1851},[59,6900,179],{"class":65},[59,6902,6903,6905,6907,6909],{"class":61,"line":108},[59,6904,2130],{"class":69},[59,6906,48],{"class":65},[59,6908,2135],{"class":1851},[59,6910,234],{"class":65},[59,6912,6913,6915,6917,6919],{"class":61,"line":242},[59,6914,2142],{"class":69},[59,6916,48],{"class":65},[59,6918,2135],{"class":1851},[59,6920,234],{"class":65},[59,6922,6923],{"class":61,"line":266},[59,6924,1886],{"class":65},[59,6926,6927],{"class":61,"line":283},[59,6928,1818],{"emptyLinePlaceholder":527},[59,6930,6931,6933,6935],{"class":61,"line":293},[59,6932,2161],{"class":76},[59,6934,2164],{"class":151},[59,6936,2167],{"class":65},[59,6938,6939,6941,6943],{"class":61,"line":465},[59,6940,2172],{"class":76},[59,6942,2175],{"class":1851},[59,6944,179],{"class":65},[59,6946,6947,6949,6951,6953,6955,6957,6959,6961,6963,6965,6967,6969,6971,6973],{"class":61,"line":473},[59,6948,2182],{"class":69},[59,6950,48],{"class":65},[59,6952,2187],{"class":65},[59,6954,2190],{"class":1837},[59,6956,48],{"class":65},[59,6958,2135],{"class":1851},[59,6960,261],{"class":65},[59,6962,2199],{"class":1837},[59,6964,2202],{"class":65},[59,6966,2205],{"class":1851},[59,6968,231],{"class":65},[59,6970,2210],{"class":76},[59,6972,2213],{"class":1851},[59,6974,234],{"class":65},[59,6976,6977],{"class":61,"line":1928},[59,6978,2220],{"class":65},[59,6980,6981],{"class":61,"line":1942},[59,6982,1886],{"class":65},[59,6984,6985],{"class":61,"line":1948},[59,6986,1818],{"emptyLinePlaceholder":527},[59,6988,6989,6991,6993,6995,6997,6999,7001,7003,7005,7007,7009,7011,7013],{"class":61,"line":1953},[59,6990,1823],{"class":1797},[59,6992,173],{"class":76},[59,6994,2237],{"class":221},[59,6996,1834],{"class":65},[59,6998,2242],{"class":1837},[59,7000,1841],{"class":65},[59,7002,1844],{"class":65},[59,7004,2242],{"class":69},[59,7006,48],{"class":65},[59,7008,2123],{"class":1851},[59,7010,2255],{"class":151},[59,7012,2258],{"class":65},[59,7014,179],{"class":65},[59,7016,7017,7019,7021,7023,7025,7027],{"class":61,"line":1960},[59,7018,2265],{"class":76},[59,7020,2268],{"class":151},[59,7022,200],{"class":65},[59,7024,2273],{"class":65},[59,7026,2210],{"class":76},[59,7028,179],{"class":65},[59,7030,7031,7033,7035,7037,7039,7041,7043,7045,7047],{"class":61,"line":1973},[59,7032,2282],{"class":151},[59,7034,155],{"class":65},[59,7036,192],{"class":221},[59,7038,225],{"class":69},[59,7040,253],{"class":65},[59,7042,350],{"class":86},[59,7044,253],{"class":65},[59,7046,261],{"class":65},[59,7048,179],{"class":65},[59,7050,7051,7053,7055,7057,7059,7061],{"class":61,"line":1986},[59,7052,2303],{"class":69},[59,7054,48],{"class":65},[59,7056,274],{"class":65},[59,7058,332],{"class":86},[59,7060,253],{"class":65},[59,7062,394],{"class":65},[59,7064,7065,7067,7069,7071,7073,7075],{"class":61,"line":1992},[59,7066,2318],{"class":69},[59,7068,48],{"class":65},[59,7070,274],{"class":65},[59,7072,406],{"class":86},[59,7074,253],{"class":65},[59,7076,394],{"class":65},[59,7078,7079,7081,7083,7085],{"class":61,"line":2001},[59,7080,2333],{"class":69},[59,7082,48],{"class":65},[59,7084,2242],{"class":151},[59,7086,394],{"class":65},[59,7088,7089,7091,7093],{"class":61,"line":2007},[59,7090,2344],{"class":65},[59,7092,231],{"class":69},[59,7094,234],{"class":65},[59,7096,7097],{"class":61,"line":2013},[59,7098,239],{"class":65},[59,7100,7101],{"class":61,"line":2019},[59,7102,1818],{"emptyLinePlaceholder":527},[59,7104,7105,7107],{"class":61,"line":2025},[59,7106,1867],{"class":1797},[59,7108,1870],{"class":69},[59,7110,7111],{"class":61,"line":2051},[59,7112,1875],{"class":65},[59,7114,7115,7117,7119,7121,7123,7125,7127,7129,7131,7133,7135,7137,7139,7141,7143,7145,7147,7149,7151,7153,7155,7157,7159,7161,7163],{"class":61,"line":2057},[59,7116,1895],{"class":65},[59,7118,323],{"class":69},[59,7120,135],{"class":76},[59,7122,80],{"class":65},[59,7124,83],{"class":65},[59,7126,332],{"class":86},[59,7128,83],{"class":65},[59,7130,2385],{"class":76},[59,7132,2388],{"class":65},[59,7134,2391],{"class":69},[59,7136,48],{"class":65},[59,7138,274],{"class":65},[59,7140,2398],{"class":86},[59,7142,253],{"class":65},[59,7144,261],{"class":65},[59,7146,2405],{"class":69},[59,7148,48],{"class":65},[59,7150,2411],{"class":2410},[59,7152,261],{"class":65},[59,7154,2416],{"class":69},[59,7156,48],{"class":65},[59,7158,274],{"class":65},[59,7160,2423],{"class":86},[59,7162,253],{"class":65},[59,7164,2428],{"class":65},[59,7166,7167,7169,7171,7173,7175,7177,7179,7182,7184,7186],{"class":61,"line":2065},[59,7168,1895],{"class":65},[59,7170,2435],{"class":69},[59,7172,2438],{"class":76},[59,7174,2441],{"class":65},[59,7176,2444],{"class":151},[59,7178,2447],{"class":65},[59,7180,7181],{"class":151},"Примерка",[59,7183,296],{"class":65},[59,7185,2435],{"class":69},[59,7187,117],{"class":65},[59,7189,7190],{"class":61,"line":2075},[59,7191,2078],{"class":65},[59,7193,7194,7196],{"class":61,"line":2081},[59,7195,2084],{"class":69},[59,7197,234],{"class":65},[59,7199,7200],{"class":61,"line":2089},[59,7201,1886],{"class":65},[722,7203,7205],{"id":7204},"шаг-3-использование-на-странице-товара","Шаг 3 — Использование на странице товара",[50,7207,7208],{"className":1788,"code":2477,"language":1790,"meta":55,"style":55},[41,7209,7210,7230,7234,7272,7296,7300,7306,7314,7334,7364,7370,7378,7382,7396,7410,7414,7420,7424,7432,7438],{"__ignoreMap":55},[59,7211,7212,7214,7216,7218,7220,7222,7224,7226,7228],{"class":61,"line":62},[59,7213,1798],{"class":1797},[59,7215,1844],{"class":65},[59,7217,2237],{"class":151},[59,7219,2490],{"class":65},[59,7221,2493],{"class":1797},[59,7223,274],{"class":65},[59,7225,2498],{"class":86},[59,7227,253],{"class":65},[59,7229,234],{"class":65},[59,7231,7232],{"class":61,"line":73},[59,7233,1818],{"emptyLinePlaceholder":527},[59,7235,7236,7238,7240,7242,7244,7246,7248,7250,7252,7254,7256,7258,7260,7262,7264,7266,7268,7270],{"class":61,"line":93},[59,7237,1823],{"class":1797},[59,7239,1826],{"class":1797},[59,7241,2515],{"class":76},[59,7243,173],{"class":76},[59,7245,2520],{"class":221},[59,7247,1834],{"class":65},[59,7249,2525],{"class":1837},[59,7251,1841],{"class":65},[59,7253,1844],{"class":65},[59,7255,2525],{"class":69},[59,7257,48],{"class":65},[59,7259,1844],{"class":65},[59,7261,2538],{"class":69},[59,7263,48],{"class":65},[59,7265,2135],{"class":1851},[59,7267,2490],{"class":65},[59,7269,1860],{"class":65},[59,7271,179],{"class":65},[59,7273,7274,7276,7278,7280,7282,7284,7286,7288,7290,7292,7294],{"class":61,"line":108},[59,7275,2265],{"class":76},[59,7277,2555],{"class":151},[59,7279,200],{"class":65},[59,7281,2560],{"class":1797},[59,7283,2563],{"class":221},[59,7285,225],{"class":69},[59,7287,2568],{"class":151},[59,7289,155],{"class":65},[59,7291,2573],{"class":151},[59,7293,231],{"class":69},[59,7295,234],{"class":65},[59,7297,7298],{"class":61,"line":242},[59,7299,1818],{"emptyLinePlaceholder":527},[59,7301,7302,7304],{"class":61,"line":266},[59,7303,1867],{"class":1797},[59,7305,1870],{"class":69},[59,7307,7308,7310,7312],{"class":61,"line":283},[59,7309,2592],{"class":65},[59,7311,323],{"class":69},[59,7313,117],{"class":65},[59,7315,7316,7318,7320,7322,7324,7326,7328,7330,7332],{"class":61,"line":293},[59,7317,1895],{"class":65},[59,7319,10],{"class":69},[59,7321,2605],{"class":65},[59,7323,2608],{"class":151},[59,7325,155],{"class":65},[59,7327,2613],{"class":151},[59,7329,2616],{"class":65},[59,7331,10],{"class":69},[59,7333,117],{"class":65},[59,7335,7336,7338,7340,7342,7344,7346,7348,7350,7352,7354,7356,7358,7360,7362],{"class":61,"line":465},[59,7337,1895],{"class":65},[59,7339,2627],{"class":69},[59,7341,2630],{"class":76},[59,7343,2441],{"class":65},[59,7345,2608],{"class":151},[59,7347,155],{"class":65},[59,7349,2639],{"class":151},[59,7351,2642],{"class":65},[59,7353,2645],{"class":76},[59,7355,2441],{"class":65},[59,7357,2608],{"class":151},[59,7359,155],{"class":65},[59,7361,2613],{"class":151},[59,7363,2656],{"class":65},[59,7365,7366,7368],{"class":61,"line":473},[59,7367,1895],{"class":65},[59,7369,2663],{"class":1851},[59,7371,7372,7374,7376],{"class":61,"line":1928},[59,7373,2668],{"class":76},[59,7375,2441],{"class":65},[59,7377,2673],{"class":151},[59,7379,7380],{"class":61,"line":1942},[59,7381,2678],{"class":65},[59,7383,7384,7386,7388,7390,7392,7394],{"class":61,"line":1948},[59,7385,2683],{"class":69},[59,7387,48],{"class":65},[59,7389,2555],{"class":151},[59,7391,155],{"class":65},[59,7393,2613],{"class":151},[59,7395,394],{"class":65},[59,7397,7398,7400,7402,7404,7406,7408],{"class":61,"line":1953},[59,7399,2698],{"class":69},[59,7401,48],{"class":65},[59,7403,2555],{"class":151},[59,7405,155],{"class":65},[59,7407,2639],{"class":151},[59,7409,394],{"class":65},[59,7411,7412],{"class":61,"line":1960},[59,7413,2713],{"class":65},[59,7415,7416,7418],{"class":61,"line":1973},[59,7417,2718],{"class":151},[59,7419,1886],{"class":65},[59,7421,7422],{"class":61,"line":1986},[59,7423,1945],{"class":65},[59,7425,7426,7428,7430],{"class":61,"line":1992},[59,7427,2729],{"class":65},[59,7429,323],{"class":69},[59,7431,117],{"class":65},[59,7433,7434,7436],{"class":61,"line":2001},[59,7435,2084],{"class":69},[59,7437,234],{"class":65},[59,7439,7440],{"class":61,"line":2007},[59,7441,1886],{"class":65},[18,7443,7445],{"id":7444},"переменная-окружения","Переменная окружения",[14,7447,7448,7449,48],{},"Добавьте ваш API-ключ в ",[41,7450,2753],{},[50,7452,7453],{"className":2756,"code":2757,"language":2758,"meta":55,"style":55},[41,7454,7455],{"__ignoreMap":55},[59,7456,7457,7459,7461],{"class":61,"line":62},[59,7458,2044],{"class":151},[59,7460,80],{"class":65},[59,7462,2769],{"class":86},[511,7464,2772],{},{"title":55,"searchDepth":73,"depth":73,"links":7466},[7467,7473],{"id":6615,"depth":73,"text":6616,"children":7468},[7469,7471,7472],{"id":6627,"depth":93,"text":7470},"Шаг 1 — Загрузка скриптов в layout.tsx или page.tsx",{"id":6872,"depth":93,"text":6873},{"id":7204,"depth":93,"text":7205},{"id":7444,"depth":73,"text":7445},"Интеграция с Next.js (Pages Router и App Router)",{},"\u002Fintegrations\u002Fnextjs",{"title":1744,"description":7474},"integrations\u002Fnextjs","KS6JTPT1XrolEU5h4YdImeGYebYne3YB0eM4G4u-UlY",{"id":7481,"title":2791,"body":7482,"description":8295,"extension":524,"icon":3692,"meta":8296,"navigation":527,"path":8297,"seo":8298,"stem":8299,"__hash__":8300},"content\u002Fintegrations\u002Fnuxt.md",{"type":7,"value":7483,"toc":8285},[7484,7488,7491,7495,7503,7509,7791,7797,7973,7977,8264,8266,8271,8283],[10,7485,7487],{"id":7486},"интеграция-с-nuxt","Интеграция с Nuxt",[14,7489,7490],{},"Fitting Widget легко интегрируется с Nuxt 3 и Nuxt 4.",[18,7492,7494],{"id":7493},"_1-загрузка-скрипта","1. Загрузка скрипта",[14,7496,7497,7498,7500,7501,155],{},"Используйте composable ",[41,7499,2810],{}," или добавьте скрипты в ",[41,7502,2814],{},[722,7504,7506,7507],{"id":7505},"вариант-а-на-страницу-через-usehead","Вариант А — На страницу через ",[41,7508,2810],{},[50,7510,7511],{"className":2823,"code":2824,"language":2825,"meta":55,"style":55},[41,7512,7513,7517,7525,7533,7549,7577,7585,7593,7597,7617,7635,7639,7647,7655,7659,7673,7687,7691,7695,7709,7717,7721,7725,7729,7733,7757,7761,7767,7771,7777,7783],{"__ignoreMap":55},[59,7514,7515],{"class":61,"line":62},[59,7516,2833],{"class":2832},[59,7518,7519,7521,7523],{"class":61,"line":73},[59,7520,66],{"class":65},[59,7522,2840],{"class":69},[59,7524,117],{"class":65},[59,7526,7527,7529,7531],{"class":61,"line":93},[59,7528,2847],{"class":65},[59,7530,323],{"class":69},[59,7532,117],{"class":65},[59,7534,7535,7537,7539,7541,7543,7545,7547],{"class":61,"line":108},[59,7536,2592],{"class":65},[59,7538,10],{"class":69},[59,7540,2860],{"class":65},[59,7542,2863],{"class":151},[59,7544,296],{"class":65},[59,7546,10],{"class":69},[59,7548,117],{"class":65},[59,7550,7551,7553,7555,7557,7559,7561,7563,7565,7567,7569,7571,7573,7575],{"class":61,"line":242},[59,7552,2592],{"class":65},[59,7554,2876],{"class":69},[59,7556,2879],{"class":76},[59,7558,80],{"class":65},[59,7560,83],{"class":65},[59,7562,2886],{"class":86},[59,7564,83],{"class":65},[59,7566,2891],{"class":76},[59,7568,80],{"class":65},[59,7570,83],{"class":65},[59,7572,2898],{"class":86},[59,7574,83],{"class":65},[59,7576,2903],{"class":65},[59,7578,7579,7581,7583],{"class":61,"line":266},[59,7580,2908],{"class":65},[59,7582,323],{"class":69},[59,7584,117],{"class":65},[59,7586,7587,7589,7591],{"class":61,"line":283},[59,7588,296],{"class":65},[59,7590,2840],{"class":69},[59,7592,117],{"class":65},[59,7594,7595],{"class":61,"line":293},[59,7596,1818],{"emptyLinePlaceholder":527},[59,7598,7599,7601,7603,7605,7607,7609,7611,7613,7615],{"class":61,"line":465},[59,7600,66],{"class":65},[59,7602,114],{"class":69},[59,7604,2933],{"class":76},[59,7606,2936],{"class":76},[59,7608,80],{"class":65},[59,7610,83],{"class":65},[59,7612,2943],{"class":86},[59,7614,83],{"class":65},[59,7616,117],{"class":65},[59,7618,7619,7621,7623,7625,7627,7629,7631,7633],{"class":61,"line":473},[59,7620,1798],{"class":1797},[59,7622,1844],{"class":65},[59,7624,2956],{"class":151},[59,7626,2490],{"class":65},[59,7628,2493],{"class":1797},[59,7630,274],{"class":65},[59,7632,2965],{"class":86},[59,7634,280],{"class":65},[59,7636,7637],{"class":61,"line":1928},[59,7638,1818],{"emptyLinePlaceholder":527},[59,7640,7641,7643,7645],{"class":61,"line":1942},[59,7642,2810],{"class":221},[59,7644,225],{"class":151},[59,7646,2167],{"class":65},[59,7648,7649,7651,7653],{"class":61,"line":1948},[59,7650,2984],{"class":69},[59,7652,48],{"class":65},[59,7654,420],{"class":151},[59,7656,7657],{"class":61,"line":1953},[59,7658,425],{"class":65},[59,7660,7661,7663,7665,7667,7669,7671],{"class":61,"line":1960},[59,7662,2997],{"class":69},[59,7664,48],{"class":65},[59,7666,274],{"class":65},[59,7668,87],{"class":86},[59,7670,253],{"class":65},[59,7672,394],{"class":65},[59,7674,7675,7677,7679,7681,7683,7685],{"class":61,"line":1973},[59,7676,3012],{"class":69},[59,7678,48],{"class":65},[59,7680,274],{"class":65},[59,7682,103],{"class":86},[59,7684,253],{"class":65},[59,7686,394],{"class":65},[59,7688,7689],{"class":61,"line":1986},[59,7690,462],{"class":65},[59,7692,7693],{"class":61,"line":1992},[59,7694,425],{"class":65},[59,7696,7697,7699,7701,7703,7705,7707],{"class":61,"line":2001},[59,7698,3012],{"class":69},[59,7700,48],{"class":65},[59,7702,274],{"class":65},[59,7704,142],{"class":86},[59,7706,253],{"class":65},[59,7708,394],{"class":65},[59,7710,7711,7713,7715],{"class":61,"line":2007},[59,7712,3049],{"class":69},[59,7714,48],{"class":65},[59,7716,3054],{"class":65},[59,7718,7719],{"class":61,"line":2013},[59,7720,3059],{"class":86},[59,7722,7723],{"class":61,"line":2019},[59,7724,3064],{"class":86},[59,7726,7727],{"class":61,"line":2025},[59,7728,3069],{"class":86},[59,7730,7731],{"class":61,"line":2051},[59,7732,3074],{"class":86},[59,7734,7735,7737,7739,7741,7743,7745,7747,7749,7751,7753,7755],{"class":61,"line":2057},[59,7736,3079],{"class":86},[59,7738,2031],{"class":65},[59,7740,1798],{"class":1797},[59,7742,155],{"class":65},[59,7744,3088],{"class":151},[59,7746,155],{"class":65},[59,7748,2039],{"class":151},[59,7750,155],{"class":65},[59,7752,3097],{"class":151},[59,7754,476],{"class":65},[59,7756,280],{"class":86},[59,7758,7759],{"class":61,"line":2065},[59,7760,3106],{"class":86},[59,7762,7763,7765],{"class":61,"line":2075},[59,7764,3111],{"class":65},[59,7766,394],{"class":65},[59,7768,7769],{"class":61,"line":2081},[59,7770,462],{"class":65},[59,7772,7773,7775],{"class":61,"line":2089},[59,7774,468],{"class":151},[59,7776,394],{"class":65},[59,7778,7779,7781],{"class":61,"line":3126},[59,7780,476],{"class":65},[59,7782,3131],{"class":151},[59,7784,7785,7787,7789],{"class":61,"line":3134},[59,7786,296],{"class":65},[59,7788,114],{"class":69},[59,7790,117],{"class":65},[722,7792,7794,7795],{"id":7793},"вариант-б-глобально-в-nuxtconfigts","Вариант Б — Глобально в ",[41,7796,2814],{},[50,7798,7799],{"className":3149,"code":3150,"language":2943,"meta":55,"style":55},[41,7800,7801,7813,7821,7829,7837,7841,7855,7869,7873,7877,7891,7899,7903,7907,7911,7915,7939,7943,7949,7953,7959,7963,7967],{"__ignoreMap":55},[59,7802,7803,7805,7807,7809,7811],{"class":61,"line":62},[59,7804,1823],{"class":1797},[59,7806,1826],{"class":1797},[59,7808,3161],{"class":221},[59,7810,225],{"class":151},[59,7812,2167],{"class":65},[59,7814,7815,7817,7819],{"class":61,"line":73},[59,7816,3170],{"class":69},[59,7818,48],{"class":65},[59,7820,179],{"class":65},[59,7822,7823,7825,7827],{"class":61,"line":93},[59,7824,3179],{"class":69},[59,7826,48],{"class":65},[59,7828,179],{"class":65},[59,7830,7831,7833,7835],{"class":61,"line":108},[59,7832,3188],{"class":69},[59,7834,48],{"class":65},[59,7836,420],{"class":151},[59,7838,7839],{"class":61,"line":242},[59,7840,3197],{"class":65},[59,7842,7843,7845,7847,7849,7851,7853],{"class":61,"line":266},[59,7844,3202],{"class":69},[59,7846,48],{"class":65},[59,7848,274],{"class":65},[59,7850,87],{"class":86},[59,7852,253],{"class":65},[59,7854,394],{"class":65},[59,7856,7857,7859,7861,7863,7865,7867],{"class":61,"line":283},[59,7858,3217],{"class":69},[59,7860,48],{"class":65},[59,7862,274],{"class":65},[59,7864,103],{"class":86},[59,7866,253],{"class":65},[59,7868,394],{"class":65},[59,7870,7871],{"class":61,"line":293},[59,7872,3232],{"class":65},[59,7874,7875],{"class":61,"line":465},[59,7876,3197],{"class":65},[59,7878,7879,7881,7883,7885,7887,7889],{"class":61,"line":473},[59,7880,3217],{"class":69},[59,7882,48],{"class":65},[59,7884,274],{"class":65},[59,7886,142],{"class":86},[59,7888,253],{"class":65},[59,7890,394],{"class":65},[59,7892,7893,7895,7897],{"class":61,"line":1928},[59,7894,3255],{"class":69},[59,7896,48],{"class":65},[59,7898,3054],{"class":65},[59,7900,7901],{"class":61,"line":1942},[59,7902,3264],{"class":86},[59,7904,7905],{"class":61,"line":1948},[59,7906,3269],{"class":86},[59,7908,7909],{"class":61,"line":1953},[59,7910,3274],{"class":86},[59,7912,7913],{"class":61,"line":1960},[59,7914,3279],{"class":86},[59,7916,7917,7919,7921,7923,7925,7927,7929,7931,7933,7935,7937],{"class":61,"line":1973},[59,7918,3284],{"class":86},[59,7920,2031],{"class":65},[59,7922,1798],{"class":1797},[59,7924,155],{"class":65},[59,7926,3088],{"class":151},[59,7928,155],{"class":65},[59,7930,2039],{"class":151},[59,7932,155],{"class":65},[59,7934,3097],{"class":151},[59,7936,476],{"class":65},[59,7938,280],{"class":86},[59,7940,7941],{"class":61,"line":1986},[59,7942,3309],{"class":86},[59,7944,7945,7947],{"class":61,"line":1992},[59,7946,3314],{"class":65},[59,7948,394],{"class":65},[59,7950,7951],{"class":61,"line":2001},[59,7952,3232],{"class":65},[59,7954,7955,7957],{"class":61,"line":2007},[59,7956,3325],{"class":151},[59,7958,394],{"class":65},[59,7960,7961],{"class":61,"line":2013},[59,7962,462],{"class":65},[59,7964,7965],{"class":61,"line":2019},[59,7966,3336],{"class":65},[59,7968,7969,7971],{"class":61,"line":2025},[59,7970,476],{"class":65},[59,7972,3131],{"class":151},[18,7974,7976],{"id":7975},"_2-создание-компонента-обёртки","2. Создание компонента-обёртки",[50,7978,7980],{"className":2823,"code":7979,"language":2825,"meta":55,"style":55},"\u003C!-- components\u002FTryOnWidget.vue -->\n\u003Ctemplate>\n \u003Cdiv>\n \u003Cdiv id=\"widget-container\" class=\"aspect-[3\u002F4] w-full max-w-[600px]\" \u002F>\n \u003Cbutton @click=\"handleTryOn\">Примерка\u003C\u002Fbutton>\n \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup lang=\"ts\">\nconst props = defineProps\u003C{\n productName: string\n imageUrl: string\n}>()\n\nconst handleTryOn = () => {\n window.fitting('create', {\n targetElementId: 'widget-container',\n model: 'balanced',\n tryonItems: [\n {\n productName: props.productName,\n url: props.imageUrl,\n },\n ],\n })\n}\n\u003C\u002Fscript>\n",[41,7981,7982,7986,7994,8002,8030,8056,8064,8072,8076,8096,8108,8116,8124,8130,8134,8148,8168,8182,8196,8204,8208,8222,8236,8240,8246,8252,8256],{"__ignoreMap":55},[59,7983,7984],{"class":61,"line":62},[59,7985,3356],{"class":2832},[59,7987,7988,7990,7992],{"class":61,"line":73},[59,7989,66],{"class":65},[59,7991,2840],{"class":69},[59,7993,117],{"class":65},[59,7995,7996,7998,8000],{"class":61,"line":93},[59,7997,2847],{"class":65},[59,7999,323],{"class":69},[59,8001,117],{"class":65},[59,8003,8004,8006,8008,8010,8012,8014,8016,8018,8020,8022,8024,8026,8028],{"class":61,"line":108},[59,8005,2592],{"class":65},[59,8007,323],{"class":69},[59,8009,135],{"class":76},[59,8011,80],{"class":65},[59,8013,83],{"class":65},[59,8015,332],{"class":86},[59,8017,83],{"class":65},[59,8019,3391],{"class":76},[59,8021,80],{"class":65},[59,8023,83],{"class":65},[59,8025,3398],{"class":86},[59,8027,83],{"class":65},[59,8029,2903],{"class":65},[59,8031,8032,8034,8036,8038,8040,8042,8044,8046,8048,8050,8052,8054],{"class":61,"line":242},[59,8033,2592],{"class":65},[59,8035,2435],{"class":69},[59,8037,3411],{"class":76},[59,8039,80],{"class":65},[59,8041,83],{"class":65},[59,8043,3418],{"class":86},[59,8045,83],{"class":65},[59,8047,2860],{"class":65},[59,8049,7181],{"class":151},[59,8051,296],{"class":65},[59,8053,2435],{"class":69},[59,8055,117],{"class":65},[59,8057,8058,8060,8062],{"class":61,"line":266},[59,8059,2908],{"class":65},[59,8061,323],{"class":69},[59,8063,117],{"class":65},[59,8065,8066,8068,8070],{"class":61,"line":283},[59,8067,296],{"class":65},[59,8069,2840],{"class":69},[59,8071,117],{"class":65},[59,8073,8074],{"class":61,"line":293},[59,8075,1818],{"emptyLinePlaceholder":527},[59,8077,8078,8080,8082,8084,8086,8088,8090,8092,8094],{"class":61,"line":465},[59,8079,66],{"class":65},[59,8081,114],{"class":69},[59,8083,2933],{"class":76},[59,8085,2936],{"class":76},[59,8087,80],{"class":65},[59,8089,83],{"class":65},[59,8091,2943],{"class":86},[59,8093,83],{"class":65},[59,8095,117],{"class":65},[59,8097,8098,8100,8102,8104,8106],{"class":61,"line":473},[59,8099,3475],{"class":76},[59,8101,3478],{"class":151},[59,8103,80],{"class":65},[59,8105,3483],{"class":221},[59,8107,3486],{"class":65},[59,8109,8110,8112,8114],{"class":61,"line":1928},[59,8111,2130],{"class":69},[59,8113,48],{"class":65},[59,8115,3495],{"class":1851},[59,8117,8118,8120,8122],{"class":61,"line":1942},[59,8119,3500],{"class":69},[59,8121,48],{"class":65},[59,8123,3495],{"class":1851},[59,8125,8126,8128],{"class":61,"line":1948},[59,8127,2447],{"class":65},[59,8129,3511],{"class":151},[59,8131,8132],{"class":61,"line":1953},[59,8133,1818],{"emptyLinePlaceholder":527},[59,8135,8136,8138,8140,8142,8144,8146],{"class":61,"line":1960},[59,8137,3475],{"class":76},[59,8139,3522],{"class":151},[59,8141,80],{"class":65},[59,8143,2273],{"class":65},[59,8145,2210],{"class":76},[59,8147,179],{"class":65},[59,8149,8150,8152,8154,8156,8158,8160,8162,8164,8166],{"class":61,"line":1973},[59,8151,152],{"class":151},[59,8153,155],{"class":65},[59,8155,192],{"class":221},[59,8157,225],{"class":69},[59,8159,253],{"class":65},[59,8161,350],{"class":86},[59,8163,253],{"class":65},[59,8165,261],{"class":65},[59,8167,179],{"class":65},[59,8169,8170,8172,8174,8176,8178,8180],{"class":61,"line":1986},[59,8171,3555],{"class":69},[59,8173,48],{"class":65},[59,8175,274],{"class":65},[59,8177,332],{"class":86},[59,8179,253],{"class":65},[59,8181,394],{"class":65},[59,8183,8184,8186,8188,8190,8192,8194],{"class":61,"line":1992},[59,8185,3570],{"class":69},[59,8187,48],{"class":65},[59,8189,274],{"class":65},[59,8191,406],{"class":86},[59,8193,253],{"class":65},[59,8195,394],{"class":65},[59,8197,8198,8200,8202],{"class":61,"line":2001},[59,8199,3585],{"class":69},[59,8201,48],{"class":65},[59,8203,420],{"class":69},[59,8205,8206],{"class":61,"line":2007},[59,8207,3594],{"class":65},[59,8209,8210,8212,8214,8216,8218,8220],{"class":61,"line":2013},[59,8211,3599],{"class":69},[59,8213,48],{"class":65},[59,8215,3604],{"class":151},[59,8217,155],{"class":65},[59,8219,747],{"class":151},[59,8221,394],{"class":65},[59,8223,8224,8226,8228,8230,8232,8234],{"class":61,"line":2019},[59,8225,3615],{"class":69},[59,8227,48],{"class":65},[59,8229,3604],{"class":151},[59,8231,155],{"class":65},[59,8233,3624],{"class":151},[59,8235,394],{"class":65},[59,8237,8238],{"class":61,"line":2025},[59,8239,3631],{"class":65},[59,8241,8242,8244],{"class":61,"line":2051},[59,8243,3636],{"class":69},[59,8245,394],{"class":65},[59,8247,8248,8250],{"class":61,"line":2057},[59,8249,286],{"class":65},[59,8251,3131],{"class":69},[59,8253,8254],{"class":61,"line":2065},[59,8255,1886],{"class":65},[59,8257,8258,8260,8262],{"class":61,"line":2075},[59,8259,296],{"class":65},[59,8261,114],{"class":69},[59,8263,117],{"class":65},[18,8265,7445],{"id":7444},[14,8267,8268,8269,48],{},"Добавьте в ",[41,8270,3664],{},[50,8272,8273],{"className":2756,"code":3667,"language":2758,"meta":55,"style":55},[41,8274,8275],{"__ignoreMap":55},[59,8276,8277,8279,8281],{"class":61,"line":62},[59,8278,3097],{"class":151},[59,8280,80],{"class":65},[59,8282,2769],{"class":86},[511,8284,3680],{},{"title":55,"searchDepth":73,"depth":73,"links":8286},[8287,8293,8294],{"id":7493,"depth":73,"text":7494,"children":8288},[8289,8291],{"id":7505,"depth":93,"text":8290},"Вариант А — На страницу через useHead",{"id":7793,"depth":93,"text":8292},"Вариант Б — Глобально в nuxt.config.ts",{"id":7975,"depth":73,"text":7976},{"id":7444,"depth":73,"text":7445},"Интеграция с Nuxt 3 \u002F Nuxt 4 приложением",{},"\u002Fintegrations\u002Fnuxt",{"title":2791,"description":8295},"integrations\u002Fnuxt","mSERafXf_JPUG4rn6ZlSU_qJnLNa0suHinF4LwLrASI",{"id":8302,"title":3700,"body":8303,"description":9144,"extension":524,"icon":4586,"meta":9145,"navigation":527,"path":9146,"seo":9147,"stem":9148,"__hash__":9149},"content\u002Fintegrations\u002Freact.md",{"type":7,"value":8304,"toc":9139},[8305,8309,8312,8316,8321,8505,8513,8517,8823,8827,9137],[10,8306,8308],{"id":8307},"интеграция-с-react","Интеграция с React",[14,8310,8311],{},"Работает с любым React-окружением — Vite, Create React App или своим решением.",[18,8313,8315],{"id":8314},"_1-загрузка-скрипта-виджета","1. Загрузка скрипта виджета",[14,8317,8318,8319,48],{},"Добавьте скрипт в ваш ",[41,8320,3719],{},[50,8322,8324],{"className":52,"code":8323,"language":54,"meta":55,"style":55},"\u003C!-- В public\u002Findex.html или index.html (Vite) -->\n\u003Cscript\n src=\"https:\u002F\u002Fwidget.try-on.ru\u002Ffitting-widget-bundle.js\"\n id=\"fitting-widget-bundle\"\n>\u003C\u002Fscript>\n\u003Cscript id=\"fitting-init\">\n window.fitting = window.fitting || function() {\n (window.fitting.q = window.fitting.q || []).push(arguments);\n };\n window.fitting('init', {\n apiKey: '%VITE_TRY_ON_API_KEY%'\n });\n\u003C\u002Fscript>\n",[41,8325,8326,8331,8337,8349,8361,8369,8387,8411,8453,8457,8477,8489,8497],{"__ignoreMap":55},[59,8327,8328],{"class":61,"line":62},[59,8329,8330],{"class":2832},"\u003C!-- В public\u002Findex.html или index.html (Vite) -->\n",[59,8332,8333,8335],{"class":61,"line":73},[59,8334,66],{"class":65},[59,8336,70],{"class":69},[59,8338,8339,8341,8343,8345,8347],{"class":61,"line":93},[59,8340,77],{"class":76},[59,8342,80],{"class":65},[59,8344,83],{"class":65},[59,8346,87],{"class":86},[59,8348,90],{"class":65},[59,8350,8351,8353,8355,8357,8359],{"class":61,"line":108},[59,8352,96],{"class":76},[59,8354,80],{"class":65},[59,8356,83],{"class":65},[59,8358,103],{"class":86},[59,8360,90],{"class":65},[59,8362,8363,8365,8367],{"class":61,"line":242},[59,8364,111],{"class":65},[59,8366,114],{"class":69},[59,8368,117],{"class":65},[59,8370,8371,8373,8375,8377,8379,8381,8383,8385],{"class":61,"line":266},[59,8372,66],{"class":65},[59,8374,114],{"class":69},[59,8376,135],{"class":76},[59,8378,80],{"class":65},[59,8380,83],{"class":65},[59,8382,142],{"class":86},[59,8384,83],{"class":65},[59,8386,117],{"class":65},[59,8388,8389,8391,8393,8395,8397,8399,8401,8403,8405,8407,8409],{"class":61,"line":283},[59,8390,152],{"class":151},[59,8392,155],{"class":65},[59,8394,158],{"class":151},[59,8396,80],{"class":65},[59,8398,163],{"class":151},[59,8400,155],{"class":65},[59,8402,158],{"class":151},[59,8404,170],{"class":65},[59,8406,173],{"class":76},[59,8408,176],{"class":65},[59,8410,179],{"class":65},[59,8412,8413,8415,8417,8419,8421,8423,8425,8427,8429,8431,8433,8435,8437,8439,8441,8443,8445,8447,8449,8451],{"class":61,"line":293},[59,8414,184],{"class":69},[59,8416,187],{"class":151},[59,8418,155],{"class":65},[59,8420,192],{"class":151},[59,8422,155],{"class":65},[59,8424,197],{"class":151},[59,8426,200],{"class":65},[59,8428,163],{"class":151},[59,8430,155],{"class":65},[59,8432,192],{"class":151},[59,8434,155],{"class":65},[59,8436,197],{"class":151},[59,8438,213],{"class":65},[59,8440,216],{"class":69},[59,8442,155],{"class":65},[59,8444,222],{"class":221},[59,8446,225],{"class":69},[59,8448,228],{"class":151},[59,8450,231],{"class":69},[59,8452,234],{"class":65},[59,8454,8455],{"class":61,"line":465},[59,8456,239],{"class":65},[59,8458,8459,8461,8463,8465,8467,8469,8471,8473,8475],{"class":61,"line":473},[59,8460,152],{"class":151},[59,8462,155],{"class":65},[59,8464,192],{"class":221},[59,8466,225],{"class":151},[59,8468,253],{"class":65},[59,8470,256],{"class":86},[59,8472,253],{"class":65},[59,8474,261],{"class":65},[59,8476,179],{"class":65},[59,8478,8479,8481,8483,8485,8487],{"class":61,"line":1928},[59,8480,269],{"class":69},[59,8482,48],{"class":65},[59,8484,274],{"class":65},[59,8486,3886],{"class":86},[59,8488,280],{"class":65},[59,8490,8491,8493,8495],{"class":61,"line":1942},[59,8492,286],{"class":65},[59,8494,231],{"class":151},[59,8496,234],{"class":65},[59,8498,8499,8501,8503],{"class":61,"line":1948},[59,8500,296],{"class":65},[59,8502,114],{"class":69},[59,8504,117],{"class":65},[3906,8506,8507],{"icon":3908},[14,8508,8509,8510,8512],{},"Замените ",[41,8511,3886],{}," на ваш реальный ключ во время сборки, или используйте инъекцию во время выполнения.",[18,8514,8516],{"id":8515},"_2-создайте-свой-хук","2. Создайте свой хук",[50,8518,8519],{"className":1788,"code":3921,"language":1790,"meta":55,"style":55},[41,8520,8521,8525,8533,8543,8553,8563,8567,8571,8579,8589,8619,8631,8635,8639,8647,8655,8685,8689,8693,8697,8709,8731,8755,8759,8763,8777,8797,8801,8805,8819],{"__ignoreMap":55},[59,8522,8523],{"class":61,"line":62},[59,8524,3928],{"class":2832},[59,8526,8527,8529,8531],{"class":61,"line":73},[59,8528,2120],{"class":76},[59,8530,2123],{"class":1851},[59,8532,179],{"class":65},[59,8534,8535,8537,8539,8541],{"class":61,"line":93},[59,8536,2130],{"class":69},[59,8538,48],{"class":65},[59,8540,2135],{"class":1851},[59,8542,234],{"class":65},[59,8544,8545,8547,8549,8551],{"class":61,"line":108},[59,8546,2142],{"class":69},[59,8548,48],{"class":65},[59,8550,2135],{"class":1851},[59,8552,234],{"class":65},[59,8554,8555,8557,8559,8561],{"class":61,"line":242},[59,8556,3961],{"class":69},[59,8558,2202],{"class":65},[59,8560,2135],{"class":1851},[59,8562,234],{"class":65},[59,8564,8565],{"class":61,"line":266},[59,8566,1886],{"class":65},[59,8568,8569],{"class":61,"line":283},[59,8570,1818],{"emptyLinePlaceholder":527},[59,8572,8573,8575,8577],{"class":61,"line":293},[59,8574,2120],{"class":76},[59,8576,3982],{"class":1851},[59,8578,179],{"class":65},[59,8580,8581,8583,8585,8587],{"class":61,"line":465},[59,8582,383],{"class":69},[59,8584,48],{"class":65},[59,8586,2135],{"class":1851},[59,8588,234],{"class":65},[59,8590,8591,8593,8595,8597,8599,8601,8603,8605,8607,8609,8611,8613,8615,8617],{"class":61,"line":473},[59,8592,399],{"class":69},[59,8594,2202],{"class":65},[59,8596,274],{"class":65},[59,8598,406],{"class":86},[59,8600,253],{"class":65},[59,8602,4009],{"class":65},[59,8604,274],{"class":65},[59,8606,4014],{"class":86},[59,8608,253],{"class":65},[59,8610,4009],{"class":65},[59,8612,274],{"class":65},[59,8614,4023],{"class":86},[59,8616,253],{"class":65},[59,8618,234],{"class":65},[59,8620,8621,8623,8625,8627,8629],{"class":61,"line":1928},[59,8622,415],{"class":69},[59,8624,48],{"class":65},[59,8626,2123],{"class":1851},[59,8628,4038],{"class":151},[59,8630,234],{"class":65},[59,8632,8633],{"class":61,"line":1942},[59,8634,1886],{"class":65},[59,8636,8637],{"class":61,"line":1948},[59,8638,1818],{"emptyLinePlaceholder":527},[59,8640,8641,8643,8645],{"class":61,"line":1953},[59,8642,2161],{"class":76},[59,8644,2164],{"class":151},[59,8646,2167],{"class":65},[59,8648,8649,8651,8653],{"class":61,"line":1960},[59,8650,2172],{"class":76},[59,8652,2175],{"class":1851},[59,8654,179],{"class":65},[59,8656,8657,8659,8661,8663,8665,8667,8669,8671,8673,8675,8677,8679,8681,8683],{"class":61,"line":1973},[59,8658,2182],{"class":69},[59,8660,48],{"class":65},[59,8662,2187],{"class":65},[59,8664,2190],{"class":1837},[59,8666,48],{"class":65},[59,8668,2135],{"class":1851},[59,8670,261],{"class":65},[59,8672,2199],{"class":1837},[59,8674,2202],{"class":65},[59,8676,2205],{"class":1851},[59,8678,231],{"class":65},[59,8680,2210],{"class":76},[59,8682,2213],{"class":1851},[59,8684,234],{"class":65},[59,8686,8687],{"class":61,"line":1986},[59,8688,2220],{"class":65},[59,8690,8691],{"class":61,"line":1992},[59,8692,1886],{"class":65},[59,8694,8695],{"class":61,"line":2001},[59,8696,1818],{"emptyLinePlaceholder":527},[59,8698,8699,8701,8703,8705,8707],{"class":61,"line":2007},[59,8700,1823],{"class":1797},[59,8702,173],{"class":76},[59,8704,4115],{"class":221},[59,8706,176],{"class":65},[59,8708,179],{"class":65},[59,8710,8711,8713,8715,8717,8719,8721,8723,8725,8727,8729],{"class":61,"line":2013},[59,8712,2265],{"class":76},[59,8714,4126],{"class":151},[59,8716,200],{"class":65},[59,8718,2187],{"class":65},[59,8720,4133],{"class":1837},[59,8722,48],{"class":65},[59,8724,3982],{"class":1851},[59,8726,231],{"class":65},[59,8728,2210],{"class":76},[59,8730,179],{"class":65},[59,8732,8733,8735,8737,8739,8741,8743,8745,8747,8749,8751,8753],{"class":61,"line":2019},[59,8734,2282],{"class":151},[59,8736,155],{"class":65},[59,8738,192],{"class":221},[59,8740,225],{"class":69},[59,8742,253],{"class":65},[59,8744,350],{"class":86},[59,8746,253],{"class":65},[59,8748,261],{"class":65},[59,8750,2199],{"class":151},[59,8752,231],{"class":69},[59,8754,234],{"class":65},[59,8756,8757],{"class":61,"line":2025},[59,8758,239],{"class":65},[59,8760,8761],{"class":61,"line":2051},[59,8762,1818],{"emptyLinePlaceholder":527},[59,8764,8765,8767,8769,8771,8773,8775],{"class":61,"line":2057},[59,8766,2265],{"class":76},[59,8768,4182],{"class":151},[59,8770,200],{"class":65},[59,8772,2273],{"class":65},[59,8774,2210],{"class":76},[59,8776,179],{"class":65},[59,8778,8779,8781,8783,8785,8787,8789,8791,8793,8795],{"class":61,"line":2065},[59,8780,2282],{"class":151},[59,8782,155],{"class":65},[59,8784,192],{"class":221},[59,8786,225],{"class":69},[59,8788,253],{"class":65},[59,8790,4205],{"class":86},[59,8792,253],{"class":65},[59,8794,231],{"class":69},[59,8796,234],{"class":65},[59,8798,8799],{"class":61,"line":2075},[59,8800,239],{"class":65},[59,8802,8803],{"class":61,"line":2081},[59,8804,1818],{"emptyLinePlaceholder":527},[59,8806,8807,8809,8811,8813,8815,8817],{"class":61,"line":2089},[59,8808,1867],{"class":1797},[59,8810,1844],{"class":65},[59,8812,4126],{"class":151},[59,8814,261],{"class":65},[59,8816,4182],{"class":151},[59,8818,4234],{"class":65},[59,8820,8821],{"class":61,"line":3126},[59,8822,1886],{"class":65},[18,8824,8826],{"id":8825},"_3-использование-в-компоненте","3. Использование в компоненте",[50,8828,8830],{"className":1788,"code":8829,"language":1790,"meta":55,"style":55},"\u002F\u002F components\u002FTryOnWidget.tsx\nimport { useFittingWidget } from '..\u002Fhooks\u002FuseFittingWidget';\n\ninterface Props {\n productName: string;\n imageUrl: string;\n}\n\nexport function TryOnWidget({ productName, imageUrl }: Props) {\n const { open } = useFittingWidget();\n\n return (\n \u003Cdiv>\n \u003Cdiv\n id=\"widget-container\"\n style={{ width: '100%', maxWidth: 600, aspectRatio: '3\u002F4' }}\n \u002F>\n \u003Cbutton\n onClick={() =>\n open({\n targetElementId: 'widget-container',\n model: 'balanced',\n tryonItems: [{ productName, url: imageUrl }],\n })\n }\n >\n Примерка\n \u003C\u002Fbutton>\n \u003C\u002Fdiv>\n );\n}\n",[41,8831,8832,8836,8856,8860,8868,8878,8888,8892,8896,8920,8938,8942,8948,8956,8962,8974,9012,9016,9022,9030,9038,9052,9066,9092,9098,9102,9106,9111,9119,9127,9133],{"__ignoreMap":55},[59,8833,8834],{"class":61,"line":62},[59,8835,4252],{"class":2832},[59,8837,8838,8840,8842,8844,8846,8848,8850,8852,8854],{"class":61,"line":73},[59,8839,1798],{"class":1797},[59,8841,1844],{"class":65},[59,8843,4115],{"class":151},[59,8845,2490],{"class":65},[59,8847,2493],{"class":1797},[59,8849,274],{"class":65},[59,8851,4269],{"class":86},[59,8853,253],{"class":65},[59,8855,234],{"class":65},[59,8857,8858],{"class":61,"line":93},[59,8859,1818],{"emptyLinePlaceholder":527},[59,8861,8862,8864,8866],{"class":61,"line":108},[59,8863,2120],{"class":76},[59,8865,4284],{"class":1851},[59,8867,179],{"class":65},[59,8869,8870,8872,8874,8876],{"class":61,"line":242},[59,8871,2130],{"class":69},[59,8873,48],{"class":65},[59,8875,2135],{"class":1851},[59,8877,234],{"class":65},[59,8879,8880,8882,8884,8886],{"class":61,"line":266},[59,8881,3500],{"class":69},[59,8883,48],{"class":65},[59,8885,2135],{"class":1851},[59,8887,234],{"class":65},[59,8889,8890],{"class":61,"line":283},[59,8891,1886],{"class":65},[59,8893,8894],{"class":61,"line":293},[59,8895,1818],{"emptyLinePlaceholder":527},[59,8897,8898,8900,8902,8904,8906,8908,8910,8912,8914,8916,8918],{"class":61,"line":465},[59,8899,1823],{"class":1797},[59,8901,173],{"class":76},[59,8903,4323],{"class":221},[59,8905,1834],{"class":65},[59,8907,4328],{"class":1837},[59,8909,261],{"class":65},[59,8911,4333],{"class":1837},[59,8913,1841],{"class":65},[59,8915,4284],{"class":1851},[59,8917,231],{"class":65},[59,8919,179],{"class":65},[59,8921,8922,8924,8926,8928,8930,8932,8934,8936],{"class":61,"line":473},[59,8923,2265],{"class":76},[59,8925,1844],{"class":65},[59,8927,4126],{"class":151},[59,8929,2490],{"class":65},[59,8931,200],{"class":65},[59,8933,4115],{"class":221},[59,8935,176],{"class":69},[59,8937,234],{"class":65},[59,8939,8940],{"class":61,"line":1928},[59,8941,1818],{"emptyLinePlaceholder":527},[59,8943,8944,8946],{"class":61,"line":1942},[59,8945,1867],{"class":1797},[59,8947,1870],{"class":69},[59,8949,8950,8952,8954],{"class":61,"line":1948},[59,8951,2592],{"class":65},[59,8953,323],{"class":69},[59,8955,117],{"class":65},[59,8957,8958,8960],{"class":61,"line":1953},[59,8959,1895],{"class":65},[59,8961,4384],{"class":69},[59,8963,8964,8966,8968,8970,8972],{"class":61,"line":1960},[59,8965,1931],{"class":76},[59,8967,80],{"class":65},[59,8969,83],{"class":65},[59,8971,332],{"class":86},[59,8973,90],{"class":65},[59,8975,8976,8978,8980,8982,8984,8986,8988,8990,8992,8994,8996,8998,9000,9002,9004,9006,9008,9010],{"class":61,"line":1973},[59,8977,4401],{"class":76},[59,8979,2388],{"class":65},[59,8981,2391],{"class":69},[59,8983,48],{"class":65},[59,8985,274],{"class":65},[59,8987,2398],{"class":86},[59,8989,253],{"class":65},[59,8991,261],{"class":65},[59,8993,2405],{"class":69},[59,8995,48],{"class":65},[59,8997,2411],{"class":2410},[59,8999,261],{"class":65},[59,9001,2416],{"class":69},[59,9003,48],{"class":65},[59,9005,274],{"class":65},[59,9007,2423],{"class":86},[59,9009,253],{"class":65},[59,9011,4436],{"class":65},[59,9013,9014],{"class":61,"line":1986},[59,9015,1945],{"class":65},[59,9017,9018,9020],{"class":61,"line":1992},[59,9019,1895],{"class":65},[59,9021,4447],{"class":69},[59,9023,9024,9026,9028],{"class":61,"line":2001},[59,9025,4452],{"class":76},[59,9027,4455],{"class":65},[59,9029,4458],{"class":76},[59,9031,9032,9034,9036],{"class":61,"line":2007},[59,9033,4463],{"class":221},[59,9035,225],{"class":151},[59,9037,2167],{"class":65},[59,9039,9040,9042,9044,9046,9048,9050],{"class":61,"line":2013},[59,9041,4472],{"class":69},[59,9043,48],{"class":65},[59,9045,274],{"class":65},[59,9047,332],{"class":86},[59,9049,253],{"class":65},[59,9051,394],{"class":65},[59,9053,9054,9056,9058,9060,9062,9064],{"class":61,"line":2019},[59,9055,4487],{"class":69},[59,9057,48],{"class":65},[59,9059,274],{"class":65},[59,9061,406],{"class":86},[59,9063,253],{"class":65},[59,9065,394],{"class":65},[59,9067,9068,9070,9072,9074,9076,9078,9080,9082,9084,9086,9088,9090],{"class":61,"line":2025},[59,9069,4502],{"class":69},[59,9071,48],{"class":65},[59,9073,4507],{"class":151},[59,9075,4510],{"class":65},[59,9077,4328],{"class":151},[59,9079,261],{"class":65},[59,9081,4517],{"class":69},[59,9083,48],{"class":65},[59,9085,4522],{"class":151},[59,9087,476],{"class":65},[59,9089,4527],{"class":151},[59,9091,394],{"class":65},[59,9093,9094,9096],{"class":61,"line":2051},[59,9095,4534],{"class":65},[59,9097,3131],{"class":151},[59,9099,9100],{"class":61,"line":2057},[59,9101,4541],{"class":65},[59,9103,9104],{"class":61,"line":2065},[59,9105,1989],{"class":65},[59,9107,9108],{"class":61,"line":2075},[59,9109,9110],{"class":151}," Примерка\n",[59,9112,9113,9115,9117],{"class":61,"line":2081},[59,9114,2068],{"class":65},[59,9116,2435],{"class":69},[59,9118,117],{"class":65},[59,9120,9121,9123,9125],{"class":61,"line":2089},[59,9122,2729],{"class":65},[59,9124,323],{"class":69},[59,9126,117],{"class":65},[59,9128,9129,9131],{"class":61,"line":3126},[59,9130,2084],{"class":69},[59,9132,234],{"class":65},[59,9134,9135],{"class":61,"line":3134},[59,9136,1886],{"class":65},[511,9138,4579],{},{"title":55,"searchDepth":73,"depth":73,"links":9140},[9141,9142,9143],{"id":8314,"depth":73,"text":8315},{"id":8515,"depth":73,"text":8516},{"id":8825,"depth":73,"text":8826},"Интеграция с React-приложением (Vite \u002F CRA)",{},"\u002Fintegrations\u002Freact",{"title":3700,"description":9144},"integrations\u002Freact","F7mSDoVd1RiVLbrCGyquPOzGkvCalo0IeQdlhW6YYUs",{"id":9151,"title":4594,"body":9152,"description":9773,"extension":524,"icon":5266,"meta":9774,"navigation":527,"path":501,"seo":9775,"stem":9776,"__hash__":9777},"content\u002Fintegrations\u002Fvanilla-js.md",{"type":7,"value":9153,"toc":9769},[9154,9158,9161,9165,9745,9749,9767],[10,9155,9157],{"id":9156},"интеграция-с-vanilla-js","Интеграция с Vanilla JS",[14,9159,9160],{},"Без фреймворков — только HTML и JavaScript.",[18,9162,9164],{"id":9163},"полный-пример","Полный пример",[50,9166,9168],{"className":52,"code":9167,"language":54,"meta":55,"style":55},"\u003C!DOCTYPE html>\n\u003Chtml lang=\"ru\">\n\u003Chead>\n \u003Cmeta charset=\"UTF-8\" \u002F>\n \u003Cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \u002F>\n \u003Ctitle>Страница товара — Виртуальная примерка\u003C\u002Ftitle>\n\u003C\u002Fhead>\n\u003Cbody>\n\n \u003Ch1>Классическая джинсовая куртка\u003C\u002Fh1>\n \u003Cp>7 500 ₽\u003C\u002Fp>\n\n \u003C!-- Контейнер виджета -->\n \u003Cdiv id=\"widget-container\" style=\"width: 100%; max-width: 600px; aspect-ratio: 3 \u002F 4;\">\u003C\u002Fdiv>\n\n \u003Cbutton onclick=\"openWidget()\">Примерка\u003C\u002Fbutton>\n\n \u003C!-- 1. Загрузка пакета виджета -->\n \u003Cscript\n src=\"https:\u002F\u002Fwidget.try-on.ru\u002Ffitting-widget-bundle.js\"\n id=\"fitting-widget-bundle\"\n >\u003C\u002Fscript>\n\n \u003C!-- 2. Инициализация -->\n \u003Cscript id=\"fitting-init\">\n window.fitting = window.fitting || function() {\n (window.fitting.q = window.fitting.q || []).push(arguments);\n };\n window.fitting('init', {\n apiKey: 'YOUR_API_KEY'\n });\n \u003C\u002Fscript>\n\n \u003Cscript>\n function openWidget() {\n window.fitting('create', {\n targetElementId: 'widget-container',\n model: 'balanced',\n tryonItems: [\n {\n productName: 'Классическая джинсовая куртка',\n url: 'https:\u002F\u002Fexample.com\u002Fimages\u002Fjacket.jpg',\n },\n ],\n });\n }\n \u003C\u002Fscript>\n\u003C\u002Fbody>\n\u003C\u002Fhtml>\n",[41,9169,9170,9180,9199,9207,9225,9253,9270,9278,9286,9290,9307,9324,9328,9333,9365,9369,9397,9401,9406,9412,9424,9436,9444,9448,9453,9471,9495,9537,9541,9561,9573,9581,9589,9593,9601,9611,9631,9645,9659,9667,9671,9685,9699,9703,9709,9717,9721,9729,9737],{"__ignoreMap":55},[59,9171,9172,9174,9176,9178],{"class":61,"line":62},[59,9173,4617],{"class":65},[59,9175,4620],{"class":69},[59,9177,4623],{"class":76},[59,9179,117],{"class":65},[59,9181,9182,9184,9186,9188,9190,9192,9195,9197],{"class":61,"line":73},[59,9183,66],{"class":65},[59,9185,54],{"class":69},[59,9187,2936],{"class":76},[59,9189,80],{"class":65},[59,9191,83],{"class":65},[59,9193,9194],{"class":86},"ru",[59,9196,83],{"class":65},[59,9198,117],{"class":65},[59,9200,9201,9203,9205],{"class":61,"line":93},[59,9202,66],{"class":65},[59,9204,4651],{"class":69},[59,9206,117],{"class":65},[59,9208,9209,9211,9213,9215,9217,9219,9221,9223],{"class":61,"line":108},[59,9210,2847],{"class":65},[59,9212,3088],{"class":69},[59,9214,4662],{"class":76},[59,9216,80],{"class":65},[59,9218,83],{"class":65},[59,9220,4669],{"class":86},[59,9222,83],{"class":65},[59,9224,2903],{"class":65},[59,9226,9227,9229,9231,9233,9235,9237,9239,9241,9243,9245,9247,9249,9251],{"class":61,"line":242},[59,9228,2847],{"class":65},[59,9230,3088],{"class":69},[59,9232,4682],{"class":76},[59,9234,80],{"class":65},[59,9236,83],{"class":65},[59,9238,4689],{"class":86},[59,9240,83],{"class":65},[59,9242,4694],{"class":76},[59,9244,80],{"class":65},[59,9246,83],{"class":65},[59,9248,4701],{"class":86},[59,9250,83],{"class":65},[59,9252,2903],{"class":65},[59,9254,9255,9257,9259,9261,9264,9266,9268],{"class":61,"line":266},[59,9256,2847],{"class":65},[59,9258,4712],{"class":69},[59,9260,2860],{"class":65},[59,9262,9263],{"class":151},"Страница товара — Виртуальная примерка",[59,9265,296],{"class":65},[59,9267,4712],{"class":69},[59,9269,117],{"class":65},[59,9271,9272,9274,9276],{"class":61,"line":283},[59,9273,296],{"class":65},[59,9275,4651],{"class":69},[59,9277,117],{"class":65},[59,9279,9280,9282,9284],{"class":61,"line":293},[59,9281,66],{"class":65},[59,9283,4738],{"class":69},[59,9285,117],{"class":65},[59,9287,9288],{"class":61,"line":465},[59,9289,1818],{"emptyLinePlaceholder":527},[59,9291,9292,9294,9296,9298,9301,9303,9305],{"class":61,"line":473},[59,9293,2847],{"class":65},[59,9295,10],{"class":69},[59,9297,2860],{"class":65},[59,9299,9300],{"class":151},"Классическая джинсовая куртка",[59,9302,296],{"class":65},[59,9304,10],{"class":69},[59,9306,117],{"class":65},[59,9308,9309,9311,9313,9315,9318,9320,9322],{"class":61,"line":1928},[59,9310,2847],{"class":65},[59,9312,14],{"class":69},[59,9314,2860],{"class":65},[59,9316,9317],{"class":151},"7 500 ₽",[59,9319,296],{"class":65},[59,9321,14],{"class":69},[59,9323,117],{"class":65},[59,9325,9326],{"class":61,"line":1942},[59,9327,1818],{"emptyLinePlaceholder":527},[59,9329,9330],{"class":61,"line":1948},[59,9331,9332],{"class":2832}," \u003C!-- Контейнер виджета -->\n",[59,9334,9335,9337,9339,9341,9343,9345,9347,9349,9351,9353,9355,9357,9359,9361,9363],{"class":61,"line":1953},[59,9336,2847],{"class":65},[59,9338,323],{"class":69},[59,9340,135],{"class":76},[59,9342,80],{"class":65},[59,9344,83],{"class":65},[59,9346,332],{"class":86},[59,9348,83],{"class":65},[59,9350,2385],{"class":76},[59,9352,80],{"class":65},[59,9354,83],{"class":65},[59,9356,4811],{"class":86},[59,9358,83],{"class":65},[59,9360,111],{"class":65},[59,9362,323],{"class":69},[59,9364,117],{"class":65},[59,9366,9367],{"class":61,"line":1960},[59,9368,1818],{"emptyLinePlaceholder":527},[59,9370,9371,9373,9375,9377,9379,9381,9383,9385,9387,9389,9391,9393,9395],{"class":61,"line":1973},[59,9372,2847],{"class":65},[59,9374,2435],{"class":69},[59,9376,4832],{"class":76},[59,9378,80],{"class":65},[59,9380,83],{"class":65},[59,9382,4839],{"class":221},[59,9384,176],{"class":86},[59,9386,83],{"class":65},[59,9388,2860],{"class":65},[59,9390,7181],{"class":151},[59,9392,296],{"class":65},[59,9394,2435],{"class":69},[59,9396,117],{"class":65},[59,9398,9399],{"class":61,"line":1986},[59,9400,1818],{"emptyLinePlaceholder":527},[59,9402,9403],{"class":61,"line":1992},[59,9404,9405],{"class":2832}," \u003C!-- 1. Загрузка пакета виджета -->\n",[59,9407,9408,9410],{"class":61,"line":2001},[59,9409,2847],{"class":65},[59,9411,70],{"class":69},[59,9413,9414,9416,9418,9420,9422],{"class":61,"line":2007},[59,9415,4873],{"class":76},[59,9417,80],{"class":65},[59,9419,83],{"class":65},[59,9421,87],{"class":86},[59,9423,90],{"class":65},[59,9425,9426,9428,9430,9432,9434],{"class":61,"line":2013},[59,9427,4886],{"class":76},[59,9429,80],{"class":65},[59,9431,83],{"class":65},[59,9433,103],{"class":86},[59,9435,90],{"class":65},[59,9437,9438,9440,9442],{"class":61,"line":2019},[59,9439,4899],{"class":65},[59,9441,114],{"class":69},[59,9443,117],{"class":65},[59,9445,9446],{"class":61,"line":2025},[59,9447,1818],{"emptyLinePlaceholder":527},[59,9449,9450],{"class":61,"line":2051},[59,9451,9452],{"class":2832}," \u003C!-- 2. Инициализация -->\n",[59,9454,9455,9457,9459,9461,9463,9465,9467,9469],{"class":61,"line":2057},[59,9456,2847],{"class":65},[59,9458,114],{"class":69},[59,9460,135],{"class":76},[59,9462,80],{"class":65},[59,9464,83],{"class":65},[59,9466,142],{"class":86},[59,9468,83],{"class":65},[59,9470,117],{"class":65},[59,9472,9473,9475,9477,9479,9481,9483,9485,9487,9489,9491,9493],{"class":61,"line":2065},[59,9474,2282],{"class":151},[59,9476,155],{"class":65},[59,9478,158],{"class":151},[59,9480,80],{"class":65},[59,9482,163],{"class":151},[59,9484,155],{"class":65},[59,9486,158],{"class":151},[59,9488,170],{"class":65},[59,9490,173],{"class":76},[59,9492,176],{"class":65},[59,9494,179],{"class":65},[59,9496,9497,9499,9501,9503,9505,9507,9509,9511,9513,9515,9517,9519,9521,9523,9525,9527,9529,9531,9533,9535],{"class":61,"line":2075},[59,9498,4959],{"class":69},[59,9500,187],{"class":151},[59,9502,155],{"class":65},[59,9504,192],{"class":151},[59,9506,155],{"class":65},[59,9508,197],{"class":151},[59,9510,200],{"class":65},[59,9512,163],{"class":151},[59,9514,155],{"class":65},[59,9516,192],{"class":151},[59,9518,155],{"class":65},[59,9520,197],{"class":151},[59,9522,213],{"class":65},[59,9524,216],{"class":69},[59,9526,155],{"class":65},[59,9528,222],{"class":221},[59,9530,225],{"class":69},[59,9532,228],{"class":151},[59,9534,231],{"class":69},[59,9536,234],{"class":65},[59,9538,9539],{"class":61,"line":2081},[59,9540,5002],{"class":65},[59,9542,9543,9545,9547,9549,9551,9553,9555,9557,9559],{"class":61,"line":2089},[59,9544,2282],{"class":151},[59,9546,155],{"class":65},[59,9548,192],{"class":221},[59,9550,225],{"class":151},[59,9552,253],{"class":65},[59,9554,256],{"class":86},[59,9556,253],{"class":65},[59,9558,261],{"class":65},[59,9560,179],{"class":65},[59,9562,9563,9565,9567,9569,9571],{"class":61,"line":3126},[59,9564,5027],{"class":69},[59,9566,48],{"class":65},[59,9568,274],{"class":65},[59,9570,277],{"class":86},[59,9572,280],{"class":65},[59,9574,9575,9577,9579],{"class":61,"line":3134},[59,9576,2344],{"class":65},[59,9578,231],{"class":151},[59,9580,234],{"class":65},[59,9582,9583,9585,9587],{"class":61,"line":5046},[59,9584,2908],{"class":65},[59,9586,114],{"class":69},[59,9588,117],{"class":65},[59,9590,9591],{"class":61,"line":5055},[59,9592,1818],{"emptyLinePlaceholder":527},[59,9594,9595,9597,9599],{"class":61,"line":5060},[59,9596,2847],{"class":65},[59,9598,114],{"class":69},[59,9600,117],{"class":65},[59,9602,9603,9605,9607,9609],{"class":61,"line":5069},[59,9604,5072],{"class":76},[59,9606,5075],{"class":221},[59,9608,176],{"class":65},[59,9610,179],{"class":65},[59,9612,9613,9615,9617,9619,9621,9623,9625,9627,9629],{"class":61,"line":5082},[59,9614,5085],{"class":151},[59,9616,155],{"class":65},[59,9618,192],{"class":221},[59,9620,225],{"class":69},[59,9622,253],{"class":65},[59,9624,350],{"class":86},[59,9626,253],{"class":65},[59,9628,261],{"class":65},[59,9630,179],{"class":65},[59,9632,9633,9635,9637,9639,9641,9643],{"class":61,"line":5104},[59,9634,5107],{"class":69},[59,9636,48],{"class":65},[59,9638,274],{"class":65},[59,9640,332],{"class":86},[59,9642,253],{"class":65},[59,9644,394],{"class":65},[59,9646,9647,9649,9651,9653,9655,9657],{"class":61,"line":5120},[59,9648,5123],{"class":69},[59,9650,48],{"class":65},[59,9652,274],{"class":65},[59,9654,406],{"class":86},[59,9656,253],{"class":65},[59,9658,394],{"class":65},[59,9660,9661,9663,9665],{"class":61,"line":5136},[59,9662,5139],{"class":69},[59,9664,48],{"class":65},[59,9666,420],{"class":69},[59,9668,9669],{"class":61,"line":5146},[59,9670,2678],{"class":65},[59,9672,9673,9675,9677,9679,9681,9683],{"class":61,"line":5151},[59,9674,2683],{"class":69},[59,9676,48],{"class":65},[59,9678,274],{"class":65},[59,9680,9300],{"class":86},[59,9682,253],{"class":65},[59,9684,394],{"class":65},[59,9686,9687,9689,9691,9693,9695,9697],{"class":61,"line":5166},[59,9688,2698],{"class":69},[59,9690,48],{"class":65},[59,9692,274],{"class":65},[59,9694,5175],{"class":86},[59,9696,253],{"class":65},[59,9698,394],{"class":65},[59,9700,9701],{"class":61,"line":5182},[59,9702,2713],{"class":65},[59,9704,9705,9707],{"class":61,"line":5187},[59,9706,2718],{"class":69},[59,9708,394],{"class":65},[59,9710,9711,9713,9715],{"class":61,"line":5194},[59,9712,5197],{"class":65},[59,9714,231],{"class":69},[59,9716,234],{"class":65},[59,9718,9719],{"class":61,"line":5204},[59,9720,5207],{"class":65},[59,9722,9723,9725,9727],{"class":61,"line":5210},[59,9724,2908],{"class":65},[59,9726,114],{"class":69},[59,9728,117],{"class":65},[59,9730,9731,9733,9735],{"class":61,"line":5219},[59,9732,296],{"class":65},[59,9734,4738],{"class":69},[59,9736,117],{"class":65},[59,9738,9739,9741,9743],{"class":61,"line":5228},[59,9740,296],{"class":65},[59,9742,54],{"class":69},[59,9744,117],{"class":65},[18,9746,9748],{"id":9747},"ключевые-моменты","Ключевые моменты",[493,9750,9751,9754,9762],{},[496,9752,9753],{},"Сначала загружается пакетный скрипт.",[496,9755,9756,9757,9759,9760,155],{},"Инициализируйте с помощью ",[41,9758,5249],{}," перед вызовом ",[41,9761,350],{},[496,9763,9764,9766],{},[41,9765,673],{}," должен совпадать с существующим элементом на странице.",[511,9768,5260],{},{"title":55,"searchDepth":73,"depth":73,"links":9770},[9771,9772],{"id":9163,"depth":73,"text":9164},{"id":9747,"depth":73,"text":9748},"Интеграция с обычным HTML\u002FJavaScript",{},{"title":4594,"description":9773},"integrations\u002Fvanilla-js","TOVOFdq4t72IBSUKHoJgLGlQk10I_zCs_rea9Sj9PGA",{"id":9779,"title":5274,"body":9780,"description":10610,"extension":524,"icon":6121,"meta":10611,"navigation":527,"path":10612,"seo":10613,"stem":10614,"__hash__":10615},"content\u002Fintegrations\u002Fvue.md",{"type":7,"value":9781,"toc":10605},[9782,9786,9789,9791,9796,9974,9978,10270,10274,10603],[10,9783,9785],{"id":9784},"интеграция-с-vue-3","Интеграция с Vue 3",[14,9787,9788],{},"Работает с Vue 3 + Vite или любым другим окружением Vue 3.",[18,9790,8315],{"id":8314},[14,9792,9793,9794,48],{},"В ",[41,9795,3719],{},[50,9797,9798],{"className":52,"code":5293,"language":54,"meta":55,"style":55},[41,9799,9800,9806,9818,9830,9838,9856,9880,9922,9926,9946,9958,9966],{"__ignoreMap":55},[59,9801,9802,9804],{"class":61,"line":62},[59,9803,66],{"class":65},[59,9805,70],{"class":69},[59,9807,9808,9810,9812,9814,9816],{"class":61,"line":73},[59,9809,77],{"class":76},[59,9811,80],{"class":65},[59,9813,83],{"class":65},[59,9815,87],{"class":86},[59,9817,90],{"class":65},[59,9819,9820,9822,9824,9826,9828],{"class":61,"line":93},[59,9821,96],{"class":76},[59,9823,80],{"class":65},[59,9825,83],{"class":65},[59,9827,103],{"class":86},[59,9829,90],{"class":65},[59,9831,9832,9834,9836],{"class":61,"line":108},[59,9833,111],{"class":65},[59,9835,114],{"class":69},[59,9837,117],{"class":65},[59,9839,9840,9842,9844,9846,9848,9850,9852,9854],{"class":61,"line":242},[59,9841,66],{"class":65},[59,9843,114],{"class":69},[59,9845,135],{"class":76},[59,9847,80],{"class":65},[59,9849,83],{"class":65},[59,9851,142],{"class":86},[59,9853,83],{"class":65},[59,9855,117],{"class":65},[59,9857,9858,9860,9862,9864,9866,9868,9870,9872,9874,9876,9878],{"class":61,"line":266},[59,9859,152],{"class":151},[59,9861,155],{"class":65},[59,9863,158],{"class":151},[59,9865,80],{"class":65},[59,9867,163],{"class":151},[59,9869,155],{"class":65},[59,9871,158],{"class":151},[59,9873,170],{"class":65},[59,9875,173],{"class":76},[59,9877,176],{"class":65},[59,9879,179],{"class":65},[59,9881,9882,9884,9886,9888,9890,9892,9894,9896,9898,9900,9902,9904,9906,9908,9910,9912,9914,9916,9918,9920],{"class":61,"line":283},[59,9883,184],{"class":69},[59,9885,187],{"class":151},[59,9887,155],{"class":65},[59,9889,192],{"class":151},[59,9891,155],{"class":65},[59,9893,197],{"class":151},[59,9895,200],{"class":65},[59,9897,163],{"class":151},[59,9899,155],{"class":65},[59,9901,192],{"class":151},[59,9903,155],{"class":65},[59,9905,197],{"class":151},[59,9907,213],{"class":65},[59,9909,216],{"class":69},[59,9911,155],{"class":65},[59,9913,222],{"class":221},[59,9915,225],{"class":69},[59,9917,228],{"class":151},[59,9919,231],{"class":69},[59,9921,234],{"class":65},[59,9923,9924],{"class":61,"line":293},[59,9925,239],{"class":65},[59,9927,9928,9930,9932,9934,9936,9938,9940,9942,9944],{"class":61,"line":465},[59,9929,152],{"class":151},[59,9931,155],{"class":65},[59,9933,192],{"class":221},[59,9935,225],{"class":151},[59,9937,253],{"class":65},[59,9939,256],{"class":86},[59,9941,253],{"class":65},[59,9943,261],{"class":65},[59,9945,179],{"class":65},[59,9947,9948,9950,9952,9954,9956],{"class":61,"line":473},[59,9949,269],{"class":69},[59,9951,48],{"class":65},[59,9953,274],{"class":65},[59,9955,277],{"class":86},[59,9957,280],{"class":65},[59,9959,9960,9962,9964],{"class":61,"line":1928},[59,9961,286],{"class":65},[59,9963,231],{"class":151},[59,9965,234],{"class":65},[59,9967,9968,9970,9972],{"class":61,"line":1942},[59,9969,296],{"class":65},[59,9971,114],{"class":69},[59,9973,117],{"class":65},[18,9975,9977],{"id":9976},"_2-создайте-composable","2. Создайте composable",[50,9979,9980],{"className":3149,"code":5476,"language":2943,"meta":55,"style":55},[41,9981,9982,9986,9996,10004,10012,10020,10024,10028,10038,10046,10074,10084,10088,10092,10100,10108,10136,10140,10144,10148,10160,10182,10204,10208,10212,10226,10244,10248,10252,10266],{"__ignoreMap":55},[59,9983,9984],{"class":61,"line":62},[59,9985,5483],{"class":2832},[59,9987,9988,9990,9992,9994],{"class":61,"line":73},[59,9989,1823],{"class":1797},[59,9991,5490],{"class":76},[59,9993,2123],{"class":1851},[59,9995,179],{"class":65},[59,9997,9998,10000,10002],{"class":61,"line":93},[59,9999,2130],{"class":69},[59,10001,48],{"class":65},[59,10003,3495],{"class":1851},[59,10005,10006,10008,10010],{"class":61,"line":108},[59,10007,2142],{"class":69},[59,10009,48],{"class":65},[59,10011,3495],{"class":1851},[59,10013,10014,10016,10018],{"class":61,"line":242},[59,10015,3961],{"class":69},[59,10017,2202],{"class":65},[59,10019,3495],{"class":1851},[59,10021,10022],{"class":61,"line":266},[59,10023,1886],{"class":65},[59,10025,10026],{"class":61,"line":283},[59,10027,1818],{"emptyLinePlaceholder":527},[59,10029,10030,10032,10034,10036],{"class":61,"line":293},[59,10031,1823],{"class":1797},[59,10033,5490],{"class":76},[59,10035,3982],{"class":1851},[59,10037,179],{"class":65},[59,10039,10040,10042,10044],{"class":61,"line":465},[59,10041,383],{"class":69},[59,10043,48],{"class":65},[59,10045,3495],{"class":1851},[59,10047,10048,10050,10052,10054,10056,10058,10060,10062,10064,10066,10068,10070,10072],{"class":61,"line":473},[59,10049,399],{"class":69},[59,10051,2202],{"class":65},[59,10053,274],{"class":65},[59,10055,406],{"class":86},[59,10057,253],{"class":65},[59,10059,4009],{"class":65},[59,10061,274],{"class":65},[59,10063,4014],{"class":86},[59,10065,253],{"class":65},[59,10067,4009],{"class":65},[59,10069,274],{"class":65},[59,10071,4023],{"class":86},[59,10073,280],{"class":65},[59,10075,10076,10078,10080,10082],{"class":61,"line":1928},[59,10077,415],{"class":69},[59,10079,48],{"class":65},[59,10081,2123],{"class":1851},[59,10083,5583],{"class":151},[59,10085,10086],{"class":61,"line":1942},[59,10087,1886],{"class":65},[59,10089,10090],{"class":61,"line":1948},[59,10091,1818],{"emptyLinePlaceholder":527},[59,10093,10094,10096,10098],{"class":61,"line":1953},[59,10095,2161],{"class":76},[59,10097,2164],{"class":151},[59,10099,2167],{"class":65},[59,10101,10102,10104,10106],{"class":61,"line":1960},[59,10103,2172],{"class":76},[59,10105,2175],{"class":1851},[59,10107,179],{"class":65},[59,10109,10110,10112,10114,10116,10118,10120,10122,10124,10126,10128,10130,10132,10134],{"class":61,"line":1973},[59,10111,2182],{"class":69},[59,10113,48],{"class":65},[59,10115,2187],{"class":65},[59,10117,2190],{"class":1837},[59,10119,48],{"class":65},[59,10121,2135],{"class":1851},[59,10123,261],{"class":65},[59,10125,2199],{"class":1837},[59,10127,2202],{"class":65},[59,10129,2205],{"class":1851},[59,10131,231],{"class":65},[59,10133,2210],{"class":76},[59,10135,5636],{"class":1851},[59,10137,10138],{"class":61,"line":1986},[59,10139,2220],{"class":65},[59,10141,10142],{"class":61,"line":1992},[59,10143,1886],{"class":65},[59,10145,10146],{"class":61,"line":2001},[59,10147,1818],{"emptyLinePlaceholder":527},[59,10149,10150,10152,10154,10156,10158],{"class":61,"line":2007},[59,10151,1823],{"class":1797},[59,10153,173],{"class":76},[59,10155,4115],{"class":221},[59,10157,176],{"class":65},[59,10159,179],{"class":65},[59,10161,10162,10164,10166,10168,10170,10172,10174,10176,10178,10180],{"class":61,"line":2013},[59,10163,2265],{"class":76},[59,10165,4126],{"class":151},[59,10167,200],{"class":65},[59,10169,2187],{"class":65},[59,10171,4133],{"class":1837},[59,10173,48],{"class":65},[59,10175,3982],{"class":1851},[59,10177,231],{"class":65},[59,10179,2210],{"class":76},[59,10181,179],{"class":65},[59,10183,10184,10186,10188,10190,10192,10194,10196,10198,10200,10202],{"class":61,"line":2019},[59,10185,2282],{"class":151},[59,10187,155],{"class":65},[59,10189,192],{"class":221},[59,10191,225],{"class":69},[59,10193,253],{"class":65},[59,10195,350],{"class":86},[59,10197,253],{"class":65},[59,10199,261],{"class":65},[59,10201,2199],{"class":151},[59,10203,3131],{"class":69},[59,10205,10206],{"class":61,"line":2025},[59,10207,2220],{"class":65},[59,10209,10210],{"class":61,"line":2051},[59,10211,1818],{"emptyLinePlaceholder":527},[59,10213,10214,10216,10218,10220,10222,10224],{"class":61,"line":2057},[59,10215,2265],{"class":76},[59,10217,4182],{"class":151},[59,10219,200],{"class":65},[59,10221,2273],{"class":65},[59,10223,2210],{"class":76},[59,10225,179],{"class":65},[59,10227,10228,10230,10232,10234,10236,10238,10240,10242],{"class":61,"line":2065},[59,10229,2282],{"class":151},[59,10231,155],{"class":65},[59,10233,192],{"class":221},[59,10235,225],{"class":69},[59,10237,253],{"class":65},[59,10239,4205],{"class":86},[59,10241,253],{"class":65},[59,10243,3131],{"class":69},[59,10245,10246],{"class":61,"line":2075},[59,10247,2220],{"class":65},[59,10249,10250],{"class":61,"line":2081},[59,10251,1818],{"emptyLinePlaceholder":527},[59,10253,10254,10256,10258,10260,10262,10264],{"class":61,"line":2089},[59,10255,1867],{"class":1797},[59,10257,1844],{"class":65},[59,10259,4126],{"class":151},[59,10261,261],{"class":65},[59,10263,4182],{"class":151},[59,10265,5767],{"class":65},[59,10267,10268],{"class":61,"line":3126},[59,10269,1886],{"class":65},[18,10271,10273],{"id":10272},"_3-создайте-компонент-виджета","3. Создайте компонент виджета",[50,10275,10277],{"className":2823,"code":10276,"language":2825,"meta":55,"style":55},"\u003C!-- components\u002FTryOnWidget.vue -->\n\u003Ctemplate>\n \u003Cdiv>\n \u003Cdiv\n id=\"widget-container\"\n style=\"width: 100%; max-width: 600px; aspect-ratio: 3\u002F4\"\n \u002F>\n \u003Cbutton @click=\"handleTryOn\">Примерка\u003C\u002Fbutton>\n \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup lang=\"ts\">\nimport { useFittingWidget, type TryonItem } from '~\u002Fcomposables\u002FuseFittingWidget'\n\nconst props = defineProps\u003C{\n productName: string\n imageUrl: string\n}>()\n\nconst { open } = useFittingWidget()\n\nconst handleTryOn = () => {\n open({\n targetElementId: 'widget-container',\n model: 'balanced',\n tryonItems: [\n {\n productName: props.productName,\n url: props.imageUrl,\n },\n ],\n })\n}\n\u003C\u002Fscript>\n",[41,10278,10279,10283,10291,10299,10305,10317,10329,10333,10359,10367,10375,10379,10399,10423,10427,10439,10447,10455,10461,10465,10481,10485,10499,10507,10521,10535,10543,10547,10561,10575,10579,10585,10591,10595],{"__ignoreMap":55},[59,10280,10281],{"class":61,"line":62},[59,10282,3356],{"class":2832},[59,10284,10285,10287,10289],{"class":61,"line":73},[59,10286,66],{"class":65},[59,10288,2840],{"class":69},[59,10290,117],{"class":65},[59,10292,10293,10295,10297],{"class":61,"line":93},[59,10294,2847],{"class":65},[59,10296,323],{"class":69},[59,10298,117],{"class":65},[59,10300,10301,10303],{"class":61,"line":108},[59,10302,2592],{"class":65},[59,10304,4384],{"class":69},[59,10306,10307,10309,10311,10313,10315],{"class":61,"line":242},[59,10308,3012],{"class":76},[59,10310,80],{"class":65},[59,10312,83],{"class":65},[59,10314,332],{"class":86},[59,10316,90],{"class":65},[59,10318,10319,10321,10323,10325,10327],{"class":61,"line":266},[59,10320,5823],{"class":76},[59,10322,80],{"class":65},[59,10324,83],{"class":65},[59,10326,5830],{"class":86},[59,10328,90],{"class":65},[59,10330,10331],{"class":61,"line":283},[59,10332,5837],{"class":65},[59,10334,10335,10337,10339,10341,10343,10345,10347,10349,10351,10353,10355,10357],{"class":61,"line":293},[59,10336,2592],{"class":65},[59,10338,2435],{"class":69},[59,10340,3411],{"class":76},[59,10342,80],{"class":65},[59,10344,83],{"class":65},[59,10346,3418],{"class":86},[59,10348,83],{"class":65},[59,10350,2860],{"class":65},[59,10352,7181],{"class":151},[59,10354,296],{"class":65},[59,10356,2435],{"class":69},[59,10358,117],{"class":65},[59,10360,10361,10363,10365],{"class":61,"line":465},[59,10362,2908],{"class":65},[59,10364,323],{"class":69},[59,10366,117],{"class":65},[59,10368,10369,10371,10373],{"class":61,"line":473},[59,10370,296],{"class":65},[59,10372,2840],{"class":69},[59,10374,117],{"class":65},[59,10376,10377],{"class":61,"line":1928},[59,10378,1818],{"emptyLinePlaceholder":527},[59,10380,10381,10383,10385,10387,10389,10391,10393,10395,10397],{"class":61,"line":1942},[59,10382,66],{"class":65},[59,10384,114],{"class":69},[59,10386,2933],{"class":76},[59,10388,2936],{"class":76},[59,10390,80],{"class":65},[59,10392,83],{"class":65},[59,10394,2943],{"class":86},[59,10396,83],{"class":65},[59,10398,117],{"class":65},[59,10400,10401,10403,10405,10407,10409,10411,10413,10415,10417,10419,10421],{"class":61,"line":1948},[59,10402,1798],{"class":1797},[59,10404,1844],{"class":65},[59,10406,4115],{"class":151},[59,10408,261],{"class":65},[59,10410,5916],{"class":1797},[59,10412,2123],{"class":151},[59,10414,2490],{"class":65},[59,10416,2493],{"class":1797},[59,10418,274],{"class":65},[59,10420,5927],{"class":86},[59,10422,280],{"class":65},[59,10424,10425],{"class":61,"line":1953},[59,10426,1818],{"emptyLinePlaceholder":527},[59,10428,10429,10431,10433,10435,10437],{"class":61,"line":1960},[59,10430,3475],{"class":76},[59,10432,3478],{"class":151},[59,10434,80],{"class":65},[59,10436,3483],{"class":221},[59,10438,3486],{"class":65},[59,10440,10441,10443,10445],{"class":61,"line":1973},[59,10442,2130],{"class":69},[59,10444,48],{"class":65},[59,10446,3495],{"class":1851},[59,10448,10449,10451,10453],{"class":61,"line":1986},[59,10450,3500],{"class":69},[59,10452,48],{"class":65},[59,10454,3495],{"class":1851},[59,10456,10457,10459],{"class":61,"line":1992},[59,10458,2447],{"class":65},[59,10460,3511],{"class":151},[59,10462,10463],{"class":61,"line":2001},[59,10464,1818],{"emptyLinePlaceholder":527},[59,10466,10467,10469,10471,10473,10475,10477,10479],{"class":61,"line":2007},[59,10468,3475],{"class":76},[59,10470,1844],{"class":65},[59,10472,5980],{"class":151},[59,10474,476],{"class":65},[59,10476,200],{"class":65},[59,10478,4115],{"class":221},[59,10480,3511],{"class":151},[59,10482,10483],{"class":61,"line":2013},[59,10484,1818],{"emptyLinePlaceholder":527},[59,10486,10487,10489,10491,10493,10495,10497],{"class":61,"line":2019},[59,10488,3475],{"class":76},[59,10490,3522],{"class":151},[59,10492,80],{"class":65},[59,10494,2273],{"class":65},[59,10496,2210],{"class":76},[59,10498,179],{"class":65},[59,10500,10501,10503,10505],{"class":61,"line":2025},[59,10502,6011],{"class":221},[59,10504,225],{"class":69},[59,10506,2167],{"class":65},[59,10508,10509,10511,10513,10515,10517,10519],{"class":61,"line":2051},[59,10510,3555],{"class":69},[59,10512,48],{"class":65},[59,10514,274],{"class":65},[59,10516,332],{"class":86},[59,10518,253],{"class":65},[59,10520,394],{"class":65},[59,10522,10523,10525,10527,10529,10531,10533],{"class":61,"line":2057},[59,10524,3570],{"class":69},[59,10526,48],{"class":65},[59,10528,274],{"class":65},[59,10530,406],{"class":86},[59,10532,253],{"class":65},[59,10534,394],{"class":65},[59,10536,10537,10539,10541],{"class":61,"line":2065},[59,10538,3585],{"class":69},[59,10540,48],{"class":65},[59,10542,420],{"class":69},[59,10544,10545],{"class":61,"line":2075},[59,10546,3594],{"class":65},[59,10548,10549,10551,10553,10555,10557,10559],{"class":61,"line":2081},[59,10550,3599],{"class":69},[59,10552,48],{"class":65},[59,10554,3604],{"class":151},[59,10556,155],{"class":65},[59,10558,747],{"class":151},[59,10560,394],{"class":65},[59,10562,10563,10565,10567,10569,10571,10573],{"class":61,"line":2089},[59,10564,3615],{"class":69},[59,10566,48],{"class":65},[59,10568,3604],{"class":151},[59,10570,155],{"class":65},[59,10572,3624],{"class":151},[59,10574,394],{"class":65},[59,10576,10577],{"class":61,"line":3126},[59,10578,3631],{"class":65},[59,10580,10581,10583],{"class":61,"line":3134},[59,10582,3636],{"class":69},[59,10584,394],{"class":65},[59,10586,10587,10589],{"class":61,"line":5046},[59,10588,286],{"class":65},[59,10590,3131],{"class":69},[59,10592,10593],{"class":61,"line":5055},[59,10594,1886],{"class":65},[59,10596,10597,10599,10601],{"class":61,"line":5060},[59,10598,296],{"class":65},[59,10600,114],{"class":69},[59,10602,117],{"class":65},[511,10604,6114],{},{"title":55,"searchDepth":73,"depth":73,"links":10606},[10607,10608,10609],{"id":8314,"depth":73,"text":8315},{"id":9976,"depth":73,"text":9977},{"id":10272,"depth":73,"text":10273},"Интеграция с Vue 3 приложением",{},"\u002Fintegrations\u002Fvue",{"title":5274,"description":10610},"integrations\u002Fvue","940Q7exH9C3y9bXr_sW6skJzNNxxGlNzOBpnASqYjFU",1779283220737]