[{"data":1,"prerenderedAt":11255},["ShallowReactive",2],{"\u002Fen\u002Fanalytics":3,"all-pages-\u002Fen\u002Fanalytics":297},{"id":4,"title":5,"body":6,"description":289,"extension":290,"icon":291,"meta":292,"navigation":140,"path":293,"seo":294,"stem":295,"__hash__":296},"content\u002Fen\u002Fanalytics.md","Analytics & Event Tracking",{"type":7,"value":8,"toc":284},"minimark",[9,13,17,47,50,55,62,77,82,280],[10,11,5],"h1",{"id":12},"analytics-event-tracking",[14,15,16],"p",{},"The virtual try-on widget allows flexible analytics collection and user action tracking at two levels:",[18,19,20,37],"ol",{},[21,22,23,27,28,32,33,36],"li",{},[24,25,26],"strong",{},"Client-side (Frontend):"," using ",[29,30,31],"code",{},"onSuccess"," and ",[29,34,35],{},"onClose"," callback functions to send goals to Yandex Metrica, Google Analytics, or social media pixels.",[21,38,39,42,43,46],{},[24,40,41],{},"Server-side (Backend):"," using the ",[29,44,45],{},"callbackData"," parameter to pass service data to your own analytics system or CRM via Webhook.",[48,49],"hr",{},[51,52,54],"h2",{"id":53},"_1-client-side-analytics-yandex-metrica-google-analytics","1. Client-side Analytics (Yandex Metrica, Google Analytics)",[14,56,57,58,61],{},"You can pass handler functions to the ",[29,59,60],{},"fitting('create', ...)"," method:",[63,64,65,71],"ul",{},[21,66,67,70],{},[29,68,69],{},"onSuccess(data)"," — called when the try-on completes successfully (when the result is displayed to the user).",[21,72,73,76],{},[29,74,75],{},"onClose()"," — called when the user closes the modal window (via the close button or clicking outside the window).",[78,79,81],"h3",{"id":80},"integration-example","Integration Example:",[83,84,89],"pre",{"className":85,"code":86,"language":87,"meta":88,"style":88},"language-javascript shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","window.fitting('create', {\n  targetElementId: 'widget-container',\n  \u002F\u002F ... your product parameters\n  \n  \u002F\u002F 1. Successful try-on generation\n  onSuccess: function(result) {\n    console.log('Try-on generated successfully:', result);\n\n    \u002F\u002F Example: Send goal to Yandex Metrica\n    if (typeof ym !== 'undefined') {\n      ym(XXXXXX, 'reachGoal', 'tryon_success');\n    }\n\n    \u002F\u002F Example: Send event to Google Analytics (GA4)\n    if (typeof gtag !== 'undefined') {\n      gtag('event', 'tryon_completed', {\n        event_category: 'Virtual Try-On',\n        item_name: 'Classic Denim Jacket'\n      });\n    }\n  },\n\n  \u002F\u002F 2. Modal window closed\n  onClose: function() {\n    console.log('User closed the try-on widget');\n\n    \u002F\u002F Send event to Yandex Metrica\n    if (typeof ym !== 'undefined') {\n      ym(XXXXXX, 'reachGoal', 'tryon_closed');\n    }\n  }\n});\n","javascript","",[29,90,91,99,105,111,117,123,129,135,142,148,154,160,166,171,177,183,189,195,201,207,212,218,223,229,235,241,246,252,257,263,268,274],{"__ignoreMap":88},[92,93,96],"span",{"class":94,"line":95},"line",1,[92,97,98],{},"window.fitting('create', {\n",[92,100,102],{"class":94,"line":101},2,[92,103,104],{},"  targetElementId: 'widget-container',\n",[92,106,108],{"class":94,"line":107},3,[92,109,110],{},"  \u002F\u002F ... your product parameters\n",[92,112,114],{"class":94,"line":113},4,[92,115,116],{},"  \n",[92,118,120],{"class":94,"line":119},5,[92,121,122],{},"  \u002F\u002F 1. Successful try-on generation\n",[92,124,126],{"class":94,"line":125},6,[92,127,128],{},"  onSuccess: function(result) {\n",[92,130,132],{"class":94,"line":131},7,[92,133,134],{},"    console.log('Try-on generated successfully:', result);\n",[92,136,138],{"class":94,"line":137},8,[92,139,141],{"emptyLinePlaceholder":140},true,"\n",[92,143,145],{"class":94,"line":144},9,[92,146,147],{},"    \u002F\u002F Example: Send goal to Yandex Metrica\n",[92,149,151],{"class":94,"line":150},10,[92,152,153],{},"    if (typeof ym !== 'undefined') {\n",[92,155,157],{"class":94,"line":156},11,[92,158,159],{},"      ym(XXXXXX, 'reachGoal', 'tryon_success');\n",[92,161,163],{"class":94,"line":162},12,[92,164,165],{},"    }\n",[92,167,169],{"class":94,"line":168},13,[92,170,141],{"emptyLinePlaceholder":140},[92,172,174],{"class":94,"line":173},14,[92,175,176],{},"    \u002F\u002F Example: Send event to Google Analytics (GA4)\n",[92,178,180],{"class":94,"line":179},15,[92,181,182],{},"    if (typeof gtag !== 'undefined') {\n",[92,184,186],{"class":94,"line":185},16,[92,187,188],{},"      gtag('event', 'tryon_completed', {\n",[92,190,192],{"class":94,"line":191},17,[92,193,194],{},"        event_category: 'Virtual Try-On',\n",[92,196,198],{"class":94,"line":197},18,[92,199,200],{},"        item_name: 'Classic Denim Jacket'\n",[92,202,204],{"class":94,"line":203},19,[92,205,206],{},"      });\n",[92,208,210],{"class":94,"line":209},20,[92,211,165],{},[92,213,215],{"class":94,"line":214},21,[92,216,217],{},"  },\n",[92,219,221],{"class":94,"line":220},22,[92,222,141],{"emptyLinePlaceholder":140},[92,224,226],{"class":94,"line":225},23,[92,227,228],{},"  \u002F\u002F 2. Modal window closed\n",[92,230,232],{"class":94,"line":231},24,[92,233,234],{},"  onClose: function() {\n",[92,236,238],{"class":94,"line":237},25,[92,239,240],{},"    console.log('User closed the try-on widget');\n",[92,242,244],{"class":94,"line":243},26,[92,245,141],{"emptyLinePlaceholder":140},[92,247,249],{"class":94,"line":248},27,[92,250,251],{},"    \u002F\u002F Send event to Yandex Metrica\n",[92,253,255],{"class":94,"line":254},28,[92,256,153],{},[92,258,260],{"class":94,"line":259},29,[92,261,262],{},"      ym(XXXXXX, 'reachGoal', 'tryon_closed');\n",[92,264,266],{"class":94,"line":265},30,[92,267,165],{},[92,269,271],{"class":94,"line":270},31,[92,272,273],{},"  }\n",[92,275,277],{"class":94,"line":276},32,[92,278,279],{},"});\n",[281,282,283],"style",{},"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":88,"searchDepth":101,"depth":101,"links":285},[286],{"id":53,"depth":101,"text":54,"children":287},[288],{"id":80,"depth":107,"text":81},"Integration with analytics systems and user action tracking in the virtual try-on widget","md","i-lucide-bar-chart-3",{},"\u002Fen\u002Fanalytics",{"title":5,"description":289},"en\u002Fanalytics","YZbaTi3MTGeLuC8YPmv6wCuoOlVNSqW-9eTqgARKGSo",[298,515,1209,1393,2001,2472,2561,3543,4436,5290,5980,6821,7234,7321,8170,8982,9793,10429],{"id":299,"title":300,"body":301,"description":509,"extension":290,"icon":291,"meta":510,"navigation":140,"path":511,"seo":512,"stem":513,"__hash__":514},"content\u002Fanalytics.md","Аналитика и отслеживание событий",{"type":7,"value":302,"toc":504},[303,306,309,332,334,338,344,356,360,502],[10,304,300],{"id":305},"аналитика-и-отслеживание-событий",[14,307,308],{},"Виджет виртуальной примерки позволяет гибко собирать аналитику и отслеживать действия пользователей на двух уровнях:",[18,310,311,323],{},[21,312,313,316,317,319,320,322],{},[24,314,315],{},"На стороне клиента (Фронтенд):"," с помощью функций обратного вызова ",[29,318,31],{}," и ",[29,321,35],{}," для отправки целей в Яндекс Метрику, Google Analytics или пиксели соцсетей.",[21,324,325,328,329,331],{},[24,326,327],{},"На стороне сервера (Бэкенд):"," с помощью параметра ",[29,330,45],{}," для передачи служебных данных в вашу собственную систему аналитики или CRM через Webhook.",[48,333],{},[51,335,337],{"id":336},"_1-клиентская-аналитика-яндекс-метрика-google-analytics","1. Клиентская аналитика (Яндекс Метрика, Google Analytics)",[14,339,340,341,343],{},"Вы можете передать функции-обработчики в метод ",[29,342,60],{},":",[63,345,346,351],{},[21,347,348,350],{},[29,349,69],{}," — вызывается в момент успешного завершения примерки (когда пользователю отображен результат).",[21,352,353,355],{},[29,354,75],{}," — вызывается при закрытии модального окна пользователем (крестиком или кликом вне окна).",[78,357,359],{"id":358},"пример-интеграции","Пример интеграции:",[83,361,363],{"className":85,"code":362,"language":87,"meta":88,"style":88},"window.fitting('create', {\n  targetElementId: 'widget-container',\n  \u002F\u002F ... ваши параметры товара\n  \n  \u002F\u002F 1. Успешная генерация примерки\n  onSuccess: function(result) {\n    console.log('Примерка успешно сгенерирована:', result);\n\n    \u002F\u002F Пример: Отправка цели в Яндекс Метрику\n    if (typeof ym !== 'undefined') {\n      ym(XXXXXX, 'reachGoal', 'tryon_success');\n    }\n\n    \u002F\u002F Пример: Отправка события в Google Analytics (GA4)\n    if (typeof gtag !== 'undefined') {\n      gtag('event', 'tryon_completed', {\n        event_category: 'Virtual Try-On',\n        item_name: 'Классическая джинсовая куртка'\n      });\n    }\n  },\n\n  \u002F\u002F 2. Закрытие модального окна\n  onClose: function() {\n    console.log('Пользователь закрыл виджет примерки');\n\n    \u002F\u002F Отправка события в Яндекс Метрику\n    if (typeof ym !== 'undefined') {\n      ym(XXXXXX, 'reachGoal', 'tryon_closed');\n    }\n  }\n});\n",[29,364,365,369,373,378,382,387,391,396,400,405,409,413,417,421,426,430,434,438,443,447,451,455,459,464,468,473,477,482,486,490,494,498],{"__ignoreMap":88},[92,366,367],{"class":94,"line":95},[92,368,98],{},[92,370,371],{"class":94,"line":101},[92,372,104],{},[92,374,375],{"class":94,"line":107},[92,376,377],{},"  \u002F\u002F ... ваши параметры товара\n",[92,379,380],{"class":94,"line":113},[92,381,116],{},[92,383,384],{"class":94,"line":119},[92,385,386],{},"  \u002F\u002F 1. Успешная генерация примерки\n",[92,388,389],{"class":94,"line":125},[92,390,128],{},[92,392,393],{"class":94,"line":131},[92,394,395],{},"    console.log('Примерка успешно сгенерирована:', result);\n",[92,397,398],{"class":94,"line":137},[92,399,141],{"emptyLinePlaceholder":140},[92,401,402],{"class":94,"line":144},[92,403,404],{},"    \u002F\u002F Пример: Отправка цели в Яндекс Метрику\n",[92,406,407],{"class":94,"line":150},[92,408,153],{},[92,410,411],{"class":94,"line":156},[92,412,159],{},[92,414,415],{"class":94,"line":162},[92,416,165],{},[92,418,419],{"class":94,"line":168},[92,420,141],{"emptyLinePlaceholder":140},[92,422,423],{"class":94,"line":173},[92,424,425],{},"    \u002F\u002F Пример: Отправка события в Google Analytics (GA4)\n",[92,427,428],{"class":94,"line":179},[92,429,182],{},[92,431,432],{"class":94,"line":185},[92,433,188],{},[92,435,436],{"class":94,"line":191},[92,437,194],{},[92,439,440],{"class":94,"line":197},[92,441,442],{},"        item_name: 'Классическая джинсовая куртка'\n",[92,444,445],{"class":94,"line":203},[92,446,206],{},[92,448,449],{"class":94,"line":209},[92,450,165],{},[92,452,453],{"class":94,"line":214},[92,454,217],{},[92,456,457],{"class":94,"line":220},[92,458,141],{"emptyLinePlaceholder":140},[92,460,461],{"class":94,"line":225},[92,462,463],{},"  \u002F\u002F 2. Закрытие модального окна\n",[92,465,466],{"class":94,"line":231},[92,467,234],{},[92,469,470],{"class":94,"line":237},[92,471,472],{},"    console.log('Пользователь закрыл виджет примерки');\n",[92,474,475],{"class":94,"line":243},[92,476,141],{"emptyLinePlaceholder":140},[92,478,479],{"class":94,"line":248},[92,480,481],{},"    \u002F\u002F Отправка события в Яндекс Метрику\n",[92,483,484],{"class":94,"line":254},[92,485,153],{},[92,487,488],{"class":94,"line":259},[92,489,262],{},[92,491,492],{"class":94,"line":265},[92,493,165],{},[92,495,496],{"class":94,"line":270},[92,497,273],{},[92,499,500],{"class":94,"line":276},[92,501,279],{},[281,503,283],{},{"title":88,"searchDepth":101,"depth":101,"links":505},[506],{"id":336,"depth":101,"text":337,"children":507},[508],{"id":358,"depth":107,"text":359},"Интеграция с системами аналитики и отслеживание действий пользователей в виджете виртуальной примерки",{},"\u002Fanalytics",{"title":300,"description":509},"analytics","_WhKd4ku7aSZ84MPlRGwnj8rA570BItGTKVTMOzx8RQ",{"id":516,"title":517,"body":518,"description":1202,"extension":290,"icon":1203,"meta":1204,"navigation":140,"path":1205,"seo":1206,"stem":1207,"__hash__":1208},"content\u002Fapi\u002Findex.md","Справочник API",{"type":7,"value":519,"toc":1195},[520,523,527,530,575,644,646,650,653,804,808,851,853,857,864,867,1067,1192],[10,521,517],{"id":522},"справочник-api",[51,524,526],{"id":525},"windowfittinginit-options","window.fitting('init', options)",[14,528,529],{},"Инициализирует виджет. Вызывается один раз, до всех остальных методов.",[531,532,533,553],"table",{},[534,535,536],"thead",{},[537,538,539,543,546,550],"tr",{},[540,541,542],"th",{},"Параметр",[540,544,545],{},"Тип",[540,547,549],{"align":548},"center","Обязателен",[540,551,552],{},"Описание",[554,555,556],"tbody",{},[537,557,558,564,569,572],{},[559,560,561],"td",{},[29,562,563],{},"apiKey",[559,565,566],{},[29,567,568],{},"string",[559,570,571],{"align":548},"Да",[559,573,574],{},"Ваш API-ключ виджета",[83,576,580],{"className":577,"code":578,"language":579,"meta":88,"style":88},"language-js shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","window.fitting('init', {\n  apiKey: 'pk_live_xxx',\n});\n","js",[29,581,582,614,633],{"__ignoreMap":88},[92,583,584,588,592,596,599,602,606,608,611],{"class":94,"line":95},[92,585,587],{"class":586},"sTEyZ","window",[92,589,591],{"class":590},"sMK4o",".",[92,593,595],{"class":594},"s2Zo4","fitting",[92,597,598],{"class":586},"(",[92,600,601],{"class":590},"'",[92,603,605],{"class":604},"sfazB","init",[92,607,601],{"class":590},[92,609,610],{"class":590},",",[92,612,613],{"class":590}," {\n",[92,615,616,620,622,625,628,630],{"class":94,"line":101},[92,617,619],{"class":618},"swJcz","  apiKey",[92,621,343],{"class":590},[92,623,624],{"class":590}," '",[92,626,627],{"class":604},"pk_live_xxx",[92,629,601],{"class":590},[92,631,632],{"class":590},",\n",[92,634,635,638,641],{"class":94,"line":107},[92,636,637],{"class":590},"}",[92,639,640],{"class":586},")",[92,642,643],{"class":590},";\n",[48,645],{},[51,647,649],{"id":648},"windowfittingcreate-options","window.fitting('create', options)",[14,651,652],{},"Запускает виртуальную примерку.",[531,654,655,667],{},[534,656,657],{},[537,658,659,661,663,665],{},[540,660,542],{},[540,662,545],{},[540,664,549],{"align":548},[540,666,552],{},[554,668,669,685,702,720,740,757,773,789],{},[537,670,671,676,680,682],{},[559,672,673],{},[29,674,675],{},"targetElementId",[559,677,678],{},[29,679,568],{},[559,681,571],{"align":548},[559,683,684],{},"ID контейнера, в котором отображается виджет",[537,686,687,692,697,699],{},[559,688,689],{},[29,690,691],{},"tryonItems",[559,693,694],{},[29,695,696],{},"TryonItem[]",[559,698,571],{"align":548},[559,700,701],{},"Массив товаров, доступных для примерки",[537,703,704,709,714,717],{},[559,705,706],{},[29,707,708],{},"displayMode",[559,710,711],{},[29,712,713],{},"'inline' | 'modal'",[559,715,716],{"align":548},"Нет",[559,718,719],{},"Режим отображения виджета",[537,721,722,727,732,734],{},[559,723,724],{},[29,725,726],{},"model",[559,728,729],{},[29,730,731],{},"'balanced' | 'quality' | 'performance'",[559,733,716],{"align":548},[559,735,736,737,640],{},"Режим отрисовки (по умолчанию: ",[29,738,739],{},"'balanced'",[537,741,742,747,752,754],{},[559,743,744],{},[29,745,746],{},"config",[559,748,749],{},[29,750,751],{},"StyleType",[559,753,716],{"align":548},[559,755,756],{},"Настройки внешнего вида виджета подробнее в стилизации",[537,758,759,763,768,770],{},[559,760,761],{},[29,762,45],{},[559,764,765],{},[29,766,767],{},"Any",[559,769,716],{"align":548},[559,771,772],{},"Пользовательские данные, которые будут отправлены на ваш сервер (Webhook) при успешном завершении генерации. URL для отправки вебхука настраивается в панели управления (админке).",[537,774,775,779,784,786],{},[559,776,777],{},[29,778,31],{},[559,780,781],{},[29,782,783],{},"function",[559,785,716],{"align":548},[559,787,788],{},"Колбек, вызывается после успешной генерации",[537,790,791,795,799,801],{},[559,792,793],{},[29,794,35],{},[559,796,797],{},[29,798,783],{},[559,800,716],{"align":548},[559,802,803],{},"Колбек, вызывается после закрытия виджета",[78,805,807],{"id":806},"tryonitem","TryonItem",[531,809,810,821],{},[534,811,812],{},[537,813,814,817,819],{},[540,815,816],{},"Поле",[540,818,545],{},[540,820,552],{},[554,822,823,837],{},[537,824,825,830,834],{},[559,826,827],{},[29,828,829],{},"productName",[559,831,832],{},[29,833,568],{},[559,835,836],{},"Отображаемое название товара",[537,838,839,844,848],{},[559,840,841],{},[29,842,843],{},"url",[559,845,846],{},[29,847,568],{},[559,849,850],{},"Полный URL изображения товара",[48,852],{},[51,854,856],{"id":855},"стилизации","Стилизации",[14,858,859,860,863],{},"Настроить внешний вид виджета можно в панели управления: API Keys → ",[92,861,862],{},"Ваш ключ"," → Стилизовать.",[14,865,866],{},"Также оформление можно переопределить программно на этапе инициализации, передав объект config в метод window.fitting('create', ...). Параметры, переданные в config, имеют более высокий приоритет и перезаписывают настройки из панели управления:",[531,868,869,881],{},[534,870,871],{},[537,872,873,875,877,879],{},[540,874,542],{},[540,876,545],{},[540,878,549],{"align":548},[540,880,552],{},[554,882,883,900,917,934,951,968,984,1001,1018,1034,1051],{},[537,884,885,890,894,897],{},[559,886,887],{},[29,888,889],{},"title_color",[559,891,892],{},[29,893,568],{},[559,895,896],{"align":548},"\"#404040\"",[559,898,899],{},"Цвет основных заголовков",[537,901,902,907,911,914],{},[559,903,904],{},[29,905,906],{},"description_color",[559,908,909],{},[29,910,568],{},[559,912,913],{"align":548},"\"#9ca3af\"",[559,915,916],{},"Цвет вспомогательного текста и описаний",[537,918,919,924,928,931],{},[559,920,921],{},[29,922,923],{},"background_color",[559,925,926],{},[29,927,568],{},[559,929,930],{"align":548},"\"#ffffff\"",[559,932,933],{},"Цвет фона модального окна или контейнера виджета",[537,935,936,941,945,948],{},[559,937,938],{},[29,939,940],{},"loader",[559,942,943],{},[29,944,568],{},[559,946,947],{"align":548},"\"...\u002Floader.json\"",[559,949,950],{},"Прямая ссылка на JSON-анимацию Lottie для экрана ожидания генерации",[537,952,953,958,962,965],{},[559,954,955],{},[29,956,957],{},"primary_btn_bg_color",[559,959,960],{},[29,961,568],{},[559,963,964],{"align":548},"\"#111827\"",[559,966,967],{},"Цвет фона основной кнопки действия (Primary button)",[537,969,970,975,979,981],{},[559,971,972],{},[29,973,974],{},"primary_btn_text_color",[559,976,977],{},[29,978,568],{},[559,980,930],{"align":548},[559,982,983],{},"Цвет текста внутри основной кнопки",[537,985,986,991,995,998],{},[559,987,988],{},[29,989,990],{},"secondary_btn_bg_color",[559,992,993],{},[29,994,568],{},[559,996,997],{"align":548},"\"#f5f5f5\"",[559,999,1000],{},"Цвет фона второстепенной кнопки (Secondary button)",[537,1002,1003,1008,1012,1015],{},[559,1004,1005],{},[29,1006,1007],{},"secondary_btn_text_color",[559,1009,1010],{},[29,1011,568],{},[559,1013,1014],{"align":548},"\"#262626\"",[559,1016,1017],{},"Цвет текста внутри второстепенной кнопки",[537,1019,1020,1025,1029,1031],{},[559,1021,1022],{},[29,1023,1024],{},"close_cross_color",[559,1026,1027],{},[29,1028,568],{},[559,1030,896],{"align":548},[559,1032,1033],{},"Цвет иконки крестика (кнопки закрытия)",[537,1035,1036,1041,1045,1048],{},[559,1037,1038],{},[29,1039,1040],{},"show_logo",[559,1042,1043],{},[29,1044,568],{},[559,1046,1047],{"align":548},"true",[559,1049,1050],{},"Отображение логотипа сервиса в интерфейсе виджета",[537,1052,1053,1058,1062,1064],{},[559,1054,1055],{},[29,1056,1057],{},"show_back_btn_post_gen",[559,1059,1060],{},[29,1061,568],{},[559,1063,1047],{"align":548},[559,1065,1066],{},"Отображение кнопки «Назад» на экране с результатом генерации",[83,1068,1070],{"className":577,"code":1069,"language":579,"meta":88,"style":88},"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",[29,1071,1072,1093,1109,1125,1135,1140,1156,1172,1177,1184],{"__ignoreMap":88},[92,1073,1074,1076,1078,1080,1082,1084,1087,1089,1091],{"class":94,"line":95},[92,1075,587],{"class":586},[92,1077,591],{"class":590},[92,1079,595],{"class":594},[92,1081,598],{"class":586},[92,1083,601],{"class":590},[92,1085,1086],{"class":604},"create",[92,1088,601],{"class":590},[92,1090,610],{"class":590},[92,1092,613],{"class":590},[92,1094,1095,1098,1100,1102,1105,1107],{"class":94,"line":101},[92,1096,1097],{"class":618},"  targetElementId",[92,1099,343],{"class":590},[92,1101,624],{"class":590},[92,1103,1104],{"class":604},"widget-container",[92,1106,601],{"class":590},[92,1108,632],{"class":590},[92,1110,1111,1114,1116,1118,1121,1123],{"class":94,"line":107},[92,1112,1113],{"class":618},"  model",[92,1115,343],{"class":590},[92,1117,624],{"class":590},[92,1119,1120],{"class":604},"balanced",[92,1122,601],{"class":590},[92,1124,632],{"class":590},[92,1126,1127,1130,1132],{"class":94,"line":113},[92,1128,1129],{"class":618},"  tryonItems",[92,1131,343],{"class":590},[92,1133,1134],{"class":586}," [\n",[92,1136,1137],{"class":94,"line":119},[92,1138,1139],{"class":590},"    {\n",[92,1141,1142,1145,1147,1149,1152,1154],{"class":94,"line":125},[92,1143,1144],{"class":618},"      productName",[92,1146,343],{"class":590},[92,1148,624],{"class":590},[92,1150,1151],{"class":604},"Джинсовая куртка",[92,1153,601],{"class":590},[92,1155,632],{"class":590},[92,1157,1158,1161,1163,1165,1168,1170],{"class":94,"line":131},[92,1159,1160],{"class":618},"      url",[92,1162,343],{"class":590},[92,1164,624],{"class":590},[92,1166,1167],{"class":604},"https:\u002F\u002Fexample.com\u002Fjacket.png",[92,1169,601],{"class":590},[92,1171,632],{"class":590},[92,1173,1174],{"class":94,"line":137},[92,1175,1176],{"class":590},"    },\n",[92,1178,1179,1182],{"class":94,"line":144},[92,1180,1181],{"class":586},"  ]",[92,1183,632],{"class":590},[92,1185,1186,1188,1190],{"class":94,"line":150},[92,1187,637],{"class":590},[92,1189,640],{"class":586},[92,1191,643],{"class":590},[281,1193,1194],{},"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":88,"searchDepth":101,"depth":101,"links":1196},[1197,1198,1201],{"id":525,"depth":101,"text":526},{"id":648,"depth":101,"text":649,"children":1199},[1200],{"id":806,"depth":107,"text":807},{"id":855,"depth":101,"text":856},"Полный справочник по API Try-on","i-lucide-code",{},"\u002Fapi",{"title":517,"description":1202},"api\u002Findex","obvlG28nGA3ktOwNx474uoZwSdwScHGMpj8GPw1Kz3M",{"id":4,"title":5,"body":1210,"description":289,"extension":290,"icon":291,"meta":1391,"navigation":140,"path":293,"seo":1392,"stem":295,"__hash__":296},{"type":7,"value":1211,"toc":1386},[1212,1214,1216,1232,1234,1236,1240,1250,1252,1384],[10,1213,5],{"id":12},[14,1215,16],{},[18,1217,1218,1226],{},[21,1219,1220,27,1222,32,1224,36],{},[24,1221,26],{},[29,1223,31],{},[29,1225,35],{},[21,1227,1228,42,1230,46],{},[24,1229,41],{},[29,1231,45],{},[48,1233],{},[51,1235,54],{"id":53},[14,1237,57,1238,61],{},[29,1239,60],{},[63,1241,1242,1246],{},[21,1243,1244,70],{},[29,1245,69],{},[21,1247,1248,76],{},[29,1249,75],{},[78,1251,81],{"id":80},[83,1253,1254],{"className":85,"code":86,"language":87,"meta":88,"style":88},[29,1255,1256,1260,1264,1268,1272,1276,1280,1284,1288,1292,1296,1300,1304,1308,1312,1316,1320,1324,1328,1332,1336,1340,1344,1348,1352,1356,1360,1364,1368,1372,1376,1380],{"__ignoreMap":88},[92,1257,1258],{"class":94,"line":95},[92,1259,98],{},[92,1261,1262],{"class":94,"line":101},[92,1263,104],{},[92,1265,1266],{"class":94,"line":107},[92,1267,110],{},[92,1269,1270],{"class":94,"line":113},[92,1271,116],{},[92,1273,1274],{"class":94,"line":119},[92,1275,122],{},[92,1277,1278],{"class":94,"line":125},[92,1279,128],{},[92,1281,1282],{"class":94,"line":131},[92,1283,134],{},[92,1285,1286],{"class":94,"line":137},[92,1287,141],{"emptyLinePlaceholder":140},[92,1289,1290],{"class":94,"line":144},[92,1291,147],{},[92,1293,1294],{"class":94,"line":150},[92,1295,153],{},[92,1297,1298],{"class":94,"line":156},[92,1299,159],{},[92,1301,1302],{"class":94,"line":162},[92,1303,165],{},[92,1305,1306],{"class":94,"line":168},[92,1307,141],{"emptyLinePlaceholder":140},[92,1309,1310],{"class":94,"line":173},[92,1311,176],{},[92,1313,1314],{"class":94,"line":179},[92,1315,182],{},[92,1317,1318],{"class":94,"line":185},[92,1319,188],{},[92,1321,1322],{"class":94,"line":191},[92,1323,194],{},[92,1325,1326],{"class":94,"line":197},[92,1327,200],{},[92,1329,1330],{"class":94,"line":203},[92,1331,206],{},[92,1333,1334],{"class":94,"line":209},[92,1335,165],{},[92,1337,1338],{"class":94,"line":214},[92,1339,217],{},[92,1341,1342],{"class":94,"line":220},[92,1343,141],{"emptyLinePlaceholder":140},[92,1345,1346],{"class":94,"line":225},[92,1347,228],{},[92,1349,1350],{"class":94,"line":231},[92,1351,234],{},[92,1353,1354],{"class":94,"line":237},[92,1355,240],{},[92,1357,1358],{"class":94,"line":243},[92,1359,141],{"emptyLinePlaceholder":140},[92,1361,1362],{"class":94,"line":248},[92,1363,251],{},[92,1365,1366],{"class":94,"line":254},[92,1367,153],{},[92,1369,1370],{"class":94,"line":259},[92,1371,262],{},[92,1373,1374],{"class":94,"line":265},[92,1375,165],{},[92,1377,1378],{"class":94,"line":270},[92,1379,273],{},[92,1381,1382],{"class":94,"line":276},[92,1383,279],{},[281,1385,283],{},{"title":88,"searchDepth":101,"depth":101,"links":1387},[1388],{"id":53,"depth":101,"text":54,"children":1389},[1390],{"id":80,"depth":107,"text":81},{},{"title":5,"description":289},{"id":1394,"title":1395,"body":1396,"description":1995,"extension":290,"icon":1203,"meta":1996,"navigation":140,"path":1997,"seo":1998,"stem":1999,"__hash__":2000},"content\u002Fen\u002Fapi\u002Findex.md","API Reference",{"type":7,"value":1397,"toc":1988},[1398,1401,1403,1406,1442,1488,1490,1492,1495,1634,1636,1677,1679,1683,1690,1693,1874,1986],[10,1399,1395],{"id":1400},"api-reference",[51,1402,526],{"id":525},[14,1404,1405],{},"Initializes the widget. Call this once, before any other methods.",[531,1407,1408,1424],{},[534,1409,1410],{},[537,1411,1412,1415,1418,1421],{},[540,1413,1414],{},"Parameter",[540,1416,1417],{},"Type",[540,1419,1420],{"align":548},"Required",[540,1422,1423],{},"Description",[554,1425,1426],{},[537,1427,1428,1432,1436,1439],{},[559,1429,1430],{},[29,1431,563],{},[559,1433,1434],{},[29,1435,568],{},[559,1437,1438],{"align":548},"Yes",[559,1440,1441],{},"Your widget API key",[83,1443,1444],{"className":577,"code":578,"language":579,"meta":88,"style":88},[29,1445,1446,1466,1480],{"__ignoreMap":88},[92,1447,1448,1450,1452,1454,1456,1458,1460,1462,1464],{"class":94,"line":95},[92,1449,587],{"class":586},[92,1451,591],{"class":590},[92,1453,595],{"class":594},[92,1455,598],{"class":586},[92,1457,601],{"class":590},[92,1459,605],{"class":604},[92,1461,601],{"class":590},[92,1463,610],{"class":590},[92,1465,613],{"class":590},[92,1467,1468,1470,1472,1474,1476,1478],{"class":94,"line":101},[92,1469,619],{"class":618},[92,1471,343],{"class":590},[92,1473,624],{"class":590},[92,1475,627],{"class":604},[92,1477,601],{"class":590},[92,1479,632],{"class":590},[92,1481,1482,1484,1486],{"class":94,"line":107},[92,1483,637],{"class":590},[92,1485,640],{"class":586},[92,1487,643],{"class":590},[48,1489],{},[51,1491,649],{"id":648},[14,1493,1494],{},"Opens the virtual try-on experience.",[531,1496,1497,1509],{},[534,1498,1499],{},[537,1500,1501,1503,1505,1507],{},[540,1502,1414],{},[540,1504,1417],{},[540,1506,1420],{"align":548},[540,1508,1423],{},[554,1510,1511,1526,1541,1557,1574,1589,1604,1619],{},[537,1512,1513,1517,1521,1523],{},[559,1514,1515],{},[29,1516,675],{},[559,1518,1519],{},[29,1520,568],{},[559,1522,1438],{"align":548},[559,1524,1525],{},"ID of the container element where the widget renders",[537,1527,1528,1532,1536,1538],{},[559,1529,1530],{},[29,1531,691],{},[559,1533,1534],{},[29,1535,696],{},[559,1537,1438],{"align":548},[559,1539,1540],{},"Array of items available for try-on",[537,1542,1543,1547,1551,1554],{},[559,1544,1545],{},[29,1546,708],{},[559,1548,1549],{},[29,1550,713],{},[559,1552,1553],{"align":548},"No",[559,1555,1556],{},"Widget display mode",[537,1558,1559,1563,1567,1569],{},[559,1560,1561],{},[29,1562,726],{},[559,1564,1565],{},[29,1566,731],{},[559,1568,1553],{"align":548},[559,1570,1571,1572,640],{},"Rendering model (default: ",[29,1573,739],{},[537,1575,1576,1580,1584,1586],{},[559,1577,1578],{},[29,1579,746],{},[559,1581,1582],{},[29,1583,751],{},[559,1585,1553],{"align":548},[559,1587,1588],{},"Widget appearance settings. See Styling for details.",[537,1590,1591,1595,1599,1601],{},[559,1592,1593],{},[29,1594,45],{},[559,1596,1597],{},[29,1598,767],{},[559,1600,1553],{"align":548},[559,1602,1603],{},"Custom data that will be sent to your server (Webhook) upon successful generation. The Webhook URL is configured in the admin panel.",[537,1605,1606,1610,1614,1616],{},[559,1607,1608],{},[29,1609,31],{},[559,1611,1612],{},[29,1613,783],{},[559,1615,1553],{"align":548},[559,1617,1618],{},"Callback fired after successful generation",[537,1620,1621,1625,1629,1631],{},[559,1622,1623],{},[29,1624,35],{},[559,1626,1627],{},[29,1628,783],{},[559,1630,1553],{"align":548},[559,1632,1633],{},"Callback fired after widget is closed",[78,1635,807],{"id":806},[531,1637,1638,1649],{},[534,1639,1640],{},[537,1641,1642,1645,1647],{},[540,1643,1644],{},"Field",[540,1646,1417],{},[540,1648,1423],{},[554,1650,1651,1664],{},[537,1652,1653,1657,1661],{},[559,1654,1655],{},[29,1656,829],{},[559,1658,1659],{},[29,1660,568],{},[559,1662,1663],{},"Display name of the garment",[537,1665,1666,1670,1674],{},[559,1667,1668],{},[29,1669,843],{},[559,1671,1672],{},[29,1673,568],{},[559,1675,1676],{},"Full URL to the garment image",[48,1678],{},[51,1680,1682],{"id":1681},"styling","Styling",[14,1684,1685,1686,1689],{},"You can customize the widget's appearance in the dashboard: API Keys → ",[92,1687,1688],{},"Your Key"," → Customize.",[14,1691,1692],{},"You can also override the styles programmatically at initialization by passing the config object to the window.fitting('create', ...) method. Parameters passed in config take precedence and will override the settings from the dashboard:",[531,1694,1695,1707],{},[534,1696,1697],{},[537,1698,1699,1701,1703,1705],{},[540,1700,542],{},[540,1702,545],{},[540,1704,549],{"align":548},[540,1706,552],{},[554,1708,1709,1724,1739,1754,1769,1784,1799,1814,1829,1844,1859],{},[537,1710,1711,1715,1719,1721],{},[559,1712,1713],{},[29,1714,889],{},[559,1716,1717],{},[29,1718,568],{},[559,1720,896],{"align":548},[559,1722,1723],{},"Color of main headings",[537,1725,1726,1730,1734,1736],{},[559,1727,1728],{},[29,1729,906],{},[559,1731,1732],{},[29,1733,568],{},[559,1735,913],{"align":548},[559,1737,1738],{},"Color of subheadings, labels, and description texts",[537,1740,1741,1745,1749,1751],{},[559,1742,1743],{},[29,1744,923],{},[559,1746,1747],{},[29,1748,568],{},[559,1750,930],{"align":548},[559,1752,1753],{},"Background color of the modal window or widget container",[537,1755,1756,1760,1764,1766],{},[559,1757,1758],{},[29,1759,940],{},[559,1761,1762],{},[29,1763,568],{},[559,1765,947],{"align":548},[559,1767,1768],{},"Direct URL to a Lottie JSON animation for the loading screen",[537,1770,1771,1775,1779,1781],{},[559,1772,1773],{},[29,1774,957],{},[559,1776,1777],{},[29,1778,568],{},[559,1780,964],{"align":548},[559,1782,1783],{},"Background color of the primary call-to-action button",[537,1785,1786,1790,1794,1796],{},[559,1787,1788],{},[29,1789,974],{},[559,1791,1792],{},[29,1793,568],{},[559,1795,930],{"align":548},[559,1797,1798],{},"Text color of the primary call-to-action button",[537,1800,1801,1805,1809,1811],{},[559,1802,1803],{},[29,1804,990],{},[559,1806,1807],{},[29,1808,568],{},[559,1810,997],{"align":548},[559,1812,1813],{},"Background color of secondary buttons",[537,1815,1816,1820,1824,1826],{},[559,1817,1818],{},[29,1819,1007],{},[559,1821,1822],{},[29,1823,568],{},[559,1825,1014],{"align":548},[559,1827,1828],{},"Text color of secondary buttons",[537,1830,1831,1835,1839,1841],{},[559,1832,1833],{},[29,1834,1024],{},[559,1836,1837],{},[29,1838,568],{},[559,1840,896],{"align":548},[559,1842,1843],{},"Color of the close (\"X\") modal button icon",[537,1845,1846,1850,1854,1856],{},[559,1847,1848],{},[29,1849,1040],{},[559,1851,1852],{},[29,1853,568],{},[559,1855,1047],{"align":548},[559,1857,1858],{},"Visibility flag for the service branding logo",[537,1860,1861,1865,1869,1871],{},[559,1862,1863],{},[29,1864,1057],{},[559,1866,1867],{},[29,1868,568],{},[559,1870,1047],{"align":548},[559,1872,1873],{},"Visibility flag for the \"Back\" button on the post-generation result screen",[83,1875,1877],{"className":577,"code":1876,"language":579,"meta":88,"style":88},"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",[29,1878,1879,1899,1913,1927,1935,1939,1954,1968,1972,1978],{"__ignoreMap":88},[92,1880,1881,1883,1885,1887,1889,1891,1893,1895,1897],{"class":94,"line":95},[92,1882,587],{"class":586},[92,1884,591],{"class":590},[92,1886,595],{"class":594},[92,1888,598],{"class":586},[92,1890,601],{"class":590},[92,1892,1086],{"class":604},[92,1894,601],{"class":590},[92,1896,610],{"class":590},[92,1898,613],{"class":590},[92,1900,1901,1903,1905,1907,1909,1911],{"class":94,"line":101},[92,1902,1097],{"class":618},[92,1904,343],{"class":590},[92,1906,624],{"class":590},[92,1908,1104],{"class":604},[92,1910,601],{"class":590},[92,1912,632],{"class":590},[92,1914,1915,1917,1919,1921,1923,1925],{"class":94,"line":107},[92,1916,1113],{"class":618},[92,1918,343],{"class":590},[92,1920,624],{"class":590},[92,1922,1120],{"class":604},[92,1924,601],{"class":590},[92,1926,632],{"class":590},[92,1928,1929,1931,1933],{"class":94,"line":113},[92,1930,1129],{"class":618},[92,1932,343],{"class":590},[92,1934,1134],{"class":586},[92,1936,1937],{"class":94,"line":119},[92,1938,1139],{"class":590},[92,1940,1941,1943,1945,1947,1950,1952],{"class":94,"line":125},[92,1942,1144],{"class":618},[92,1944,343],{"class":590},[92,1946,624],{"class":590},[92,1948,1949],{"class":604},"Denim Jacket",[92,1951,601],{"class":590},[92,1953,632],{"class":590},[92,1955,1956,1958,1960,1962,1964,1966],{"class":94,"line":131},[92,1957,1160],{"class":618},[92,1959,343],{"class":590},[92,1961,624],{"class":590},[92,1963,1167],{"class":604},[92,1965,601],{"class":590},[92,1967,632],{"class":590},[92,1969,1970],{"class":94,"line":137},[92,1971,1176],{"class":590},[92,1973,1974,1976],{"class":94,"line":144},[92,1975,1181],{"class":586},[92,1977,632],{"class":590},[92,1979,1980,1982,1984],{"class":94,"line":150},[92,1981,637],{"class":590},[92,1983,640],{"class":586},[92,1985,643],{"class":590},[281,1987,1194],{},{"title":88,"searchDepth":101,"depth":101,"links":1989},[1990,1991,1994],{"id":525,"depth":101,"text":526},{"id":648,"depth":101,"text":649,"children":1992},[1993],{"id":806,"depth":107,"text":807},{"id":1681,"depth":101,"text":1682},"Complete reference for the Try-on API",{},"\u002Fen\u002Fapi",{"title":1395,"description":1995},"en\u002Fapi\u002Findex","DKdhKLxZqb-JAwZX8kKg_8-Ks4C6puS8fOqvnA-25mM",{"id":2002,"title":2003,"body":2004,"description":2465,"extension":290,"icon":2466,"meta":2467,"navigation":140,"path":2468,"seo":2469,"stem":2470,"__hash__":2471},"content\u002Fen\u002Fgetting-started\u002Fquick-start.md","Quick Start",{"type":7,"value":2005,"toc":2456},[2006,2009,2012,2016,2027,2031,2042,2100,2104,2266,2270,2277,2305,2309,2315,2428,2432,2435,2439,2453],[10,2007,2003],{"id":2008},"quick-start",[14,2010,2011],{},"Follow these steps to add virtual try-on to your e-commerce site.",[51,2013,2015],{"id":2014},"_1-get-your-api-key","1. Get Your API Key",[14,2017,2018,2019,2026],{},"Sign up at ",[2020,2021,2025],"a",{"href":2022,"rel":2023},"https:\u002F\u002Fwidget.try-on.ru",[2024],"nofollow","widget.try-on.ru"," to obtain your free API key.",[51,2028,2030],{"id":2029},"_2-load-the-widget-script","2. Load the Widget Script",[14,2032,2033,2034,2037,2038,2041],{},"Add the following ",[29,2035,2036],{},"\u003Cscript>"," tag to your page, ideally right before the closing ",[29,2039,2040],{},"\u003C\u002Fbody>"," tag:",[83,2043,2047],{"className":2044,"code":2045,"language":2046,"meta":88,"style":88},"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",[29,2048,2049,2057,2075,2089],{"__ignoreMap":88},[92,2050,2051,2054],{"class":94,"line":95},[92,2052,2053],{"class":590},"\u003C",[92,2055,2056],{"class":618},"script\n",[92,2058,2059,2063,2066,2069,2072],{"class":94,"line":101},[92,2060,2062],{"class":2061},"spNyl","  src",[92,2064,2065],{"class":590},"=",[92,2067,2068],{"class":590},"\"",[92,2070,2071],{"class":604},"https:\u002F\u002Fwidget.try-on.ru\u002Ffitting-widget-bundle.js",[92,2073,2074],{"class":590},"\"\n",[92,2076,2077,2080,2082,2084,2087],{"class":94,"line":107},[92,2078,2079],{"class":2061},"  id",[92,2081,2065],{"class":590},[92,2083,2068],{"class":590},[92,2085,2086],{"class":604},"fitting-widget-bundle",[92,2088,2074],{"class":590},[92,2090,2091,2094,2097],{"class":94,"line":113},[92,2092,2093],{"class":590},">\u003C\u002F",[92,2095,2096],{"class":618},"script",[92,2098,2099],{"class":590},">\n",[51,2101,2103],{"id":2102},"_3-initialize-the-widget","3. Initialize the Widget",[83,2105,2107],{"className":2044,"code":2106,"language":2046,"meta":88,"style":88},"\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",[29,2108,2109,2129,2159,2208,2213,2233,2248,2257],{"__ignoreMap":88},[92,2110,2111,2113,2115,2118,2120,2122,2125,2127],{"class":94,"line":95},[92,2112,2053],{"class":590},[92,2114,2096],{"class":618},[92,2116,2117],{"class":2061}," id",[92,2119,2065],{"class":590},[92,2121,2068],{"class":590},[92,2123,2124],{"class":604},"fitting-init",[92,2126,2068],{"class":590},[92,2128,2099],{"class":590},[92,2130,2131,2134,2136,2139,2141,2144,2146,2148,2151,2154,2157],{"class":94,"line":101},[92,2132,2133],{"class":586},"  window",[92,2135,591],{"class":590},[92,2137,2138],{"class":586},"fitting ",[92,2140,2065],{"class":590},[92,2142,2143],{"class":586}," window",[92,2145,591],{"class":590},[92,2147,2138],{"class":586},[92,2149,2150],{"class":590},"||",[92,2152,2153],{"class":2061}," function",[92,2155,2156],{"class":590},"()",[92,2158,613],{"class":590},[92,2160,2161,2164,2166,2168,2170,2172,2175,2178,2180,2182,2184,2186,2188,2191,2194,2196,2199,2201,2204,2206],{"class":94,"line":107},[92,2162,2163],{"class":618},"    (",[92,2165,587],{"class":586},[92,2167,591],{"class":590},[92,2169,595],{"class":586},[92,2171,591],{"class":590},[92,2173,2174],{"class":586},"q",[92,2176,2177],{"class":590}," =",[92,2179,2143],{"class":586},[92,2181,591],{"class":590},[92,2183,595],{"class":586},[92,2185,591],{"class":590},[92,2187,2174],{"class":586},[92,2189,2190],{"class":590}," ||",[92,2192,2193],{"class":618}," [])",[92,2195,591],{"class":590},[92,2197,2198],{"class":594},"push",[92,2200,598],{"class":618},[92,2202,2203],{"class":586},"arguments",[92,2205,640],{"class":618},[92,2207,643],{"class":590},[92,2209,2210],{"class":94,"line":113},[92,2211,2212],{"class":590},"  };\n",[92,2214,2215,2217,2219,2221,2223,2225,2227,2229,2231],{"class":94,"line":119},[92,2216,2133],{"class":586},[92,2218,591],{"class":590},[92,2220,595],{"class":594},[92,2222,598],{"class":586},[92,2224,601],{"class":590},[92,2226,605],{"class":604},[92,2228,601],{"class":590},[92,2230,610],{"class":590},[92,2232,613],{"class":590},[92,2234,2235,2238,2240,2242,2245],{"class":94,"line":125},[92,2236,2237],{"class":618},"    apiKey",[92,2239,343],{"class":590},[92,2241,624],{"class":590},[92,2243,2244],{"class":604},"YOUR_API_KEY",[92,2246,2247],{"class":590},"'\n",[92,2249,2250,2253,2255],{"class":94,"line":131},[92,2251,2252],{"class":590},"  }",[92,2254,640],{"class":586},[92,2256,643],{"class":590},[92,2258,2259,2262,2264],{"class":94,"line":137},[92,2260,2261],{"class":590},"\u003C\u002F",[92,2263,2096],{"class":618},[92,2265,2099],{"class":590},[51,2267,2269],{"id":2268},"_4-add-a-container","4. Add a Container",[14,2271,2272,2273,2276],{},"Place a ",[29,2274,2275],{},"\u003Cdiv>"," wherever you want the widget to appear:",[83,2278,2280],{"className":2044,"code":2279,"language":2046,"meta":88,"style":88},"\u003Cdiv id=\"widget-container\">\u003C\u002Fdiv>\n",[29,2281,2282],{"__ignoreMap":88},[92,2283,2284,2286,2289,2291,2293,2295,2297,2299,2301,2303],{"class":94,"line":95},[92,2285,2053],{"class":590},[92,2287,2288],{"class":618},"div",[92,2290,2117],{"class":2061},[92,2292,2065],{"class":590},[92,2294,2068],{"class":590},[92,2296,1104],{"class":604},[92,2298,2068],{"class":590},[92,2300,2093],{"class":590},[92,2302,2288],{"class":618},[92,2304,2099],{"class":590},[51,2306,2308],{"id":2307},"_5-launch-the-widget","5. Launch the Widget",[14,2310,2311,2312,2314],{},"Call the ",[29,2313,1086],{}," method when the user clicks a button:",[83,2316,2318],{"className":577,"code":2317,"language":579,"meta":88,"style":88},"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",[29,2319,2320,2340,2354,2368,2376,2380,2395,2410,2414,2420],{"__ignoreMap":88},[92,2321,2322,2324,2326,2328,2330,2332,2334,2336,2338],{"class":94,"line":95},[92,2323,587],{"class":586},[92,2325,591],{"class":590},[92,2327,595],{"class":594},[92,2329,598],{"class":586},[92,2331,601],{"class":590},[92,2333,1086],{"class":604},[92,2335,601],{"class":590},[92,2337,610],{"class":590},[92,2339,613],{"class":590},[92,2341,2342,2344,2346,2348,2350,2352],{"class":94,"line":101},[92,2343,1097],{"class":618},[92,2345,343],{"class":590},[92,2347,624],{"class":590},[92,2349,1104],{"class":604},[92,2351,601],{"class":590},[92,2353,632],{"class":590},[92,2355,2356,2358,2360,2362,2364,2366],{"class":94,"line":107},[92,2357,1113],{"class":618},[92,2359,343],{"class":590},[92,2361,624],{"class":590},[92,2363,1120],{"class":604},[92,2365,601],{"class":590},[92,2367,632],{"class":590},[92,2369,2370,2372,2374],{"class":94,"line":113},[92,2371,1129],{"class":618},[92,2373,343],{"class":590},[92,2375,1134],{"class":586},[92,2377,2378],{"class":94,"line":119},[92,2379,1139],{"class":590},[92,2381,2382,2384,2386,2388,2391,2393],{"class":94,"line":125},[92,2383,1144],{"class":618},[92,2385,343],{"class":590},[92,2387,624],{"class":590},[92,2389,2390],{"class":604},"Classic Denim Jacket",[92,2392,601],{"class":590},[92,2394,632],{"class":590},[92,2396,2397,2399,2401,2403,2406,2408],{"class":94,"line":131},[92,2398,1160],{"class":618},[92,2400,343],{"class":590},[92,2402,624],{"class":590},[92,2404,2405],{"class":604},"https:\u002F\u002Fyour-store.com\u002Fimages\u002Fjacket.jpg",[92,2407,601],{"class":590},[92,2409,632],{"class":590},[92,2411,2412],{"class":94,"line":137},[92,2413,1176],{"class":590},[92,2415,2416,2418],{"class":94,"line":144},[92,2417,1181],{"class":586},[92,2419,632],{"class":590},[92,2421,2422,2424,2426],{"class":94,"line":150},[92,2423,637],{"class":590},[92,2425,640],{"class":586},[92,2427,643],{"class":590},[51,2429,2431],{"id":2430},"result","Result",[14,2433,2434],{},"Your customers can now upload a photo and see the garment on them instantly.",[51,2436,2438],{"id":2437},"next-steps","Next Steps",[63,2440,2441,2448],{},[21,2442,2443,2444,591],{},"See framework-specific guides under ",[2020,2445,2447],{"href":2446},"\u002Fintegrations\u002Fvanilla-js","Integrations",[21,2449,2450,2451,591],{},"Explore the full ",[2020,2452,1395],{"href":1205},[281,2454,2455],{},"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":88,"searchDepth":101,"depth":101,"links":2457},[2458,2459,2460,2461,2462,2463,2464],{"id":2014,"depth":101,"text":2015},{"id":2029,"depth":101,"text":2030},{"id":2102,"depth":101,"text":2103},{"id":2268,"depth":101,"text":2269},{"id":2307,"depth":101,"text":2308},{"id":2430,"depth":101,"text":2431},{"id":2437,"depth":101,"text":2438},"Get the Try-on running in minutes","i-lucide-rocket",{},"\u002Fen\u002Fgetting-started\u002Fquick-start",{"title":2003,"description":2465},"en\u002Fgetting-started\u002Fquick-start","LZil3ipaJq0-ACKPa56d_eCAM_cJuVqWeqBF3z0nlIc",{"id":2473,"title":2474,"body":2475,"description":2554,"extension":290,"icon":2555,"meta":2556,"navigation":140,"path":2557,"seo":2558,"stem":2559,"__hash__":2560},"content\u002Fen\u002Findex.md","Introduction",{"type":7,"value":2476,"toc":2549},[2477,2481,2488,2492,2518,2522,2540,2542],[10,2478,2480],{"id":2479},"try-on-virtual-try-on","Try-on — Virtual Try-On",[14,2482,2483,2484,2487],{},"The ",[24,2485,2486],{},"Try-on"," 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.",[51,2489,2491],{"id":2490},"key-features","Key Features",[63,2493,2494,2500,2506,2512],{},[21,2495,2496,2499],{},[24,2497,2498],{},"Quick Integration"," — Add one script tag and a few lines of code.",[21,2501,2502,2505],{},[24,2503,2504],{},"Framework-Agnostic"," — Works with Vanilla JS, React, Vue, Next.js, Nuxt, and more.",[21,2507,2508,2511],{},[24,2509,2510],{},"Customizable"," — Style the widget to match your brand.",[21,2513,2514,2517],{},[24,2515,2516],{},"Lightweight"," — Optimized loading; won't slow down your store.",[51,2519,2521],{"id":2520},"how-it-works","How It Works",[18,2523,2524,2527,2530,2537],{},[21,2525,2526],{},"Load the widget script on your page.",[21,2528,2529],{},"Initialize with your API key.",[21,2531,2532,2533,2536],{},"Call ",[29,2534,2535],{},"window.fitting('create', { ... })"," with product image URLs.",[21,2538,2539],{},"The widget renders inside a container element of your choice.",[51,2541,2003],{"id":2008},[14,2543,2544,2545,2548],{},"Head over to the ",[2020,2546,2003],{"href":2547},"\u002Fgetting-started\u002Fquick-start"," guide to get up and running in under 5 minutes.",{"title":88,"searchDepth":101,"depth":101,"links":2550},[2551,2552,2553],{"id":2490,"depth":101,"text":2491},{"id":2520,"depth":101,"text":2521},{"id":2008,"depth":101,"text":2003},"What is the Try-on and why use it?","i-lucide-sparkles",{},"\u002Fen",{"title":2474,"description":2554},"en\u002Findex","Xz8kLCKlHkg7GWDnFYBNmKpYr6Jnlb-N_KXUbV78KJ8",{"id":2562,"title":2563,"body":2564,"description":3536,"extension":290,"icon":3537,"meta":3538,"navigation":140,"path":3539,"seo":3540,"stem":3541,"__hash__":3542},"content\u002Fen\u002Fintegrations\u002Fnextjs.md","Next.js",{"type":7,"value":2565,"toc":3527},[2566,2570,2579,2583,2593,2604,2890,2894,3225,3229,3498,3502,3508,3524],[10,2567,2569],{"id":2568},"nextjs-integration","Next.js Integration",[14,2571,2572,2573,32,2576,591],{},"The Try-on works with both the ",[24,2574,2575],{},"Pages Router",[24,2577,2578],{},"App Router",[51,2580,2582],{"id":2581},"app-router-recommended","App Router (Recommended)",[14,2584,2585,2586,2589,2590,591],{},"Use the Next.js ",[29,2587,2588],{},"Script"," component with ",[29,2591,2592],{},"strategy=\"afterInteractive\"",[78,2594,2596,2597,2600,2601],{"id":2595},"step-1-load-scripts-in-layouttsx-or-pagetsx","Step 1 — Load Scripts in ",[29,2598,2599],{},"layout.tsx"," or ",[29,2602,2603],{},"page.tsx",[83,2605,2609],{"className":2606,"code":2607,"language":2608,"meta":88,"style":88},"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",[29,2610,2611,2632,2636,2680,2688,2693,2704,2708,2716,2729,2743,2756,2761,2765,2771,2783,2795,2800,2808,2813,2818,2823,2828,2853,2858,2865,2874,2879,2886],{"__ignoreMap":88},[92,2612,2613,2617,2620,2623,2625,2628,2630],{"class":94,"line":95},[92,2614,2616],{"class":2615},"s7zQu","import",[92,2618,2619],{"class":586}," Script ",[92,2621,2622],{"class":2615},"from",[92,2624,624],{"class":590},[92,2626,2627],{"class":604},"next\u002Fscript",[92,2629,601],{"class":590},[92,2631,643],{"class":590},[92,2633,2634],{"class":94,"line":101},[92,2635,141],{"emptyLinePlaceholder":140},[92,2637,2638,2641,2644,2646,2649,2652,2656,2659,2662,2664,2666,2670,2672,2675,2678],{"class":94,"line":107},[92,2639,2640],{"class":2615},"export",[92,2642,2643],{"class":2615}," default",[92,2645,2153],{"class":2061},[92,2647,2648],{"class":594}," ProductLayout",[92,2650,2651],{"class":590},"({",[92,2653,2655],{"class":2654},"sHdIc"," children",[92,2657,2658],{"class":590}," }:",[92,2660,2661],{"class":590}," {",[92,2663,2655],{"class":618},[92,2665,343],{"class":590},[92,2667,2669],{"class":2668},"sBMFI"," React",[92,2671,591],{"class":590},[92,2673,2674],{"class":2668},"ReactNode",[92,2676,2677],{"class":590}," })",[92,2679,613],{"class":590},[92,2681,2682,2685],{"class":94,"line":113},[92,2683,2684],{"class":2615},"  return",[92,2686,2687],{"class":618}," (\n",[92,2689,2690],{"class":94,"line":119},[92,2691,2692],{"class":590},"    \u003C>\n",[92,2694,2695,2698,2701],{"class":94,"line":125},[92,2696,2697],{"class":590},"      {",[92,2699,2700],{"class":586},"children",[92,2702,2703],{"class":590},"}\n",[92,2705,2706],{"class":94,"line":131},[92,2707,141],{"emptyLinePlaceholder":140},[92,2709,2710,2713],{"class":94,"line":137},[92,2711,2712],{"class":590},"      \u003C",[92,2714,2715],{"class":2668},"Script\n",[92,2717,2718,2721,2723,2725,2727],{"class":94,"line":144},[92,2719,2720],{"class":2061},"        src",[92,2722,2065],{"class":590},[92,2724,2068],{"class":590},[92,2726,2071],{"class":604},[92,2728,2074],{"class":590},[92,2730,2731,2734,2736,2738,2741],{"class":94,"line":150},[92,2732,2733],{"class":2061},"        strategy",[92,2735,2065],{"class":590},[92,2737,2068],{"class":590},[92,2739,2740],{"class":604},"afterInteractive",[92,2742,2074],{"class":590},[92,2744,2745,2748,2750,2752,2754],{"class":94,"line":156},[92,2746,2747],{"class":2061},"        id",[92,2749,2065],{"class":590},[92,2751,2068],{"class":590},[92,2753,2086],{"class":604},[92,2755,2074],{"class":590},[92,2757,2758],{"class":94,"line":162},[92,2759,2760],{"class":590},"      \u002F>\n",[92,2762,2763],{"class":94,"line":168},[92,2764,141],{"emptyLinePlaceholder":140},[92,2766,2767,2769],{"class":94,"line":173},[92,2768,2712],{"class":590},[92,2770,2715],{"class":2668},[92,2772,2773,2775,2777,2779,2781],{"class":94,"line":179},[92,2774,2733],{"class":2061},[92,2776,2065],{"class":590},[92,2778,2068],{"class":590},[92,2780,2740],{"class":604},[92,2782,2074],{"class":590},[92,2784,2785,2787,2789,2791,2793],{"class":94,"line":185},[92,2786,2747],{"class":2061},[92,2788,2065],{"class":590},[92,2790,2068],{"class":590},[92,2792,2124],{"class":604},[92,2794,2074],{"class":590},[92,2796,2797],{"class":94,"line":191},[92,2798,2799],{"class":590},"      >\n",[92,2801,2802,2805],{"class":94,"line":197},[92,2803,2804],{"class":590},"        {",[92,2806,2807],{"class":590},"`\n",[92,2809,2810],{"class":94,"line":203},[92,2811,2812],{"class":604},"          window.fitting = window.fitting || function() {\n",[92,2814,2815],{"class":94,"line":209},[92,2816,2817],{"class":604},"            (window.fitting.q = window.fitting.q || []).push(arguments);\n",[92,2819,2820],{"class":94,"line":214},[92,2821,2822],{"class":604},"          };\n",[92,2824,2825],{"class":94,"line":220},[92,2826,2827],{"class":604},"          window.fitting('init', {\n",[92,2829,2830,2833,2836,2839,2841,2844,2846,2849,2851],{"class":94,"line":225},[92,2831,2832],{"class":604},"            apiKey: '",[92,2834,2835],{"class":590},"${",[92,2837,2838],{"class":586},"process",[92,2840,591],{"class":590},[92,2842,2843],{"class":586},"env",[92,2845,591],{"class":590},[92,2847,2848],{"class":586},"NEXT_PUBLIC_TRY_ON_API_KEY",[92,2850,637],{"class":590},[92,2852,2247],{"class":604},[92,2854,2855],{"class":94,"line":231},[92,2856,2857],{"class":604},"          });\n",[92,2859,2860,2863],{"class":94,"line":237},[92,2861,2862],{"class":590},"        `",[92,2864,2703],{"class":590},[92,2866,2867,2870,2872],{"class":94,"line":243},[92,2868,2869],{"class":590},"      \u003C\u002F",[92,2871,2588],{"class":2668},[92,2873,2099],{"class":590},[92,2875,2876],{"class":94,"line":248},[92,2877,2878],{"class":590},"    \u003C\u002F>\n",[92,2880,2881,2884],{"class":94,"line":254},[92,2882,2883],{"class":618},"  )",[92,2885,643],{"class":590},[92,2887,2888],{"class":94,"line":259},[92,2889,2703],{"class":590},[78,2891,2893],{"id":2892},"step-2-create-the-widget-button","Step 2 — Create the Widget Button",[83,2895,2897],{"className":2606,"code":2896,"language":2608,"meta":88,"style":88},"'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\" \u002F>\n      \u003Cbutton onClick={handleClick}>Try On\u003C\u002Fbutton>\n    \u003C\u002F>\n  );\n}\n",[29,2898,2899,2910,2914,2924,2936,2947,2951,2955,2966,2976,3014,3018,3022,3026,3058,3075,3096,3111,3126,3137,3146,3150,3154,3160,3164,3183,3211,3215,3221],{"__ignoreMap":88},[92,2900,2901,2903,2906,2908],{"class":94,"line":95},[92,2902,601],{"class":590},[92,2904,2905],{"class":604},"use client",[92,2907,601],{"class":590},[92,2909,643],{"class":590},[92,2911,2912],{"class":94,"line":101},[92,2913,141],{"emptyLinePlaceholder":140},[92,2915,2916,2919,2922],{"class":94,"line":107},[92,2917,2918],{"class":2061},"interface",[92,2920,2921],{"class":2668}," TryonItem",[92,2923,613],{"class":590},[92,2925,2926,2929,2931,2934],{"class":94,"line":113},[92,2927,2928],{"class":618},"  productName",[92,2930,343],{"class":590},[92,2932,2933],{"class":2668}," string",[92,2935,643],{"class":590},[92,2937,2938,2941,2943,2945],{"class":94,"line":119},[92,2939,2940],{"class":618},"  url",[92,2942,343],{"class":590},[92,2944,2933],{"class":2668},[92,2946,643],{"class":590},[92,2948,2949],{"class":94,"line":125},[92,2950,2703],{"class":590},[92,2952,2953],{"class":94,"line":131},[92,2954,141],{"emptyLinePlaceholder":140},[92,2956,2957,2960,2963],{"class":94,"line":137},[92,2958,2959],{"class":2061},"declare",[92,2961,2962],{"class":586}," global ",[92,2964,2965],{"class":590},"{\n",[92,2967,2968,2971,2974],{"class":94,"line":144},[92,2969,2970],{"class":2061},"  interface",[92,2972,2973],{"class":2668}," Window",[92,2975,613],{"class":590},[92,2977,2978,2981,2983,2986,2989,2991,2993,2995,2998,3001,3004,3006,3009,3012],{"class":94,"line":150},[92,2979,2980],{"class":618},"    fitting",[92,2982,343],{"class":590},[92,2984,2985],{"class":590}," (",[92,2987,2988],{"class":2654},"command",[92,2990,343],{"class":590},[92,2992,2933],{"class":2668},[92,2994,610],{"class":590},[92,2996,2997],{"class":2654}," options",[92,2999,3000],{"class":590},"?:",[92,3002,3003],{"class":2668}," unknown",[92,3005,640],{"class":590},[92,3007,3008],{"class":2061}," =>",[92,3010,3011],{"class":2668}," void",[92,3013,643],{"class":590},[92,3015,3016],{"class":94,"line":156},[92,3017,273],{"class":590},[92,3019,3020],{"class":94,"line":162},[92,3021,2703],{"class":590},[92,3023,3024],{"class":94,"line":168},[92,3025,141],{"emptyLinePlaceholder":140},[92,3027,3028,3030,3032,3035,3037,3040,3042,3044,3046,3048,3050,3053,3056],{"class":94,"line":173},[92,3029,2640],{"class":2615},[92,3031,2153],{"class":2061},[92,3033,3034],{"class":594}," TryOnButton",[92,3036,2651],{"class":590},[92,3038,3039],{"class":2654}," items",[92,3041,2658],{"class":590},[92,3043,2661],{"class":590},[92,3045,3039],{"class":618},[92,3047,343],{"class":590},[92,3049,2921],{"class":2668},[92,3051,3052],{"class":586},"[] ",[92,3054,3055],{"class":590},"})",[92,3057,613],{"class":590},[92,3059,3060,3063,3066,3068,3071,3073],{"class":94,"line":179},[92,3061,3062],{"class":2061},"  const",[92,3064,3065],{"class":586}," handleClick",[92,3067,2177],{"class":590},[92,3069,3070],{"class":590}," ()",[92,3072,3008],{"class":2061},[92,3074,613],{"class":590},[92,3076,3077,3080,3082,3084,3086,3088,3090,3092,3094],{"class":94,"line":185},[92,3078,3079],{"class":586},"    window",[92,3081,591],{"class":590},[92,3083,595],{"class":594},[92,3085,598],{"class":618},[92,3087,601],{"class":590},[92,3089,1086],{"class":604},[92,3091,601],{"class":590},[92,3093,610],{"class":590},[92,3095,613],{"class":590},[92,3097,3098,3101,3103,3105,3107,3109],{"class":94,"line":191},[92,3099,3100],{"class":618},"      targetElementId",[92,3102,343],{"class":590},[92,3104,624],{"class":590},[92,3106,1104],{"class":604},[92,3108,601],{"class":590},[92,3110,632],{"class":590},[92,3112,3113,3116,3118,3120,3122,3124],{"class":94,"line":197},[92,3114,3115],{"class":618},"      model",[92,3117,343],{"class":590},[92,3119,624],{"class":590},[92,3121,1120],{"class":604},[92,3123,601],{"class":590},[92,3125,632],{"class":590},[92,3127,3128,3131,3133,3135],{"class":94,"line":203},[92,3129,3130],{"class":618},"      tryonItems",[92,3132,343],{"class":590},[92,3134,3039],{"class":586},[92,3136,632],{"class":590},[92,3138,3139,3142,3144],{"class":94,"line":209},[92,3140,3141],{"class":590},"    }",[92,3143,640],{"class":618},[92,3145,643],{"class":590},[92,3147,3148],{"class":94,"line":214},[92,3149,2212],{"class":590},[92,3151,3152],{"class":94,"line":220},[92,3153,141],{"emptyLinePlaceholder":140},[92,3155,3156,3158],{"class":94,"line":225},[92,3157,2684],{"class":2615},[92,3159,2687],{"class":618},[92,3161,3162],{"class":94,"line":231},[92,3163,2692],{"class":590},[92,3165,3166,3168,3170,3172,3174,3176,3178,3180],{"class":94,"line":237},[92,3167,2712],{"class":590},[92,3169,2288],{"class":618},[92,3171,2117],{"class":2061},[92,3173,2065],{"class":590},[92,3175,2068],{"class":590},[92,3177,1104],{"class":604},[92,3179,2068],{"class":590},[92,3181,3182],{"class":590}," \u002F>\n",[92,3184,3185,3187,3190,3193,3196,3199,3202,3205,3207,3209],{"class":94,"line":243},[92,3186,2712],{"class":590},[92,3188,3189],{"class":618},"button",[92,3191,3192],{"class":2061}," onClick",[92,3194,3195],{"class":590},"={",[92,3197,3198],{"class":586},"handleClick",[92,3200,3201],{"class":590},"}>",[92,3203,3204],{"class":586},"Try On",[92,3206,2261],{"class":590},[92,3208,3189],{"class":618},[92,3210,2099],{"class":590},[92,3212,3213],{"class":94,"line":248},[92,3214,2878],{"class":590},[92,3216,3217,3219],{"class":94,"line":254},[92,3218,2883],{"class":618},[92,3220,643],{"class":590},[92,3222,3223],{"class":94,"line":259},[92,3224,2703],{"class":590},[78,3226,3228],{"id":3227},"step-3-use-in-a-product-page","Step 3 — Use in a Product Page",[83,3230,3232],{"className":2606,"code":3231,"language":2608,"meta":88,"style":88},"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",[29,3233,3234,3257,3261,3303,3332,3336,3342,3351,3375,3411,3418,3428,3433,3448,3463,3468,3475,3479,3488,3494],{"__ignoreMap":88},[92,3235,3236,3238,3240,3242,3245,3248,3250,3253,3255],{"class":94,"line":95},[92,3237,2616],{"class":2615},[92,3239,2661],{"class":590},[92,3241,3034],{"class":586},[92,3243,3244],{"class":590}," }",[92,3246,3247],{"class":2615}," from",[92,3249,624],{"class":590},[92,3251,3252],{"class":604},"@\u002Fcomponents\u002FTryOnButton",[92,3254,601],{"class":590},[92,3256,643],{"class":590},[92,3258,3259],{"class":94,"line":101},[92,3260,141],{"emptyLinePlaceholder":140},[92,3262,3263,3265,3267,3270,3272,3275,3277,3280,3282,3284,3286,3288,3290,3293,3295,3297,3299,3301],{"class":94,"line":107},[92,3264,2640],{"class":2615},[92,3266,2643],{"class":2615},[92,3268,3269],{"class":2061}," async",[92,3271,2153],{"class":2061},[92,3273,3274],{"class":594}," ProductPage",[92,3276,2651],{"class":590},[92,3278,3279],{"class":2654}," params",[92,3281,2658],{"class":590},[92,3283,2661],{"class":590},[92,3285,3279],{"class":618},[92,3287,343],{"class":590},[92,3289,2661],{"class":590},[92,3291,3292],{"class":618}," slug",[92,3294,343],{"class":590},[92,3296,2933],{"class":2668},[92,3298,3244],{"class":590},[92,3300,2677],{"class":590},[92,3302,613],{"class":590},[92,3304,3305,3307,3310,3312,3315,3318,3320,3323,3325,3328,3330],{"class":94,"line":113},[92,3306,3062],{"class":2061},[92,3308,3309],{"class":586}," product",[92,3311,2177],{"class":590},[92,3313,3314],{"class":2615}," await",[92,3316,3317],{"class":594}," getProduct",[92,3319,598],{"class":618},[92,3321,3322],{"class":586},"params",[92,3324,591],{"class":590},[92,3326,3327],{"class":586},"slug",[92,3329,640],{"class":618},[92,3331,643],{"class":590},[92,3333,3334],{"class":94,"line":119},[92,3335,141],{"emptyLinePlaceholder":140},[92,3337,3338,3340],{"class":94,"line":125},[92,3339,2684],{"class":2615},[92,3341,2687],{"class":618},[92,3343,3344,3347,3349],{"class":94,"line":131},[92,3345,3346],{"class":590},"    \u003C",[92,3348,2288],{"class":618},[92,3350,2099],{"class":590},[92,3352,3353,3355,3357,3360,3363,3365,3368,3371,3373],{"class":94,"line":137},[92,3354,2712],{"class":590},[92,3356,10],{"class":618},[92,3358,3359],{"class":590},">{",[92,3361,3362],{"class":586},"product",[92,3364,591],{"class":590},[92,3366,3367],{"class":586},"name",[92,3369,3370],{"class":590},"}\u003C\u002F",[92,3372,10],{"class":618},[92,3374,2099],{"class":590},[92,3376,3377,3379,3382,3385,3387,3389,3391,3394,3397,3400,3402,3404,3406,3408],{"class":94,"line":144},[92,3378,2712],{"class":590},[92,3380,3381],{"class":618},"img",[92,3383,3384],{"class":2061}," src",[92,3386,3195],{"class":590},[92,3388,3362],{"class":586},[92,3390,591],{"class":590},[92,3392,3393],{"class":586},"image",[92,3395,3396],{"class":590},"} ",[92,3398,3399],{"class":2061},"alt",[92,3401,3195],{"class":590},[92,3403,3362],{"class":586},[92,3405,591],{"class":590},[92,3407,3367],{"class":586},[92,3409,3410],{"class":590},"} \u002F>\n",[92,3412,3413,3415],{"class":94,"line":150},[92,3414,2712],{"class":590},[92,3416,3417],{"class":2668},"TryOnButton\n",[92,3419,3420,3423,3425],{"class":94,"line":156},[92,3421,3422],{"class":2061},"        items",[92,3424,3195],{"class":590},[92,3426,3427],{"class":586},"[\n",[92,3429,3430],{"class":94,"line":162},[92,3431,3432],{"class":590},"          {\n",[92,3434,3435,3438,3440,3442,3444,3446],{"class":94,"line":168},[92,3436,3437],{"class":618},"            productName",[92,3439,343],{"class":590},[92,3441,3309],{"class":586},[92,3443,591],{"class":590},[92,3445,3367],{"class":586},[92,3447,632],{"class":590},[92,3449,3450,3453,3455,3457,3459,3461],{"class":94,"line":173},[92,3451,3452],{"class":618},"            url",[92,3454,343],{"class":590},[92,3456,3309],{"class":586},[92,3458,591],{"class":590},[92,3460,3393],{"class":586},[92,3462,632],{"class":590},[92,3464,3465],{"class":94,"line":179},[92,3466,3467],{"class":590},"          },\n",[92,3469,3470,3473],{"class":94,"line":185},[92,3471,3472],{"class":586},"        ]",[92,3474,2703],{"class":590},[92,3476,3477],{"class":94,"line":191},[92,3478,2760],{"class":590},[92,3480,3481,3484,3486],{"class":94,"line":197},[92,3482,3483],{"class":590},"    \u003C\u002F",[92,3485,2288],{"class":618},[92,3487,2099],{"class":590},[92,3489,3490,3492],{"class":94,"line":203},[92,3491,2883],{"class":618},[92,3493,643],{"class":590},[92,3495,3496],{"class":94,"line":209},[92,3497,2703],{"class":590},[51,3499,3501],{"id":3500},"environment-variable","Environment Variable",[14,3503,3504,3505,343],{},"Add your API key to ",[29,3506,3507],{},".env.local",[83,3509,3513],{"className":3510,"code":3511,"language":3512,"meta":88,"style":88},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","NEXT_PUBLIC_TRY_ON_API_KEY=pk_live_xxx\n","bash",[29,3514,3515],{"__ignoreMap":88},[92,3516,3517,3519,3521],{"class":94,"line":95},[92,3518,2848],{"class":586},[92,3520,2065],{"class":590},[92,3522,3523],{"class":604},"pk_live_xxx\n",[281,3525,3526],{},"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);}",{"title":88,"searchDepth":101,"depth":101,"links":3528},[3529,3535],{"id":2581,"depth":101,"text":2582,"children":3530},[3531,3533,3534],{"id":2595,"depth":107,"text":3532},"Step 1 — Load Scripts in layout.tsx or page.tsx",{"id":2892,"depth":107,"text":2893},{"id":3227,"depth":107,"text":3228},{"id":3500,"depth":101,"text":3501},"Integrate with Next.js (Pages Router & App Router)","i-lucide-triangle",{},"\u002Fen\u002Fintegrations\u002Fnextjs",{"title":2563,"description":3536},"en\u002Fintegrations\u002Fnextjs","4i4mvJbDkWsjbDcA6g10UNAcLqnFeoIi3DSvBEbi-e4",{"id":3544,"title":3545,"body":3546,"description":4429,"extension":290,"icon":4430,"meta":4431,"navigation":140,"path":4432,"seo":4433,"stem":4434,"__hash__":4435},"content\u002Fen\u002Fintegrations\u002Fnuxt.md","Nuxt",{"type":7,"value":3547,"toc":4419},[3548,3552,3555,3559,3569,3575,3892,3898,4093,4097,4395,4397,4403,4416],[10,3549,3551],{"id":3550},"nuxt-integration","Nuxt Integration",[14,3553,3554],{},"The Try-on integrates seamlessly with Nuxt 3 and Nuxt 4.",[51,3556,3558],{"id":3557},"_1-load-the-script","1. Load the Script",[14,3560,3561,3562,3565,3566,591],{},"Use the ",[29,3563,3564],{},"useHead"," composable, or add scripts to your ",[29,3567,3568],{},"nuxt.config.ts",[78,3570,3572,3573],{"id":3571},"option-a-per-page-with-usehead","Option A — Per Page with ",[29,3574,3564],{},[83,3576,3580],{"className":3577,"code":3578,"language":3579,"meta":88,"style":88},"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",[29,3581,3582,3588,3597,3606,3624,3657,3666,3674,3678,3701,3721,3725,3733,3742,3746,3761,3776,3780,3784,3798,3808,3813,3818,3823,3828,3855,3860,3867,3871,3877,3884],{"__ignoreMap":88},[92,3583,3584],{"class":94,"line":95},[92,3585,3587],{"class":3586},"sHwdD","\u003C!-- pages\u002Fproduct\u002F[slug].vue -->\n",[92,3589,3590,3592,3595],{"class":94,"line":101},[92,3591,2053],{"class":590},[92,3593,3594],{"class":618},"template",[92,3596,2099],{"class":590},[92,3598,3599,3602,3604],{"class":94,"line":107},[92,3600,3601],{"class":590},"  \u003C",[92,3603,2288],{"class":618},[92,3605,2099],{"class":590},[92,3607,3608,3610,3612,3615,3618,3620,3622],{"class":94,"line":113},[92,3609,3346],{"class":590},[92,3611,10],{"class":618},[92,3613,3614],{"class":590},">",[92,3616,3617],{"class":586},"{{ product.name }}",[92,3619,2261],{"class":590},[92,3621,10],{"class":618},[92,3623,2099],{"class":590},[92,3625,3626,3628,3631,3634,3636,3638,3641,3643,3646,3648,3650,3653,3655],{"class":94,"line":119},[92,3627,3346],{"class":590},[92,3629,3630],{"class":618},"TryOnWidget",[92,3632,3633],{"class":2061}," :product-name",[92,3635,2065],{"class":590},[92,3637,2068],{"class":590},[92,3639,3640],{"class":604},"product.name",[92,3642,2068],{"class":590},[92,3644,3645],{"class":2061}," :image-url",[92,3647,2065],{"class":590},[92,3649,2068],{"class":590},[92,3651,3652],{"class":604},"product.image",[92,3654,2068],{"class":590},[92,3656,3182],{"class":590},[92,3658,3659,3662,3664],{"class":94,"line":125},[92,3660,3661],{"class":590},"  \u003C\u002F",[92,3663,2288],{"class":618},[92,3665,2099],{"class":590},[92,3667,3668,3670,3672],{"class":94,"line":131},[92,3669,2261],{"class":590},[92,3671,3594],{"class":618},[92,3673,2099],{"class":590},[92,3675,3676],{"class":94,"line":137},[92,3677,141],{"emptyLinePlaceholder":140},[92,3679,3680,3682,3684,3687,3690,3692,3694,3697,3699],{"class":94,"line":144},[92,3681,2053],{"class":590},[92,3683,2096],{"class":618},[92,3685,3686],{"class":2061}," setup",[92,3688,3689],{"class":2061}," lang",[92,3691,2065],{"class":590},[92,3693,2068],{"class":590},[92,3695,3696],{"class":604},"ts",[92,3698,2068],{"class":590},[92,3700,2099],{"class":590},[92,3702,3703,3705,3707,3710,3712,3714,3716,3719],{"class":94,"line":150},[92,3704,2616],{"class":2615},[92,3706,2661],{"class":590},[92,3708,3709],{"class":586}," useHead",[92,3711,3244],{"class":590},[92,3713,3247],{"class":2615},[92,3715,624],{"class":590},[92,3717,3718],{"class":604},"#app",[92,3720,2247],{"class":590},[92,3722,3723],{"class":94,"line":156},[92,3724,141],{"emptyLinePlaceholder":140},[92,3726,3727,3729,3731],{"class":94,"line":162},[92,3728,3564],{"class":594},[92,3730,598],{"class":586},[92,3732,2965],{"class":590},[92,3734,3735,3738,3740],{"class":94,"line":168},[92,3736,3737],{"class":618},"  script",[92,3739,343],{"class":590},[92,3741,1134],{"class":586},[92,3743,3744],{"class":94,"line":173},[92,3745,1139],{"class":590},[92,3747,3748,3751,3753,3755,3757,3759],{"class":94,"line":179},[92,3749,3750],{"class":618},"      src",[92,3752,343],{"class":590},[92,3754,624],{"class":590},[92,3756,2071],{"class":604},[92,3758,601],{"class":590},[92,3760,632],{"class":590},[92,3762,3763,3766,3768,3770,3772,3774],{"class":94,"line":185},[92,3764,3765],{"class":618},"      id",[92,3767,343],{"class":590},[92,3769,624],{"class":590},[92,3771,2086],{"class":604},[92,3773,601],{"class":590},[92,3775,632],{"class":590},[92,3777,3778],{"class":94,"line":191},[92,3779,1176],{"class":590},[92,3781,3782],{"class":94,"line":197},[92,3783,1139],{"class":590},[92,3785,3786,3788,3790,3792,3794,3796],{"class":94,"line":203},[92,3787,3765],{"class":618},[92,3789,343],{"class":590},[92,3791,624],{"class":590},[92,3793,2124],{"class":604},[92,3795,601],{"class":590},[92,3797,632],{"class":590},[92,3799,3800,3803,3805],{"class":94,"line":209},[92,3801,3802],{"class":618},"      innerHTML",[92,3804,343],{"class":590},[92,3806,3807],{"class":590}," `\n",[92,3809,3810],{"class":94,"line":214},[92,3811,3812],{"class":604},"        window.fitting = window.fitting || function() {\n",[92,3814,3815],{"class":94,"line":220},[92,3816,3817],{"class":604},"          (window.fitting.q = window.fitting.q || []).push(arguments);\n",[92,3819,3820],{"class":94,"line":225},[92,3821,3822],{"class":604},"        };\n",[92,3824,3825],{"class":94,"line":231},[92,3826,3827],{"class":604},"        window.fitting('init', {\n",[92,3829,3830,3833,3835,3837,3839,3842,3844,3846,3848,3851,3853],{"class":94,"line":237},[92,3831,3832],{"class":604},"          apiKey: '",[92,3834,2835],{"class":590},[92,3836,2616],{"class":2615},[92,3838,591],{"class":590},[92,3840,3841],{"class":586},"meta",[92,3843,591],{"class":590},[92,3845,2843],{"class":586},[92,3847,591],{"class":590},[92,3849,3850],{"class":586},"VITE_TRY_ON_API_KEY",[92,3852,637],{"class":590},[92,3854,2247],{"class":604},[92,3856,3857],{"class":94,"line":243},[92,3858,3859],{"class":604},"        });\n",[92,3861,3862,3865],{"class":94,"line":248},[92,3863,3864],{"class":590},"      `",[92,3866,632],{"class":590},[92,3868,3869],{"class":94,"line":254},[92,3870,1176],{"class":590},[92,3872,3873,3875],{"class":94,"line":259},[92,3874,1181],{"class":586},[92,3876,632],{"class":590},[92,3878,3879,3881],{"class":94,"line":265},[92,3880,637],{"class":590},[92,3882,3883],{"class":586},")\n",[92,3885,3886,3888,3890],{"class":94,"line":270},[92,3887,2261],{"class":590},[92,3889,2096],{"class":618},[92,3891,2099],{"class":590},[78,3893,3895,3896],{"id":3894},"option-b-global-in-nuxtconfigts","Option B — Global in ",[29,3897,3568],{},[83,3899,3902],{"className":3900,"code":3901,"language":3696,"meta":88,"style":88},"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",[29,3903,3904,3917,3926,3935,3944,3949,3964,3979,3984,3988,4002,4011,4016,4021,4026,4031,4056,4061,4068,4072,4079,4083,4087],{"__ignoreMap":88},[92,3905,3906,3908,3910,3913,3915],{"class":94,"line":95},[92,3907,2640],{"class":2615},[92,3909,2643],{"class":2615},[92,3911,3912],{"class":594}," defineNuxtConfig",[92,3914,598],{"class":586},[92,3916,2965],{"class":590},[92,3918,3919,3922,3924],{"class":94,"line":101},[92,3920,3921],{"class":618},"  app",[92,3923,343],{"class":590},[92,3925,613],{"class":590},[92,3927,3928,3931,3933],{"class":94,"line":107},[92,3929,3930],{"class":618},"    head",[92,3932,343],{"class":590},[92,3934,613],{"class":590},[92,3936,3937,3940,3942],{"class":94,"line":113},[92,3938,3939],{"class":618},"      script",[92,3941,343],{"class":590},[92,3943,1134],{"class":586},[92,3945,3946],{"class":94,"line":119},[92,3947,3948],{"class":590},"        {\n",[92,3950,3951,3954,3956,3958,3960,3962],{"class":94,"line":125},[92,3952,3953],{"class":618},"          src",[92,3955,343],{"class":590},[92,3957,624],{"class":590},[92,3959,2071],{"class":604},[92,3961,601],{"class":590},[92,3963,632],{"class":590},[92,3965,3966,3969,3971,3973,3975,3977],{"class":94,"line":131},[92,3967,3968],{"class":618},"          id",[92,3970,343],{"class":590},[92,3972,624],{"class":590},[92,3974,2086],{"class":604},[92,3976,601],{"class":590},[92,3978,632],{"class":590},[92,3980,3981],{"class":94,"line":137},[92,3982,3983],{"class":590},"        },\n",[92,3985,3986],{"class":94,"line":144},[92,3987,3948],{"class":590},[92,3989,3990,3992,3994,3996,3998,4000],{"class":94,"line":150},[92,3991,3968],{"class":618},[92,3993,343],{"class":590},[92,3995,624],{"class":590},[92,3997,2124],{"class":604},[92,3999,601],{"class":590},[92,4001,632],{"class":590},[92,4003,4004,4007,4009],{"class":94,"line":156},[92,4005,4006],{"class":618},"          innerHTML",[92,4008,343],{"class":590},[92,4010,3807],{"class":590},[92,4012,4013],{"class":94,"line":162},[92,4014,4015],{"class":604},"            window.fitting = window.fitting || function() {\n",[92,4017,4018],{"class":94,"line":168},[92,4019,4020],{"class":604},"              (window.fitting.q = window.fitting.q || []).push(arguments);\n",[92,4022,4023],{"class":94,"line":173},[92,4024,4025],{"class":604},"            };\n",[92,4027,4028],{"class":94,"line":179},[92,4029,4030],{"class":604},"            window.fitting('init', {\n",[92,4032,4033,4036,4038,4040,4042,4044,4046,4048,4050,4052,4054],{"class":94,"line":185},[92,4034,4035],{"class":604},"              apiKey: '",[92,4037,2835],{"class":590},[92,4039,2616],{"class":2615},[92,4041,591],{"class":590},[92,4043,3841],{"class":586},[92,4045,591],{"class":590},[92,4047,2843],{"class":586},[92,4049,591],{"class":590},[92,4051,3850],{"class":586},[92,4053,637],{"class":590},[92,4055,2247],{"class":604},[92,4057,4058],{"class":94,"line":191},[92,4059,4060],{"class":604},"            });\n",[92,4062,4063,4066],{"class":94,"line":197},[92,4064,4065],{"class":590},"          `",[92,4067,632],{"class":590},[92,4069,4070],{"class":94,"line":203},[92,4071,3983],{"class":590},[92,4073,4074,4077],{"class":94,"line":209},[92,4075,4076],{"class":586},"      ]",[92,4078,632],{"class":590},[92,4080,4081],{"class":94,"line":214},[92,4082,1176],{"class":590},[92,4084,4085],{"class":94,"line":220},[92,4086,217],{"class":590},[92,4088,4089,4091],{"class":94,"line":225},[92,4090,637],{"class":590},[92,4092,3883],{"class":586},[51,4094,4096],{"id":4095},"_2-create-the-wrapper-component","2. Create the Wrapper Component",[83,4098,4100],{"className":3577,"code":4099,"language":3579,"meta":88,"style":88},"\u003C!-- components\u002FTryOnWidget.vue -->\n\u003Ctemplate>\n  \u003Cdiv>\n    \u003Cdiv id=\"widget-container\" \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",[29,4101,4102,4107,4115,4123,4141,4169,4177,4185,4189,4209,4225,4234,4243,4250,4254,4269,4289,4304,4319,4328,4333,4349,4365,4370,4377,4383,4387],{"__ignoreMap":88},[92,4103,4104],{"class":94,"line":95},[92,4105,4106],{"class":3586},"\u003C!-- components\u002FTryOnWidget.vue -->\n",[92,4108,4109,4111,4113],{"class":94,"line":101},[92,4110,2053],{"class":590},[92,4112,3594],{"class":618},[92,4114,2099],{"class":590},[92,4116,4117,4119,4121],{"class":94,"line":107},[92,4118,3601],{"class":590},[92,4120,2288],{"class":618},[92,4122,2099],{"class":590},[92,4124,4125,4127,4129,4131,4133,4135,4137,4139],{"class":94,"line":113},[92,4126,3346],{"class":590},[92,4128,2288],{"class":618},[92,4130,2117],{"class":2061},[92,4132,2065],{"class":590},[92,4134,2068],{"class":590},[92,4136,1104],{"class":604},[92,4138,2068],{"class":590},[92,4140,3182],{"class":590},[92,4142,4143,4145,4147,4150,4152,4154,4157,4159,4161,4163,4165,4167],{"class":94,"line":119},[92,4144,3346],{"class":590},[92,4146,3189],{"class":618},[92,4148,4149],{"class":2061}," @click",[92,4151,2065],{"class":590},[92,4153,2068],{"class":590},[92,4155,4156],{"class":604},"handleTryOn",[92,4158,2068],{"class":590},[92,4160,3614],{"class":590},[92,4162,3204],{"class":586},[92,4164,2261],{"class":590},[92,4166,3189],{"class":618},[92,4168,2099],{"class":590},[92,4170,4171,4173,4175],{"class":94,"line":125},[92,4172,3661],{"class":590},[92,4174,2288],{"class":618},[92,4176,2099],{"class":590},[92,4178,4179,4181,4183],{"class":94,"line":131},[92,4180,2261],{"class":590},[92,4182,3594],{"class":618},[92,4184,2099],{"class":590},[92,4186,4187],{"class":94,"line":137},[92,4188,141],{"emptyLinePlaceholder":140},[92,4190,4191,4193,4195,4197,4199,4201,4203,4205,4207],{"class":94,"line":144},[92,4192,2053],{"class":590},[92,4194,2096],{"class":618},[92,4196,3686],{"class":2061},[92,4198,3689],{"class":2061},[92,4200,2065],{"class":590},[92,4202,2068],{"class":590},[92,4204,3696],{"class":604},[92,4206,2068],{"class":590},[92,4208,2099],{"class":590},[92,4210,4211,4214,4217,4219,4222],{"class":94,"line":150},[92,4212,4213],{"class":2061},"const",[92,4215,4216],{"class":586}," props ",[92,4218,2065],{"class":590},[92,4220,4221],{"class":594}," defineProps",[92,4223,4224],{"class":590},"\u003C{\n",[92,4226,4227,4229,4231],{"class":94,"line":156},[92,4228,2928],{"class":618},[92,4230,343],{"class":590},[92,4232,4233],{"class":2668}," string\n",[92,4235,4236,4239,4241],{"class":94,"line":162},[92,4237,4238],{"class":618},"  imageUrl",[92,4240,343],{"class":590},[92,4242,4233],{"class":2668},[92,4244,4245,4247],{"class":94,"line":168},[92,4246,3201],{"class":590},[92,4248,4249],{"class":586},"()\n",[92,4251,4252],{"class":94,"line":173},[92,4253,141],{"emptyLinePlaceholder":140},[92,4255,4256,4258,4261,4263,4265,4267],{"class":94,"line":179},[92,4257,4213],{"class":2061},[92,4259,4260],{"class":586}," handleTryOn ",[92,4262,2065],{"class":590},[92,4264,3070],{"class":590},[92,4266,3008],{"class":2061},[92,4268,613],{"class":590},[92,4270,4271,4273,4275,4277,4279,4281,4283,4285,4287],{"class":94,"line":185},[92,4272,2133],{"class":586},[92,4274,591],{"class":590},[92,4276,595],{"class":594},[92,4278,598],{"class":618},[92,4280,601],{"class":590},[92,4282,1086],{"class":604},[92,4284,601],{"class":590},[92,4286,610],{"class":590},[92,4288,613],{"class":590},[92,4290,4291,4294,4296,4298,4300,4302],{"class":94,"line":191},[92,4292,4293],{"class":618},"    targetElementId",[92,4295,343],{"class":590},[92,4297,624],{"class":590},[92,4299,1104],{"class":604},[92,4301,601],{"class":590},[92,4303,632],{"class":590},[92,4305,4306,4309,4311,4313,4315,4317],{"class":94,"line":197},[92,4307,4308],{"class":618},"    model",[92,4310,343],{"class":590},[92,4312,624],{"class":590},[92,4314,1120],{"class":604},[92,4316,601],{"class":590},[92,4318,632],{"class":590},[92,4320,4321,4324,4326],{"class":94,"line":203},[92,4322,4323],{"class":618},"    tryonItems",[92,4325,343],{"class":590},[92,4327,1134],{"class":618},[92,4329,4330],{"class":94,"line":209},[92,4331,4332],{"class":590},"      {\n",[92,4334,4335,4338,4340,4343,4345,4347],{"class":94,"line":214},[92,4336,4337],{"class":618},"        productName",[92,4339,343],{"class":590},[92,4341,4342],{"class":586}," props",[92,4344,591],{"class":590},[92,4346,829],{"class":586},[92,4348,632],{"class":590},[92,4350,4351,4354,4356,4358,4360,4363],{"class":94,"line":220},[92,4352,4353],{"class":618},"        url",[92,4355,343],{"class":590},[92,4357,4342],{"class":586},[92,4359,591],{"class":590},[92,4361,4362],{"class":586},"imageUrl",[92,4364,632],{"class":590},[92,4366,4367],{"class":94,"line":225},[92,4368,4369],{"class":590},"      },\n",[92,4371,4372,4375],{"class":94,"line":231},[92,4373,4374],{"class":618},"    ]",[92,4376,632],{"class":590},[92,4378,4379,4381],{"class":94,"line":237},[92,4380,2252],{"class":590},[92,4382,3883],{"class":618},[92,4384,4385],{"class":94,"line":243},[92,4386,2703],{"class":590},[92,4388,4389,4391,4393],{"class":94,"line":248},[92,4390,2261],{"class":590},[92,4392,2096],{"class":618},[92,4394,2099],{"class":590},[51,4396,3501],{"id":3500},[14,4398,4399,4400,343],{},"Add to ",[29,4401,4402],{},".env",[83,4404,4406],{"className":3510,"code":4405,"language":3512,"meta":88,"style":88},"VITE_TRY_ON_API_KEY=pk_live_xxx\n",[29,4407,4408],{"__ignoreMap":88},[92,4409,4410,4412,4414],{"class":94,"line":95},[92,4411,3850],{"class":586},[92,4413,2065],{"class":590},[92,4415,3523],{"class":604},[281,4417,4418],{},"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":88,"searchDepth":101,"depth":101,"links":4420},[4421,4427,4428],{"id":3557,"depth":101,"text":3558,"children":4422},[4423,4425],{"id":3571,"depth":107,"text":4424},"Option A — Per Page with useHead",{"id":3894,"depth":107,"text":4426},"Option B — Global in nuxt.config.ts",{"id":4095,"depth":101,"text":4096},{"id":3500,"depth":101,"text":3501},"Integrate with a Nuxt 3 \u002F Nuxt 4 app","i-lucide-nut",{},"\u002Fen\u002Fintegrations\u002Fnuxt",{"title":3545,"description":4429},"en\u002Fintegrations\u002Fnuxt","Zhv21evc6PcPsXq2lnG_5C2SmYhOd9F4fdq4HoMpX5s",{"id":4437,"title":4438,"body":4439,"description":5283,"extension":290,"icon":5284,"meta":5285,"navigation":140,"path":5286,"seo":5287,"stem":5288,"__hash__":5289},"content\u002Fen\u002Fintegrations\u002Freact.md","React",{"type":7,"value":4440,"toc":5278},[4441,4445,4448,4452,4458,4643,4653,4657,4977,4981,5275],[10,4442,4444],{"id":4443},"react-integration","React Integration",[14,4446,4447],{},"Works with any React setup — Vite, Create React App, or custom.",[51,4449,4451],{"id":4450},"_1-load-the-widget-script","1. Load the Widget Script",[14,4453,4454,4455,343],{},"Add the script to your ",[29,4456,4457],{},"index.html",[83,4459,4461],{"className":2044,"code":4460,"language":2046,"meta":88,"style":88},"\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",[29,4462,4463,4468,4474,4486,4498,4506,4524,4548,4590,4594,4614,4627,4635],{"__ignoreMap":88},[92,4464,4465],{"class":94,"line":95},[92,4466,4467],{"class":3586},"\u003C!-- In public\u002Findex.html or index.html (Vite) -->\n",[92,4469,4470,4472],{"class":94,"line":101},[92,4471,2053],{"class":590},[92,4473,2056],{"class":618},[92,4475,4476,4478,4480,4482,4484],{"class":94,"line":107},[92,4477,2062],{"class":2061},[92,4479,2065],{"class":590},[92,4481,2068],{"class":590},[92,4483,2071],{"class":604},[92,4485,2074],{"class":590},[92,4487,4488,4490,4492,4494,4496],{"class":94,"line":113},[92,4489,2079],{"class":2061},[92,4491,2065],{"class":590},[92,4493,2068],{"class":590},[92,4495,2086],{"class":604},[92,4497,2074],{"class":590},[92,4499,4500,4502,4504],{"class":94,"line":119},[92,4501,2093],{"class":590},[92,4503,2096],{"class":618},[92,4505,2099],{"class":590},[92,4507,4508,4510,4512,4514,4516,4518,4520,4522],{"class":94,"line":125},[92,4509,2053],{"class":590},[92,4511,2096],{"class":618},[92,4513,2117],{"class":2061},[92,4515,2065],{"class":590},[92,4517,2068],{"class":590},[92,4519,2124],{"class":604},[92,4521,2068],{"class":590},[92,4523,2099],{"class":590},[92,4525,4526,4528,4530,4532,4534,4536,4538,4540,4542,4544,4546],{"class":94,"line":131},[92,4527,2133],{"class":586},[92,4529,591],{"class":590},[92,4531,2138],{"class":586},[92,4533,2065],{"class":590},[92,4535,2143],{"class":586},[92,4537,591],{"class":590},[92,4539,2138],{"class":586},[92,4541,2150],{"class":590},[92,4543,2153],{"class":2061},[92,4545,2156],{"class":590},[92,4547,613],{"class":590},[92,4549,4550,4552,4554,4556,4558,4560,4562,4564,4566,4568,4570,4572,4574,4576,4578,4580,4582,4584,4586,4588],{"class":94,"line":137},[92,4551,2163],{"class":618},[92,4553,587],{"class":586},[92,4555,591],{"class":590},[92,4557,595],{"class":586},[92,4559,591],{"class":590},[92,4561,2174],{"class":586},[92,4563,2177],{"class":590},[92,4565,2143],{"class":586},[92,4567,591],{"class":590},[92,4569,595],{"class":586},[92,4571,591],{"class":590},[92,4573,2174],{"class":586},[92,4575,2190],{"class":590},[92,4577,2193],{"class":618},[92,4579,591],{"class":590},[92,4581,2198],{"class":594},[92,4583,598],{"class":618},[92,4585,2203],{"class":586},[92,4587,640],{"class":618},[92,4589,643],{"class":590},[92,4591,4592],{"class":94,"line":144},[92,4593,2212],{"class":590},[92,4595,4596,4598,4600,4602,4604,4606,4608,4610,4612],{"class":94,"line":150},[92,4597,2133],{"class":586},[92,4599,591],{"class":590},[92,4601,595],{"class":594},[92,4603,598],{"class":586},[92,4605,601],{"class":590},[92,4607,605],{"class":604},[92,4609,601],{"class":590},[92,4611,610],{"class":590},[92,4613,613],{"class":590},[92,4615,4616,4618,4620,4622,4625],{"class":94,"line":156},[92,4617,2237],{"class":618},[92,4619,343],{"class":590},[92,4621,624],{"class":590},[92,4623,4624],{"class":604},"%VITE_TRY_ON_API_KEY%",[92,4626,2247],{"class":590},[92,4628,4629,4631,4633],{"class":94,"line":162},[92,4630,2252],{"class":590},[92,4632,640],{"class":586},[92,4634,643],{"class":590},[92,4636,4637,4639,4641],{"class":94,"line":168},[92,4638,2261],{"class":590},[92,4640,2096],{"class":618},[92,4642,2099],{"class":590},[4644,4645,4647],"callout",{"icon":4646},"i-lucide-lightbulb",[14,4648,4649,4650,4652],{},"Replace ",[29,4651,4624],{}," at build time with your actual key, or use a runtime injection approach.",[51,4654,4656],{"id":4655},"_2-create-a-custom-hook","2. Create a Custom Hook",[83,4658,4660],{"className":2606,"code":4659,"language":2608,"meta":88,"style":88},"\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",[29,4661,4662,4667,4675,4685,4695,4706,4710,4714,4723,4733,4766,4779,4783,4787,4795,4803,4833,4837,4841,4845,4858,4882,4906,4910,4914,4929,4950,4954,4958,4973],{"__ignoreMap":88},[92,4663,4664],{"class":94,"line":95},[92,4665,4666],{"class":3586},"\u002F\u002F hooks\u002FuseFittingWidget.ts\n",[92,4668,4669,4671,4673],{"class":94,"line":101},[92,4670,2918],{"class":2061},[92,4672,2921],{"class":2668},[92,4674,613],{"class":590},[92,4676,4677,4679,4681,4683],{"class":94,"line":107},[92,4678,2928],{"class":618},[92,4680,343],{"class":590},[92,4682,2933],{"class":2668},[92,4684,643],{"class":590},[92,4686,4687,4689,4691,4693],{"class":94,"line":113},[92,4688,2940],{"class":618},[92,4690,343],{"class":590},[92,4692,2933],{"class":2668},[92,4694,643],{"class":590},[92,4696,4697,4700,4702,4704],{"class":94,"line":119},[92,4698,4699],{"class":618},"  productId",[92,4701,3000],{"class":590},[92,4703,2933],{"class":2668},[92,4705,643],{"class":590},[92,4707,4708],{"class":94,"line":125},[92,4709,2703],{"class":590},[92,4711,4712],{"class":94,"line":131},[92,4713,141],{"emptyLinePlaceholder":140},[92,4715,4716,4718,4721],{"class":94,"line":137},[92,4717,2918],{"class":2061},[92,4719,4720],{"class":2668}," CreateOptions",[92,4722,613],{"class":590},[92,4724,4725,4727,4729,4731],{"class":94,"line":144},[92,4726,1097],{"class":618},[92,4728,343],{"class":590},[92,4730,2933],{"class":2668},[92,4732,643],{"class":590},[92,4734,4735,4737,4739,4741,4743,4745,4748,4750,4753,4755,4757,4759,4762,4764],{"class":94,"line":150},[92,4736,1113],{"class":618},[92,4738,3000],{"class":590},[92,4740,624],{"class":590},[92,4742,1120],{"class":604},[92,4744,601],{"class":590},[92,4746,4747],{"class":590}," |",[92,4749,624],{"class":590},[92,4751,4752],{"class":604},"quality",[92,4754,601],{"class":590},[92,4756,4747],{"class":590},[92,4758,624],{"class":590},[92,4760,4761],{"class":604},"speed",[92,4763,601],{"class":590},[92,4765,643],{"class":590},[92,4767,4768,4770,4772,4774,4777],{"class":94,"line":156},[92,4769,1129],{"class":618},[92,4771,343],{"class":590},[92,4773,2921],{"class":2668},[92,4775,4776],{"class":586},"[]",[92,4778,643],{"class":590},[92,4780,4781],{"class":94,"line":162},[92,4782,2703],{"class":590},[92,4784,4785],{"class":94,"line":168},[92,4786,141],{"emptyLinePlaceholder":140},[92,4788,4789,4791,4793],{"class":94,"line":173},[92,4790,2959],{"class":2061},[92,4792,2962],{"class":586},[92,4794,2965],{"class":590},[92,4796,4797,4799,4801],{"class":94,"line":179},[92,4798,2970],{"class":2061},[92,4800,2973],{"class":2668},[92,4802,613],{"class":590},[92,4804,4805,4807,4809,4811,4813,4815,4817,4819,4821,4823,4825,4827,4829,4831],{"class":94,"line":185},[92,4806,2980],{"class":618},[92,4808,343],{"class":590},[92,4810,2985],{"class":590},[92,4812,2988],{"class":2654},[92,4814,343],{"class":590},[92,4816,2933],{"class":2668},[92,4818,610],{"class":590},[92,4820,2997],{"class":2654},[92,4822,3000],{"class":590},[92,4824,3003],{"class":2668},[92,4826,640],{"class":590},[92,4828,3008],{"class":2061},[92,4830,3011],{"class":2668},[92,4832,643],{"class":590},[92,4834,4835],{"class":94,"line":191},[92,4836,273],{"class":590},[92,4838,4839],{"class":94,"line":197},[92,4840,2703],{"class":590},[92,4842,4843],{"class":94,"line":203},[92,4844,141],{"emptyLinePlaceholder":140},[92,4846,4847,4849,4851,4854,4856],{"class":94,"line":209},[92,4848,2640],{"class":2615},[92,4850,2153],{"class":2061},[92,4852,4853],{"class":594}," useFittingWidget",[92,4855,2156],{"class":590},[92,4857,613],{"class":590},[92,4859,4860,4862,4865,4867,4869,4872,4874,4876,4878,4880],{"class":94,"line":214},[92,4861,3062],{"class":2061},[92,4863,4864],{"class":586}," open",[92,4866,2177],{"class":590},[92,4868,2985],{"class":590},[92,4870,4871],{"class":2654},"options",[92,4873,343],{"class":590},[92,4875,4720],{"class":2668},[92,4877,640],{"class":590},[92,4879,3008],{"class":2061},[92,4881,613],{"class":590},[92,4883,4884,4886,4888,4890,4892,4894,4896,4898,4900,4902,4904],{"class":94,"line":220},[92,4885,3079],{"class":586},[92,4887,591],{"class":590},[92,4889,595],{"class":594},[92,4891,598],{"class":618},[92,4893,601],{"class":590},[92,4895,1086],{"class":604},[92,4897,601],{"class":590},[92,4899,610],{"class":590},[92,4901,2997],{"class":586},[92,4903,640],{"class":618},[92,4905,643],{"class":590},[92,4907,4908],{"class":94,"line":225},[92,4909,2212],{"class":590},[92,4911,4912],{"class":94,"line":231},[92,4913,141],{"emptyLinePlaceholder":140},[92,4915,4916,4918,4921,4923,4925,4927],{"class":94,"line":237},[92,4917,3062],{"class":2061},[92,4919,4920],{"class":586}," close",[92,4922,2177],{"class":590},[92,4924,3070],{"class":590},[92,4926,3008],{"class":2061},[92,4928,613],{"class":590},[92,4930,4931,4933,4935,4937,4939,4941,4944,4946,4948],{"class":94,"line":243},[92,4932,3079],{"class":586},[92,4934,591],{"class":590},[92,4936,595],{"class":594},[92,4938,598],{"class":618},[92,4940,601],{"class":590},[92,4942,4943],{"class":604},"close",[92,4945,601],{"class":590},[92,4947,640],{"class":618},[92,4949,643],{"class":590},[92,4951,4952],{"class":94,"line":248},[92,4953,2212],{"class":590},[92,4955,4956],{"class":94,"line":254},[92,4957,141],{"emptyLinePlaceholder":140},[92,4959,4960,4962,4964,4966,4968,4970],{"class":94,"line":259},[92,4961,2684],{"class":2615},[92,4963,2661],{"class":590},[92,4965,4864],{"class":586},[92,4967,610],{"class":590},[92,4969,4920],{"class":586},[92,4971,4972],{"class":590}," };\n",[92,4974,4975],{"class":94,"line":265},[92,4976,2703],{"class":590},[51,4978,4980],{"id":4979},"_3-use-in-a-component","3. Use in a Component",[83,4982,4984],{"className":2606,"code":4983,"language":2608,"meta":88,"style":88},"\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      \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",[29,4985,4986,4991,5012,5016,5025,5035,5045,5049,5053,5080,5098,5102,5108,5116,5123,5135,5139,5146,5157,5166,5181,5196,5228,5235,5240,5244,5249,5257,5265,5271],{"__ignoreMap":88},[92,4987,4988],{"class":94,"line":95},[92,4989,4990],{"class":3586},"\u002F\u002F components\u002FTryOnWidget.tsx\n",[92,4992,4993,4995,4997,4999,5001,5003,5005,5008,5010],{"class":94,"line":101},[92,4994,2616],{"class":2615},[92,4996,2661],{"class":590},[92,4998,4853],{"class":586},[92,5000,3244],{"class":590},[92,5002,3247],{"class":2615},[92,5004,624],{"class":590},[92,5006,5007],{"class":604},"..\u002Fhooks\u002FuseFittingWidget",[92,5009,601],{"class":590},[92,5011,643],{"class":590},[92,5013,5014],{"class":94,"line":107},[92,5015,141],{"emptyLinePlaceholder":140},[92,5017,5018,5020,5023],{"class":94,"line":113},[92,5019,2918],{"class":2061},[92,5021,5022],{"class":2668}," Props",[92,5024,613],{"class":590},[92,5026,5027,5029,5031,5033],{"class":94,"line":119},[92,5028,2928],{"class":618},[92,5030,343],{"class":590},[92,5032,2933],{"class":2668},[92,5034,643],{"class":590},[92,5036,5037,5039,5041,5043],{"class":94,"line":125},[92,5038,4238],{"class":618},[92,5040,343],{"class":590},[92,5042,2933],{"class":2668},[92,5044,643],{"class":590},[92,5046,5047],{"class":94,"line":131},[92,5048,2703],{"class":590},[92,5050,5051],{"class":94,"line":137},[92,5052,141],{"emptyLinePlaceholder":140},[92,5054,5055,5057,5059,5062,5064,5067,5069,5072,5074,5076,5078],{"class":94,"line":144},[92,5056,2640],{"class":2615},[92,5058,2153],{"class":2061},[92,5060,5061],{"class":594}," TryOnWidget",[92,5063,2651],{"class":590},[92,5065,5066],{"class":2654}," productName",[92,5068,610],{"class":590},[92,5070,5071],{"class":2654}," imageUrl",[92,5073,2658],{"class":590},[92,5075,5022],{"class":2668},[92,5077,640],{"class":590},[92,5079,613],{"class":590},[92,5081,5082,5084,5086,5088,5090,5092,5094,5096],{"class":94,"line":150},[92,5083,3062],{"class":2061},[92,5085,2661],{"class":590},[92,5087,4864],{"class":586},[92,5089,3244],{"class":590},[92,5091,2177],{"class":590},[92,5093,4853],{"class":594},[92,5095,2156],{"class":618},[92,5097,643],{"class":590},[92,5099,5100],{"class":94,"line":156},[92,5101,141],{"emptyLinePlaceholder":140},[92,5103,5104,5106],{"class":94,"line":162},[92,5105,2684],{"class":2615},[92,5107,2687],{"class":618},[92,5109,5110,5112,5114],{"class":94,"line":168},[92,5111,3346],{"class":590},[92,5113,2288],{"class":618},[92,5115,2099],{"class":590},[92,5117,5118,5120],{"class":94,"line":173},[92,5119,2712],{"class":590},[92,5121,5122],{"class":618},"div\n",[92,5124,5125,5127,5129,5131,5133],{"class":94,"line":179},[92,5126,2747],{"class":2061},[92,5128,2065],{"class":590},[92,5130,2068],{"class":590},[92,5132,1104],{"class":604},[92,5134,2074],{"class":590},[92,5136,5137],{"class":94,"line":185},[92,5138,2760],{"class":590},[92,5140,5141,5143],{"class":94,"line":191},[92,5142,2712],{"class":590},[92,5144,5145],{"class":618},"button\n",[92,5147,5148,5151,5154],{"class":94,"line":197},[92,5149,5150],{"class":2061},"        onClick",[92,5152,5153],{"class":590},"={()",[92,5155,5156],{"class":2061}," =>\n",[92,5158,5159,5162,5164],{"class":94,"line":203},[92,5160,5161],{"class":594},"          open",[92,5163,598],{"class":586},[92,5165,2965],{"class":590},[92,5167,5168,5171,5173,5175,5177,5179],{"class":94,"line":209},[92,5169,5170],{"class":618},"            targetElementId",[92,5172,343],{"class":590},[92,5174,624],{"class":590},[92,5176,1104],{"class":604},[92,5178,601],{"class":590},[92,5180,632],{"class":590},[92,5182,5183,5186,5188,5190,5192,5194],{"class":94,"line":214},[92,5184,5185],{"class":618},"            model",[92,5187,343],{"class":590},[92,5189,624],{"class":590},[92,5191,1120],{"class":604},[92,5193,601],{"class":590},[92,5195,632],{"class":590},[92,5197,5198,5201,5203,5206,5209,5211,5213,5216,5218,5221,5223,5226],{"class":94,"line":220},[92,5199,5200],{"class":618},"            tryonItems",[92,5202,343],{"class":590},[92,5204,5205],{"class":586}," [",[92,5207,5208],{"class":590},"{",[92,5210,5066],{"class":586},[92,5212,610],{"class":590},[92,5214,5215],{"class":618}," url",[92,5217,343],{"class":590},[92,5219,5220],{"class":586}," imageUrl ",[92,5222,637],{"class":590},[92,5224,5225],{"class":586},"]",[92,5227,632],{"class":590},[92,5229,5230,5233],{"class":94,"line":225},[92,5231,5232],{"class":590},"          }",[92,5234,3883],{"class":586},[92,5236,5237],{"class":94,"line":231},[92,5238,5239],{"class":590},"        }\n",[92,5241,5242],{"class":94,"line":237},[92,5243,2799],{"class":590},[92,5245,5246],{"class":94,"line":243},[92,5247,5248],{"class":586},"        Try On\n",[92,5250,5251,5253,5255],{"class":94,"line":248},[92,5252,2869],{"class":590},[92,5254,3189],{"class":618},[92,5256,2099],{"class":590},[92,5258,5259,5261,5263],{"class":94,"line":254},[92,5260,3483],{"class":590},[92,5262,2288],{"class":618},[92,5264,2099],{"class":590},[92,5266,5267,5269],{"class":94,"line":259},[92,5268,2883],{"class":618},[92,5270,643],{"class":590},[92,5272,5273],{"class":94,"line":265},[92,5274,2703],{"class":590},[281,5276,5277],{},"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}",{"title":88,"searchDepth":101,"depth":101,"links":5279},[5280,5281,5282],{"id":4450,"depth":101,"text":4451},{"id":4655,"depth":101,"text":4656},{"id":4979,"depth":101,"text":4980},"Integrate with a React (Vite \u002F CRA) app","i-lucide-react",{},"\u002Fen\u002Fintegrations\u002Freact",{"title":4438,"description":5283},"en\u002Fintegrations\u002Freact","Lf4hkEc0sqO5KmswLtxm16LoS28aVNH57_sJoq1v2SU",{"id":5291,"title":5292,"body":5293,"description":5973,"extension":290,"icon":5974,"meta":5975,"navigation":140,"path":5976,"seo":5977,"stem":5978,"__hash__":5979},"content\u002Fen\u002Fintegrations\u002Fvanilla-js.md","Vanilla JS",{"type":7,"value":5294,"toc":5969},[5295,5299,5302,5306,5935,5939,5966],[10,5296,5298],{"id":5297},"vanilla-js-integration","Vanilla JS Integration",[14,5300,5301],{},"No framework needed — just HTML and JavaScript.",[51,5303,5305],{"id":5304},"full-example","Full Example",[83,5307,5309],{"className":2044,"code":5308,"language":2046,"meta":88,"style":88},"\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\">\u003C\u002Fdiv>\n\n  \u003Cbutton onclick=\"openWidget()\">Try On\u003C\u002Fbutton>\n\n  \u003C!-- 1. Load the widget bundle -->\n  \u003Cscript\n    type=\"module\"\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",[29,5310,5311,5324,5343,5352,5372,5404,5422,5430,5439,5443,5459,5476,5480,5485,5507,5511,5541,5545,5550,5556,5570,5583,5596,5605,5609,5614,5632,5656,5699,5704,5724,5737,5745,5754,5759,5768,5781,5803,5819,5835,5845,5850,5865,5881,5886,5893,5903,5908,5917,5926],{"__ignoreMap":88},[92,5312,5313,5316,5319,5322],{"class":94,"line":95},[92,5314,5315],{"class":590},"\u003C!",[92,5317,5318],{"class":618},"DOCTYPE",[92,5320,5321],{"class":2061}," html",[92,5323,2099],{"class":590},[92,5325,5326,5328,5330,5332,5334,5336,5339,5341],{"class":94,"line":101},[92,5327,2053],{"class":590},[92,5329,2046],{"class":618},[92,5331,3689],{"class":2061},[92,5333,2065],{"class":590},[92,5335,2068],{"class":590},[92,5337,5338],{"class":604},"en",[92,5340,2068],{"class":590},[92,5342,2099],{"class":590},[92,5344,5345,5347,5350],{"class":94,"line":107},[92,5346,2053],{"class":590},[92,5348,5349],{"class":618},"head",[92,5351,2099],{"class":590},[92,5353,5354,5356,5358,5361,5363,5365,5368,5370],{"class":94,"line":113},[92,5355,3601],{"class":590},[92,5357,3841],{"class":618},[92,5359,5360],{"class":2061}," charset",[92,5362,2065],{"class":590},[92,5364,2068],{"class":590},[92,5366,5367],{"class":604},"UTF-8",[92,5369,2068],{"class":590},[92,5371,3182],{"class":590},[92,5373,5374,5376,5378,5381,5383,5385,5388,5390,5393,5395,5397,5400,5402],{"class":94,"line":119},[92,5375,3601],{"class":590},[92,5377,3841],{"class":618},[92,5379,5380],{"class":2061}," name",[92,5382,2065],{"class":590},[92,5384,2068],{"class":590},[92,5386,5387],{"class":604},"viewport",[92,5389,2068],{"class":590},[92,5391,5392],{"class":2061}," content",[92,5394,2065],{"class":590},[92,5396,2068],{"class":590},[92,5398,5399],{"class":604},"width=device-width, initial-scale=1.0",[92,5401,2068],{"class":590},[92,5403,3182],{"class":590},[92,5405,5406,5408,5411,5413,5416,5418,5420],{"class":94,"line":125},[92,5407,3601],{"class":590},[92,5409,5410],{"class":618},"title",[92,5412,3614],{"class":590},[92,5414,5415],{"class":586},"Product Page — Virtual Try-On",[92,5417,2261],{"class":590},[92,5419,5410],{"class":618},[92,5421,2099],{"class":590},[92,5423,5424,5426,5428],{"class":94,"line":131},[92,5425,2261],{"class":590},[92,5427,5349],{"class":618},[92,5429,2099],{"class":590},[92,5431,5432,5434,5437],{"class":94,"line":137},[92,5433,2053],{"class":590},[92,5435,5436],{"class":618},"body",[92,5438,2099],{"class":590},[92,5440,5441],{"class":94,"line":144},[92,5442,141],{"emptyLinePlaceholder":140},[92,5444,5445,5447,5449,5451,5453,5455,5457],{"class":94,"line":150},[92,5446,3601],{"class":590},[92,5448,10],{"class":618},[92,5450,3614],{"class":590},[92,5452,2390],{"class":586},[92,5454,2261],{"class":590},[92,5456,10],{"class":618},[92,5458,2099],{"class":590},[92,5460,5461,5463,5465,5467,5470,5472,5474],{"class":94,"line":156},[92,5462,3601],{"class":590},[92,5464,14],{"class":618},[92,5466,3614],{"class":590},[92,5468,5469],{"class":586},"$89.00",[92,5471,2261],{"class":590},[92,5473,14],{"class":618},[92,5475,2099],{"class":590},[92,5477,5478],{"class":94,"line":162},[92,5479,141],{"emptyLinePlaceholder":140},[92,5481,5482],{"class":94,"line":168},[92,5483,5484],{"class":3586},"  \u003C!-- Widget container -->\n",[92,5486,5487,5489,5491,5493,5495,5497,5499,5501,5503,5505],{"class":94,"line":173},[92,5488,3601],{"class":590},[92,5490,2288],{"class":618},[92,5492,2117],{"class":2061},[92,5494,2065],{"class":590},[92,5496,2068],{"class":590},[92,5498,1104],{"class":604},[92,5500,2068],{"class":590},[92,5502,2093],{"class":590},[92,5504,2288],{"class":618},[92,5506,2099],{"class":590},[92,5508,5509],{"class":94,"line":179},[92,5510,141],{"emptyLinePlaceholder":140},[92,5512,5513,5515,5517,5520,5522,5524,5527,5529,5531,5533,5535,5537,5539],{"class":94,"line":185},[92,5514,3601],{"class":590},[92,5516,3189],{"class":618},[92,5518,5519],{"class":2061}," onclick",[92,5521,2065],{"class":590},[92,5523,2068],{"class":590},[92,5525,5526],{"class":594},"openWidget",[92,5528,2156],{"class":604},[92,5530,2068],{"class":590},[92,5532,3614],{"class":590},[92,5534,3204],{"class":586},[92,5536,2261],{"class":590},[92,5538,3189],{"class":618},[92,5540,2099],{"class":590},[92,5542,5543],{"class":94,"line":191},[92,5544,141],{"emptyLinePlaceholder":140},[92,5546,5547],{"class":94,"line":197},[92,5548,5549],{"class":3586},"  \u003C!-- 1. Load the widget bundle -->\n",[92,5551,5552,5554],{"class":94,"line":203},[92,5553,3601],{"class":590},[92,5555,2056],{"class":618},[92,5557,5558,5561,5563,5565,5568],{"class":94,"line":209},[92,5559,5560],{"class":2061},"    type",[92,5562,2065],{"class":590},[92,5564,2068],{"class":590},[92,5566,5567],{"class":604},"module",[92,5569,2074],{"class":590},[92,5571,5572,5575,5577,5579,5581],{"class":94,"line":214},[92,5573,5574],{"class":2061},"    src",[92,5576,2065],{"class":590},[92,5578,2068],{"class":590},[92,5580,2071],{"class":604},[92,5582,2074],{"class":590},[92,5584,5585,5588,5590,5592,5594],{"class":94,"line":220},[92,5586,5587],{"class":2061},"    id",[92,5589,2065],{"class":590},[92,5591,2068],{"class":590},[92,5593,2086],{"class":604},[92,5595,2074],{"class":590},[92,5597,5598,5601,5603],{"class":94,"line":225},[92,5599,5600],{"class":590},"  >\u003C\u002F",[92,5602,2096],{"class":618},[92,5604,2099],{"class":590},[92,5606,5607],{"class":94,"line":231},[92,5608,141],{"emptyLinePlaceholder":140},[92,5610,5611],{"class":94,"line":237},[92,5612,5613],{"class":3586},"  \u003C!-- 2. Initialize -->\n",[92,5615,5616,5618,5620,5622,5624,5626,5628,5630],{"class":94,"line":243},[92,5617,3601],{"class":590},[92,5619,2096],{"class":618},[92,5621,2117],{"class":2061},[92,5623,2065],{"class":590},[92,5625,2068],{"class":590},[92,5627,2124],{"class":604},[92,5629,2068],{"class":590},[92,5631,2099],{"class":590},[92,5633,5634,5636,5638,5640,5642,5644,5646,5648,5650,5652,5654],{"class":94,"line":248},[92,5635,3079],{"class":586},[92,5637,591],{"class":590},[92,5639,2138],{"class":586},[92,5641,2065],{"class":590},[92,5643,2143],{"class":586},[92,5645,591],{"class":590},[92,5647,2138],{"class":586},[92,5649,2150],{"class":590},[92,5651,2153],{"class":2061},[92,5653,2156],{"class":590},[92,5655,613],{"class":590},[92,5657,5658,5661,5663,5665,5667,5669,5671,5673,5675,5677,5679,5681,5683,5685,5687,5689,5691,5693,5695,5697],{"class":94,"line":254},[92,5659,5660],{"class":618},"      (",[92,5662,587],{"class":586},[92,5664,591],{"class":590},[92,5666,595],{"class":586},[92,5668,591],{"class":590},[92,5670,2174],{"class":586},[92,5672,2177],{"class":590},[92,5674,2143],{"class":586},[92,5676,591],{"class":590},[92,5678,595],{"class":586},[92,5680,591],{"class":590},[92,5682,2174],{"class":586},[92,5684,2190],{"class":590},[92,5686,2193],{"class":618},[92,5688,591],{"class":590},[92,5690,2198],{"class":594},[92,5692,598],{"class":618},[92,5694,2203],{"class":586},[92,5696,640],{"class":618},[92,5698,643],{"class":590},[92,5700,5701],{"class":94,"line":259},[92,5702,5703],{"class":590},"    };\n",[92,5705,5706,5708,5710,5712,5714,5716,5718,5720,5722],{"class":94,"line":265},[92,5707,3079],{"class":586},[92,5709,591],{"class":590},[92,5711,595],{"class":594},[92,5713,598],{"class":586},[92,5715,601],{"class":590},[92,5717,605],{"class":604},[92,5719,601],{"class":590},[92,5721,610],{"class":590},[92,5723,613],{"class":590},[92,5725,5726,5729,5731,5733,5735],{"class":94,"line":270},[92,5727,5728],{"class":618},"      apiKey",[92,5730,343],{"class":590},[92,5732,624],{"class":590},[92,5734,2244],{"class":604},[92,5736,2247],{"class":590},[92,5738,5739,5741,5743],{"class":94,"line":276},[92,5740,3141],{"class":590},[92,5742,640],{"class":586},[92,5744,643],{"class":590},[92,5746,5748,5750,5752],{"class":94,"line":5747},33,[92,5749,3661],{"class":590},[92,5751,2096],{"class":618},[92,5753,2099],{"class":590},[92,5755,5757],{"class":94,"line":5756},34,[92,5758,141],{"emptyLinePlaceholder":140},[92,5760,5762,5764,5766],{"class":94,"line":5761},35,[92,5763,3601],{"class":590},[92,5765,2096],{"class":618},[92,5767,2099],{"class":590},[92,5769,5771,5774,5777,5779],{"class":94,"line":5770},36,[92,5772,5773],{"class":2061},"    function",[92,5775,5776],{"class":594}," openWidget",[92,5778,2156],{"class":590},[92,5780,613],{"class":590},[92,5782,5784,5787,5789,5791,5793,5795,5797,5799,5801],{"class":94,"line":5783},37,[92,5785,5786],{"class":586},"      window",[92,5788,591],{"class":590},[92,5790,595],{"class":594},[92,5792,598],{"class":618},[92,5794,601],{"class":590},[92,5796,1086],{"class":604},[92,5798,601],{"class":590},[92,5800,610],{"class":590},[92,5802,613],{"class":590},[92,5804,5806,5809,5811,5813,5815,5817],{"class":94,"line":5805},38,[92,5807,5808],{"class":618},"        targetElementId",[92,5810,343],{"class":590},[92,5812,624],{"class":590},[92,5814,1104],{"class":604},[92,5816,601],{"class":590},[92,5818,632],{"class":590},[92,5820,5822,5825,5827,5829,5831,5833],{"class":94,"line":5821},39,[92,5823,5824],{"class":618},"        model",[92,5826,343],{"class":590},[92,5828,624],{"class":590},[92,5830,1120],{"class":604},[92,5832,601],{"class":590},[92,5834,632],{"class":590},[92,5836,5838,5841,5843],{"class":94,"line":5837},40,[92,5839,5840],{"class":618},"        tryonItems",[92,5842,343],{"class":590},[92,5844,1134],{"class":618},[92,5846,5848],{"class":94,"line":5847},41,[92,5849,3432],{"class":590},[92,5851,5853,5855,5857,5859,5861,5863],{"class":94,"line":5852},42,[92,5854,3437],{"class":618},[92,5856,343],{"class":590},[92,5858,624],{"class":590},[92,5860,2390],{"class":604},[92,5862,601],{"class":590},[92,5864,632],{"class":590},[92,5866,5868,5870,5872,5874,5877,5879],{"class":94,"line":5867},43,[92,5869,3452],{"class":618},[92,5871,343],{"class":590},[92,5873,624],{"class":590},[92,5875,5876],{"class":604},"https:\u002F\u002Fexample.com\u002Fimages\u002Fjacket.jpg",[92,5878,601],{"class":590},[92,5880,632],{"class":590},[92,5882,5884],{"class":94,"line":5883},44,[92,5885,3467],{"class":590},[92,5887,5889,5891],{"class":94,"line":5888},45,[92,5890,3472],{"class":618},[92,5892,632],{"class":590},[92,5894,5896,5899,5901],{"class":94,"line":5895},46,[92,5897,5898],{"class":590},"      }",[92,5900,640],{"class":618},[92,5902,643],{"class":590},[92,5904,5906],{"class":94,"line":5905},47,[92,5907,165],{"class":590},[92,5909,5911,5913,5915],{"class":94,"line":5910},48,[92,5912,3661],{"class":590},[92,5914,2096],{"class":618},[92,5916,2099],{"class":590},[92,5918,5920,5922,5924],{"class":94,"line":5919},49,[92,5921,2261],{"class":590},[92,5923,5436],{"class":618},[92,5925,2099],{"class":590},[92,5927,5929,5931,5933],{"class":94,"line":5928},50,[92,5930,2261],{"class":590},[92,5932,2046],{"class":618},[92,5934,2099],{"class":590},[51,5936,5938],{"id":5937},"key-points","Key Points",[63,5940,5941,5944,5953,5958],{},[21,5942,5943],{},"Load the bundle script first.",[21,5945,5946,5947,5950,5951,591],{},"Initialize with ",[29,5948,5949],{},"window.fitting('init', { apiKey })"," before calling ",[29,5952,1086],{},[21,5954,2483,5955,5957],{},[29,5956,675],{}," must match an existing element on the page.",[21,5959,5960,5961,5965],{},"For local testing, the page must be served via a local web server (",[2020,5962,5963],{"href":5963,"rel":5964},"http:\u002F\u002Flocalhost",[2024],").",[281,5967,5968],{},"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":88,"searchDepth":101,"depth":101,"links":5970},[5971,5972],{"id":5304,"depth":101,"text":5305},{"id":5937,"depth":101,"text":5938},"Integrate with plain HTML\u002FJavaScript","i-lucide-file-code",{},"\u002Fen\u002Fintegrations\u002Fvanilla-js",{"title":5292,"description":5973},"en\u002Fintegrations\u002Fvanilla-js","g281-hOPtdZkUYI_JaeycKgMnbbX6FB5kMrjY8UZcZc",{"id":5981,"title":5982,"body":5983,"description":6814,"extension":290,"icon":6815,"meta":6816,"navigation":140,"path":6817,"seo":6818,"stem":6819,"__hash__":6820},"content\u002Fen\u002Fintegrations\u002Fvue.md","Vue 3",{"type":7,"value":5984,"toc":6809},[5985,5989,5992,5994,5999,6178,6182,6480,6484,6806],[10,5986,5988],{"id":5987},"vue-3-integration","Vue 3 Integration",[14,5990,5991],{},"Works with Vue 3 + Vite or any Vue 3 setup.",[51,5993,4451],{"id":4450},[14,5995,5996,5997,343],{},"In ",[29,5998,4457],{},[83,6000,6002],{"className":2044,"code":6001,"language":2046,"meta":88,"style":88},"\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",[29,6003,6004,6010,6022,6034,6042,6060,6084,6126,6130,6150,6162,6170],{"__ignoreMap":88},[92,6005,6006,6008],{"class":94,"line":95},[92,6007,2053],{"class":590},[92,6009,2056],{"class":618},[92,6011,6012,6014,6016,6018,6020],{"class":94,"line":101},[92,6013,2062],{"class":2061},[92,6015,2065],{"class":590},[92,6017,2068],{"class":590},[92,6019,2071],{"class":604},[92,6021,2074],{"class":590},[92,6023,6024,6026,6028,6030,6032],{"class":94,"line":107},[92,6025,2079],{"class":2061},[92,6027,2065],{"class":590},[92,6029,2068],{"class":590},[92,6031,2086],{"class":604},[92,6033,2074],{"class":590},[92,6035,6036,6038,6040],{"class":94,"line":113},[92,6037,2093],{"class":590},[92,6039,2096],{"class":618},[92,6041,2099],{"class":590},[92,6043,6044,6046,6048,6050,6052,6054,6056,6058],{"class":94,"line":119},[92,6045,2053],{"class":590},[92,6047,2096],{"class":618},[92,6049,2117],{"class":2061},[92,6051,2065],{"class":590},[92,6053,2068],{"class":590},[92,6055,2124],{"class":604},[92,6057,2068],{"class":590},[92,6059,2099],{"class":590},[92,6061,6062,6064,6066,6068,6070,6072,6074,6076,6078,6080,6082],{"class":94,"line":125},[92,6063,2133],{"class":586},[92,6065,591],{"class":590},[92,6067,2138],{"class":586},[92,6069,2065],{"class":590},[92,6071,2143],{"class":586},[92,6073,591],{"class":590},[92,6075,2138],{"class":586},[92,6077,2150],{"class":590},[92,6079,2153],{"class":2061},[92,6081,2156],{"class":590},[92,6083,613],{"class":590},[92,6085,6086,6088,6090,6092,6094,6096,6098,6100,6102,6104,6106,6108,6110,6112,6114,6116,6118,6120,6122,6124],{"class":94,"line":131},[92,6087,2163],{"class":618},[92,6089,587],{"class":586},[92,6091,591],{"class":590},[92,6093,595],{"class":586},[92,6095,591],{"class":590},[92,6097,2174],{"class":586},[92,6099,2177],{"class":590},[92,6101,2143],{"class":586},[92,6103,591],{"class":590},[92,6105,595],{"class":586},[92,6107,591],{"class":590},[92,6109,2174],{"class":586},[92,6111,2190],{"class":590},[92,6113,2193],{"class":618},[92,6115,591],{"class":590},[92,6117,2198],{"class":594},[92,6119,598],{"class":618},[92,6121,2203],{"class":586},[92,6123,640],{"class":618},[92,6125,643],{"class":590},[92,6127,6128],{"class":94,"line":137},[92,6129,2212],{"class":590},[92,6131,6132,6134,6136,6138,6140,6142,6144,6146,6148],{"class":94,"line":144},[92,6133,2133],{"class":586},[92,6135,591],{"class":590},[92,6137,595],{"class":594},[92,6139,598],{"class":586},[92,6141,601],{"class":590},[92,6143,605],{"class":604},[92,6145,601],{"class":590},[92,6147,610],{"class":590},[92,6149,613],{"class":590},[92,6151,6152,6154,6156,6158,6160],{"class":94,"line":150},[92,6153,2237],{"class":618},[92,6155,343],{"class":590},[92,6157,624],{"class":590},[92,6159,2244],{"class":604},[92,6161,2247],{"class":590},[92,6163,6164,6166,6168],{"class":94,"line":156},[92,6165,2252],{"class":590},[92,6167,640],{"class":586},[92,6169,643],{"class":590},[92,6171,6172,6174,6176],{"class":94,"line":162},[92,6173,2261],{"class":590},[92,6175,2096],{"class":618},[92,6177,2099],{"class":590},[51,6179,6181],{"id":6180},"_2-create-a-composable","2. Create a Composable",[83,6183,6185],{"className":3900,"code":6184,"language":3696,"meta":88,"style":88},"\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",[29,6186,6187,6192,6203,6211,6219,6227,6231,6235,6245,6253,6281,6292,6296,6300,6308,6316,6345,6349,6353,6357,6369,6391,6413,6417,6421,6435,6453,6457,6461,6476],{"__ignoreMap":88},[92,6188,6189],{"class":94,"line":95},[92,6190,6191],{"class":3586},"\u002F\u002F composables\u002FuseFittingWidget.ts\n",[92,6193,6194,6196,6199,6201],{"class":94,"line":101},[92,6195,2640],{"class":2615},[92,6197,6198],{"class":2061}," interface",[92,6200,2921],{"class":2668},[92,6202,613],{"class":590},[92,6204,6205,6207,6209],{"class":94,"line":107},[92,6206,2928],{"class":618},[92,6208,343],{"class":590},[92,6210,4233],{"class":2668},[92,6212,6213,6215,6217],{"class":94,"line":113},[92,6214,2940],{"class":618},[92,6216,343],{"class":590},[92,6218,4233],{"class":2668},[92,6220,6221,6223,6225],{"class":94,"line":119},[92,6222,4699],{"class":618},[92,6224,3000],{"class":590},[92,6226,4233],{"class":2668},[92,6228,6229],{"class":94,"line":125},[92,6230,2703],{"class":590},[92,6232,6233],{"class":94,"line":131},[92,6234,141],{"emptyLinePlaceholder":140},[92,6236,6237,6239,6241,6243],{"class":94,"line":137},[92,6238,2640],{"class":2615},[92,6240,6198],{"class":2061},[92,6242,4720],{"class":2668},[92,6244,613],{"class":590},[92,6246,6247,6249,6251],{"class":94,"line":144},[92,6248,1097],{"class":618},[92,6250,343],{"class":590},[92,6252,4233],{"class":2668},[92,6254,6255,6257,6259,6261,6263,6265,6267,6269,6271,6273,6275,6277,6279],{"class":94,"line":150},[92,6256,1113],{"class":618},[92,6258,3000],{"class":590},[92,6260,624],{"class":590},[92,6262,1120],{"class":604},[92,6264,601],{"class":590},[92,6266,4747],{"class":590},[92,6268,624],{"class":590},[92,6270,4752],{"class":604},[92,6272,601],{"class":590},[92,6274,4747],{"class":590},[92,6276,624],{"class":590},[92,6278,4761],{"class":604},[92,6280,2247],{"class":590},[92,6282,6283,6285,6287,6289],{"class":94,"line":156},[92,6284,1129],{"class":618},[92,6286,343],{"class":590},[92,6288,2921],{"class":2668},[92,6290,6291],{"class":586},"[]\n",[92,6293,6294],{"class":94,"line":162},[92,6295,2703],{"class":590},[92,6297,6298],{"class":94,"line":168},[92,6299,141],{"emptyLinePlaceholder":140},[92,6301,6302,6304,6306],{"class":94,"line":173},[92,6303,2959],{"class":2061},[92,6305,2962],{"class":586},[92,6307,2965],{"class":590},[92,6309,6310,6312,6314],{"class":94,"line":179},[92,6311,2970],{"class":2061},[92,6313,2973],{"class":2668},[92,6315,613],{"class":590},[92,6317,6318,6320,6322,6324,6326,6328,6330,6332,6334,6336,6338,6340,6342],{"class":94,"line":185},[92,6319,2980],{"class":618},[92,6321,343],{"class":590},[92,6323,2985],{"class":590},[92,6325,2988],{"class":2654},[92,6327,343],{"class":590},[92,6329,2933],{"class":2668},[92,6331,610],{"class":590},[92,6333,2997],{"class":2654},[92,6335,3000],{"class":590},[92,6337,3003],{"class":2668},[92,6339,640],{"class":590},[92,6341,3008],{"class":2061},[92,6343,6344],{"class":2668}," void\n",[92,6346,6347],{"class":94,"line":191},[92,6348,273],{"class":590},[92,6350,6351],{"class":94,"line":197},[92,6352,2703],{"class":590},[92,6354,6355],{"class":94,"line":203},[92,6356,141],{"emptyLinePlaceholder":140},[92,6358,6359,6361,6363,6365,6367],{"class":94,"line":209},[92,6360,2640],{"class":2615},[92,6362,2153],{"class":2061},[92,6364,4853],{"class":594},[92,6366,2156],{"class":590},[92,6368,613],{"class":590},[92,6370,6371,6373,6375,6377,6379,6381,6383,6385,6387,6389],{"class":94,"line":214},[92,6372,3062],{"class":2061},[92,6374,4864],{"class":586},[92,6376,2177],{"class":590},[92,6378,2985],{"class":590},[92,6380,4871],{"class":2654},[92,6382,343],{"class":590},[92,6384,4720],{"class":2668},[92,6386,640],{"class":590},[92,6388,3008],{"class":2061},[92,6390,613],{"class":590},[92,6392,6393,6395,6397,6399,6401,6403,6405,6407,6409,6411],{"class":94,"line":220},[92,6394,3079],{"class":586},[92,6396,591],{"class":590},[92,6398,595],{"class":594},[92,6400,598],{"class":618},[92,6402,601],{"class":590},[92,6404,1086],{"class":604},[92,6406,601],{"class":590},[92,6408,610],{"class":590},[92,6410,2997],{"class":586},[92,6412,3883],{"class":618},[92,6414,6415],{"class":94,"line":225},[92,6416,273],{"class":590},[92,6418,6419],{"class":94,"line":231},[92,6420,141],{"emptyLinePlaceholder":140},[92,6422,6423,6425,6427,6429,6431,6433],{"class":94,"line":237},[92,6424,3062],{"class":2061},[92,6426,4920],{"class":586},[92,6428,2177],{"class":590},[92,6430,3070],{"class":590},[92,6432,3008],{"class":2061},[92,6434,613],{"class":590},[92,6436,6437,6439,6441,6443,6445,6447,6449,6451],{"class":94,"line":243},[92,6438,3079],{"class":586},[92,6440,591],{"class":590},[92,6442,595],{"class":594},[92,6444,598],{"class":618},[92,6446,601],{"class":590},[92,6448,4943],{"class":604},[92,6450,601],{"class":590},[92,6452,3883],{"class":618},[92,6454,6455],{"class":94,"line":248},[92,6456,273],{"class":590},[92,6458,6459],{"class":94,"line":254},[92,6460,141],{"emptyLinePlaceholder":140},[92,6462,6463,6465,6467,6469,6471,6473],{"class":94,"line":259},[92,6464,2684],{"class":2615},[92,6466,2661],{"class":590},[92,6468,4864],{"class":586},[92,6470,610],{"class":590},[92,6472,4920],{"class":586},[92,6474,6475],{"class":590}," }\n",[92,6477,6478],{"class":94,"line":265},[92,6479,2703],{"class":590},[51,6481,6483],{"id":6482},"_3-create-the-widget-component","3. Create the Widget Component",[83,6485,6487],{"className":3577,"code":6486,"language":3579,"meta":88,"style":88},"\u003C!-- components\u002FTryOnWidget.vue -->\n\u003Ctemplate>\n  \u003Cdiv>\n    \u003Cdiv\n      id=\"widget-container\"\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",[29,6488,6489,6493,6501,6509,6515,6527,6532,6558,6566,6574,6578,6598,6624,6628,6640,6648,6656,6662,6666,6683,6687,6701,6710,6724,6738,6746,6750,6764,6778,6782,6788,6794,6798],{"__ignoreMap":88},[92,6490,6491],{"class":94,"line":95},[92,6492,4106],{"class":3586},[92,6494,6495,6497,6499],{"class":94,"line":101},[92,6496,2053],{"class":590},[92,6498,3594],{"class":618},[92,6500,2099],{"class":590},[92,6502,6503,6505,6507],{"class":94,"line":107},[92,6504,3601],{"class":590},[92,6506,2288],{"class":618},[92,6508,2099],{"class":590},[92,6510,6511,6513],{"class":94,"line":113},[92,6512,3346],{"class":590},[92,6514,5122],{"class":618},[92,6516,6517,6519,6521,6523,6525],{"class":94,"line":119},[92,6518,3765],{"class":2061},[92,6520,2065],{"class":590},[92,6522,2068],{"class":590},[92,6524,1104],{"class":604},[92,6526,2074],{"class":590},[92,6528,6529],{"class":94,"line":125},[92,6530,6531],{"class":590},"    \u002F>\n",[92,6533,6534,6536,6538,6540,6542,6544,6546,6548,6550,6552,6554,6556],{"class":94,"line":131},[92,6535,3346],{"class":590},[92,6537,3189],{"class":618},[92,6539,4149],{"class":2061},[92,6541,2065],{"class":590},[92,6543,2068],{"class":590},[92,6545,4156],{"class":604},[92,6547,2068],{"class":590},[92,6549,3614],{"class":590},[92,6551,3204],{"class":586},[92,6553,2261],{"class":590},[92,6555,3189],{"class":618},[92,6557,2099],{"class":590},[92,6559,6560,6562,6564],{"class":94,"line":137},[92,6561,3661],{"class":590},[92,6563,2288],{"class":618},[92,6565,2099],{"class":590},[92,6567,6568,6570,6572],{"class":94,"line":144},[92,6569,2261],{"class":590},[92,6571,3594],{"class":618},[92,6573,2099],{"class":590},[92,6575,6576],{"class":94,"line":150},[92,6577,141],{"emptyLinePlaceholder":140},[92,6579,6580,6582,6584,6586,6588,6590,6592,6594,6596],{"class":94,"line":156},[92,6581,2053],{"class":590},[92,6583,2096],{"class":618},[92,6585,3686],{"class":2061},[92,6587,3689],{"class":2061},[92,6589,2065],{"class":590},[92,6591,2068],{"class":590},[92,6593,3696],{"class":604},[92,6595,2068],{"class":590},[92,6597,2099],{"class":590},[92,6599,6600,6602,6604,6606,6608,6611,6613,6615,6617,6619,6622],{"class":94,"line":162},[92,6601,2616],{"class":2615},[92,6603,2661],{"class":590},[92,6605,4853],{"class":586},[92,6607,610],{"class":590},[92,6609,6610],{"class":2615}," type",[92,6612,2921],{"class":586},[92,6614,3244],{"class":590},[92,6616,3247],{"class":2615},[92,6618,624],{"class":590},[92,6620,6621],{"class":604},"~\u002Fcomposables\u002FuseFittingWidget",[92,6623,2247],{"class":590},[92,6625,6626],{"class":94,"line":168},[92,6627,141],{"emptyLinePlaceholder":140},[92,6629,6630,6632,6634,6636,6638],{"class":94,"line":173},[92,6631,4213],{"class":2061},[92,6633,4216],{"class":586},[92,6635,2065],{"class":590},[92,6637,4221],{"class":594},[92,6639,4224],{"class":590},[92,6641,6642,6644,6646],{"class":94,"line":179},[92,6643,2928],{"class":618},[92,6645,343],{"class":590},[92,6647,4233],{"class":2668},[92,6649,6650,6652,6654],{"class":94,"line":185},[92,6651,4238],{"class":618},[92,6653,343],{"class":590},[92,6655,4233],{"class":2668},[92,6657,6658,6660],{"class":94,"line":191},[92,6659,3201],{"class":590},[92,6661,4249],{"class":586},[92,6663,6664],{"class":94,"line":197},[92,6665,141],{"emptyLinePlaceholder":140},[92,6667,6668,6670,6672,6675,6677,6679,6681],{"class":94,"line":203},[92,6669,4213],{"class":2061},[92,6671,2661],{"class":590},[92,6673,6674],{"class":586}," open ",[92,6676,637],{"class":590},[92,6678,2177],{"class":590},[92,6680,4853],{"class":594},[92,6682,4249],{"class":586},[92,6684,6685],{"class":94,"line":209},[92,6686,141],{"emptyLinePlaceholder":140},[92,6688,6689,6691,6693,6695,6697,6699],{"class":94,"line":214},[92,6690,4213],{"class":2061},[92,6692,4260],{"class":586},[92,6694,2065],{"class":590},[92,6696,3070],{"class":590},[92,6698,3008],{"class":2061},[92,6700,613],{"class":590},[92,6702,6703,6706,6708],{"class":94,"line":220},[92,6704,6705],{"class":594},"  open",[92,6707,598],{"class":618},[92,6709,2965],{"class":590},[92,6711,6712,6714,6716,6718,6720,6722],{"class":94,"line":225},[92,6713,4293],{"class":618},[92,6715,343],{"class":590},[92,6717,624],{"class":590},[92,6719,1104],{"class":604},[92,6721,601],{"class":590},[92,6723,632],{"class":590},[92,6725,6726,6728,6730,6732,6734,6736],{"class":94,"line":231},[92,6727,4308],{"class":618},[92,6729,343],{"class":590},[92,6731,624],{"class":590},[92,6733,1120],{"class":604},[92,6735,601],{"class":590},[92,6737,632],{"class":590},[92,6739,6740,6742,6744],{"class":94,"line":237},[92,6741,4323],{"class":618},[92,6743,343],{"class":590},[92,6745,1134],{"class":618},[92,6747,6748],{"class":94,"line":243},[92,6749,4332],{"class":590},[92,6751,6752,6754,6756,6758,6760,6762],{"class":94,"line":248},[92,6753,4337],{"class":618},[92,6755,343],{"class":590},[92,6757,4342],{"class":586},[92,6759,591],{"class":590},[92,6761,829],{"class":586},[92,6763,632],{"class":590},[92,6765,6766,6768,6770,6772,6774,6776],{"class":94,"line":254},[92,6767,4353],{"class":618},[92,6769,343],{"class":590},[92,6771,4342],{"class":586},[92,6773,591],{"class":590},[92,6775,4362],{"class":586},[92,6777,632],{"class":590},[92,6779,6780],{"class":94,"line":259},[92,6781,4369],{"class":590},[92,6783,6784,6786],{"class":94,"line":265},[92,6785,4374],{"class":618},[92,6787,632],{"class":590},[92,6789,6790,6792],{"class":94,"line":270},[92,6791,2252],{"class":590},[92,6793,3883],{"class":618},[92,6795,6796],{"class":94,"line":276},[92,6797,2703],{"class":590},[92,6799,6800,6802,6804],{"class":94,"line":5747},[92,6801,2261],{"class":590},[92,6803,2096],{"class":618},[92,6805,2099],{"class":590},[281,6807,6808],{},"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":88,"searchDepth":101,"depth":101,"links":6810},[6811,6812,6813],{"id":4450,"depth":101,"text":4451},{"id":6180,"depth":101,"text":6181},{"id":6482,"depth":101,"text":6483},"Integrate with a Vue 3 application","i-lucide-venetian-mask",{},"\u002Fen\u002Fintegrations\u002Fvue",{"title":5982,"description":6814},"en\u002Fintegrations\u002Fvue","DIDwd1t01XrfPXhkCCyNLqhIrX8FErRIHm5TyOLkzTk",{"id":6822,"title":6823,"body":6824,"description":7229,"extension":290,"icon":2466,"meta":7230,"navigation":140,"path":2547,"seo":7231,"stem":7232,"__hash__":7233},"content\u002Fgetting-started\u002Fquick-start.md","Быстрый старт",{"type":7,"value":6825,"toc":7220},[6826,6829,6832,6836,6839,6843,6851,6893,6897,7037,7041,7047,7073,7077,7083,7193,7197,7200,7204,7217],[10,6827,6823],{"id":6828},"быстрый-старт",[14,6830,6831],{},"Следуйте этим шагам, чтобы добавить виртуальную примерку на ваш сайт.",[51,6833,6835],{"id":6834},"_1-получите-api-ключ","1. Получите API-ключ",[14,6837,6838],{},"Его можно получить в вашем личном кабинете на Try-on.ru",[51,6840,6842],{"id":6841},"_2-загрузите-скрипт-виджета","2. Загрузите скрипт виджета",[14,6844,6845,6846,6848,6849,343],{},"Добавьте следующий тег ",[29,6847,2036],{}," на страницу, желательно перед закрывающим тегом ",[29,6850,2040],{},[83,6852,6853],{"className":2044,"code":2045,"language":2046,"meta":88,"style":88},[29,6854,6855,6861,6873,6885],{"__ignoreMap":88},[92,6856,6857,6859],{"class":94,"line":95},[92,6858,2053],{"class":590},[92,6860,2056],{"class":618},[92,6862,6863,6865,6867,6869,6871],{"class":94,"line":101},[92,6864,2062],{"class":2061},[92,6866,2065],{"class":590},[92,6868,2068],{"class":590},[92,6870,2071],{"class":604},[92,6872,2074],{"class":590},[92,6874,6875,6877,6879,6881,6883],{"class":94,"line":107},[92,6876,2079],{"class":2061},[92,6878,2065],{"class":590},[92,6880,2068],{"class":590},[92,6882,2086],{"class":604},[92,6884,2074],{"class":590},[92,6886,6887,6889,6891],{"class":94,"line":113},[92,6888,2093],{"class":590},[92,6890,2096],{"class":618},[92,6892,2099],{"class":590},[51,6894,6896],{"id":6895},"_3-инициализируйте-виджет","3. Инициализируйте виджет",[83,6898,6899],{"className":2044,"code":2106,"language":2046,"meta":88,"style":88},[29,6900,6901,6919,6943,6985,6989,7009,7021,7029],{"__ignoreMap":88},[92,6902,6903,6905,6907,6909,6911,6913,6915,6917],{"class":94,"line":95},[92,6904,2053],{"class":590},[92,6906,2096],{"class":618},[92,6908,2117],{"class":2061},[92,6910,2065],{"class":590},[92,6912,2068],{"class":590},[92,6914,2124],{"class":604},[92,6916,2068],{"class":590},[92,6918,2099],{"class":590},[92,6920,6921,6923,6925,6927,6929,6931,6933,6935,6937,6939,6941],{"class":94,"line":101},[92,6922,2133],{"class":586},[92,6924,591],{"class":590},[92,6926,2138],{"class":586},[92,6928,2065],{"class":590},[92,6930,2143],{"class":586},[92,6932,591],{"class":590},[92,6934,2138],{"class":586},[92,6936,2150],{"class":590},[92,6938,2153],{"class":2061},[92,6940,2156],{"class":590},[92,6942,613],{"class":590},[92,6944,6945,6947,6949,6951,6953,6955,6957,6959,6961,6963,6965,6967,6969,6971,6973,6975,6977,6979,6981,6983],{"class":94,"line":107},[92,6946,2163],{"class":618},[92,6948,587],{"class":586},[92,6950,591],{"class":590},[92,6952,595],{"class":586},[92,6954,591],{"class":590},[92,6956,2174],{"class":586},[92,6958,2177],{"class":590},[92,6960,2143],{"class":586},[92,6962,591],{"class":590},[92,6964,595],{"class":586},[92,6966,591],{"class":590},[92,6968,2174],{"class":586},[92,6970,2190],{"class":590},[92,6972,2193],{"class":618},[92,6974,591],{"class":590},[92,6976,2198],{"class":594},[92,6978,598],{"class":618},[92,6980,2203],{"class":586},[92,6982,640],{"class":618},[92,6984,643],{"class":590},[92,6986,6987],{"class":94,"line":113},[92,6988,2212],{"class":590},[92,6990,6991,6993,6995,6997,6999,7001,7003,7005,7007],{"class":94,"line":119},[92,6992,2133],{"class":586},[92,6994,591],{"class":590},[92,6996,595],{"class":594},[92,6998,598],{"class":586},[92,7000,601],{"class":590},[92,7002,605],{"class":604},[92,7004,601],{"class":590},[92,7006,610],{"class":590},[92,7008,613],{"class":590},[92,7010,7011,7013,7015,7017,7019],{"class":94,"line":125},[92,7012,2237],{"class":618},[92,7014,343],{"class":590},[92,7016,624],{"class":590},[92,7018,2244],{"class":604},[92,7020,2247],{"class":590},[92,7022,7023,7025,7027],{"class":94,"line":131},[92,7024,2252],{"class":590},[92,7026,640],{"class":586},[92,7028,643],{"class":590},[92,7030,7031,7033,7035],{"class":94,"line":137},[92,7032,2261],{"class":590},[92,7034,2096],{"class":618},[92,7036,2099],{"class":590},[51,7038,7040],{"id":7039},"_4-добавьте-контейнер","4. Добавьте контейнер",[14,7042,7043,7044,7046],{},"Разместите ",[29,7045,2275],{}," там, где должен отображаться виджет:",[83,7048,7049],{"className":2044,"code":2279,"language":2046,"meta":88,"style":88},[29,7050,7051],{"__ignoreMap":88},[92,7052,7053,7055,7057,7059,7061,7063,7065,7067,7069,7071],{"class":94,"line":95},[92,7054,2053],{"class":590},[92,7056,2288],{"class":618},[92,7058,2117],{"class":2061},[92,7060,2065],{"class":590},[92,7062,2068],{"class":590},[92,7064,1104],{"class":604},[92,7066,2068],{"class":590},[92,7068,2093],{"class":590},[92,7070,2288],{"class":618},[92,7072,2099],{"class":590},[51,7074,7076],{"id":7075},"_5-запустите-виджет","5. Запустите виджет",[14,7078,7079,7080,7082],{},"Вызовите метод ",[29,7081,1086],{}," при нажатии пользователем кнопки:",[83,7084,7085],{"className":577,"code":2317,"language":579,"meta":88,"style":88},[29,7086,7087,7107,7121,7135,7143,7147,7161,7175,7179,7185],{"__ignoreMap":88},[92,7088,7089,7091,7093,7095,7097,7099,7101,7103,7105],{"class":94,"line":95},[92,7090,587],{"class":586},[92,7092,591],{"class":590},[92,7094,595],{"class":594},[92,7096,598],{"class":586},[92,7098,601],{"class":590},[92,7100,1086],{"class":604},[92,7102,601],{"class":590},[92,7104,610],{"class":590},[92,7106,613],{"class":590},[92,7108,7109,7111,7113,7115,7117,7119],{"class":94,"line":101},[92,7110,1097],{"class":618},[92,7112,343],{"class":590},[92,7114,624],{"class":590},[92,7116,1104],{"class":604},[92,7118,601],{"class":590},[92,7120,632],{"class":590},[92,7122,7123,7125,7127,7129,7131,7133],{"class":94,"line":107},[92,7124,1113],{"class":618},[92,7126,343],{"class":590},[92,7128,624],{"class":590},[92,7130,1120],{"class":604},[92,7132,601],{"class":590},[92,7134,632],{"class":590},[92,7136,7137,7139,7141],{"class":94,"line":113},[92,7138,1129],{"class":618},[92,7140,343],{"class":590},[92,7142,1134],{"class":586},[92,7144,7145],{"class":94,"line":119},[92,7146,1139],{"class":590},[92,7148,7149,7151,7153,7155,7157,7159],{"class":94,"line":125},[92,7150,1144],{"class":618},[92,7152,343],{"class":590},[92,7154,624],{"class":590},[92,7156,2390],{"class":604},[92,7158,601],{"class":590},[92,7160,632],{"class":590},[92,7162,7163,7165,7167,7169,7171,7173],{"class":94,"line":131},[92,7164,1160],{"class":618},[92,7166,343],{"class":590},[92,7168,624],{"class":590},[92,7170,2405],{"class":604},[92,7172,601],{"class":590},[92,7174,632],{"class":590},[92,7176,7177],{"class":94,"line":137},[92,7178,1176],{"class":590},[92,7180,7181,7183],{"class":94,"line":144},[92,7182,1181],{"class":586},[92,7184,632],{"class":590},[92,7186,7187,7189,7191],{"class":94,"line":150},[92,7188,637],{"class":590},[92,7190,640],{"class":586},[92,7192,643],{"class":590},[51,7194,7196],{"id":7195},"результат","Результат",[14,7198,7199],{},"Теперь ваши покупатели могут загрузить фотографию и мгновенно увидеть, как на них сидит одежда.",[51,7201,7203],{"id":7202},"дальнейшие-шаги","Дальнейшие шаги",[63,7205,7206,7212],{},[21,7207,7208,7209,591],{},"Ознакомьтесь с руководствами для конкретных фреймворков в разделе ",[2020,7210,7211],{"href":2446},"Интеграции",[21,7213,7214,7215,591],{},"Изучите полный ",[2020,7216,517],{"href":1205},[281,7218,7219],{},"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":88,"searchDepth":101,"depth":101,"links":7221},[7222,7223,7224,7225,7226,7227,7228],{"id":6834,"depth":101,"text":6835},{"id":6841,"depth":101,"text":6842},{"id":6895,"depth":101,"text":6896},{"id":7039,"depth":101,"text":7040},{"id":7075,"depth":101,"text":7076},{"id":7195,"depth":101,"text":7196},{"id":7202,"depth":101,"text":7203},"Запустите Try-on за считанные минуты",{},{"title":6823,"description":7229},"getting-started\u002Fquick-start","GH5cQqEP-i-qCwzCHSCOsxaxXfZXcjIap1_AqD0XCek",{"id":7235,"title":7236,"body":7237,"description":7315,"extension":290,"icon":2555,"meta":7316,"navigation":140,"path":7317,"seo":7318,"stem":7319,"__hash__":7320},"content\u002Findex.md","Введение",{"type":7,"value":7238,"toc":7310},[7239,7243,7248,7252,7281,7285,7302,7304],[10,7240,7242],{"id":7241},"try-on-виртуальная-примерка","Try-on — Виртуальная примерка",[14,7244,7245,7247],{},[24,7246,2486],{}," — это готовое решение для виртуальной примерки одежды в интернет-магазинах. Он позволяет вашим покупателям загрузить фотографию и мгновенно увидеть, как на них выглядит любой предмет одежды — прямо на странице товара.",[51,7249,7251],{"id":7250},"ключевые-возможности","Ключевые возможности",[63,7253,7254,7263,7269,7275],{},[21,7255,7256,7259,7260,7262],{},[24,7257,7258],{},"Быстрая интеграция"," — Один тег ",[29,7261,2036],{}," и несколько строк кода.",[21,7264,7265,7268],{},[24,7266,7267],{},"Не зависит от фреймворков"," — Работает с Vanilla JS, React, Vue, Next.js, Nuxt и другими.",[21,7270,7271,7274],{},[24,7272,7273],{},"Настраиваемый"," — Стилизуйте виджет под ваш бренд.",[21,7276,7277,7280],{},[24,7278,7279],{},"Лёгкий"," — Оптимизированная загрузка, которая не замедляет магазин.",[51,7282,7284],{"id":7283},"как-это-работает","Как это работает",[18,7286,7287,7290,7293,7299],{},[21,7288,7289],{},"Загрузите скрипт виджета на страницу.",[21,7291,7292],{},"Инициализируйте его с вашим API-ключом.",[21,7294,7295,7296,7298],{},"Вызовите ",[29,7297,2535],{}," с URL-адресами изображений товаров.",[21,7300,7301],{},"Виджет отображается внутри выбранного вами контейнера.",[51,7303,6823],{"id":6828},[14,7305,7306,7307,7309],{},"Перейдите к руководству ",[2020,7308,6823],{"href":2547},", чтобы начать работу менее чем за 5 минут.",{"title":88,"searchDepth":101,"depth":101,"links":7311},[7312,7313,7314],{"id":7250,"depth":101,"text":7251},{"id":7283,"depth":101,"text":7284},{"id":6828,"depth":101,"text":6823},"Что такое Try-on и зачем его использовать?",{},"\u002F",{"title":7236,"description":7315},"index","nT46oR5h9EePFJAULWZuCRUZ-0_c0hFGCWA7RERLbh8",{"id":7322,"title":2563,"body":7323,"description":8164,"extension":290,"icon":3537,"meta":8165,"navigation":140,"path":8166,"seo":8167,"stem":8168,"__hash__":8169},"content\u002Fintegrations\u002Fnextjs.md",{"type":7,"value":7324,"toc":8155},[7325,7329,7337,7341,7349,7358,7594,7598,7892,7896,8132,8136,8141,8153],[10,7326,7328],{"id":7327},"интеграция-с-nextjs","Интеграция с Next.js",[14,7330,7331,7332,7334,7335,591],{},"Try-on работает как с ",[24,7333,2575],{},", так и с ",[24,7336,2578],{},[51,7338,7340],{"id":7339},"app-router-рекомендуется","App Router (рекомендуется)",[14,7342,7343,7344,7346,7347,591],{},"Используйте компонент Next.js ",[29,7345,2588],{}," с ",[29,7348,2592],{},[78,7350,7352,7353,7355,7356],{"id":7351},"шаг-1-загрузка-скриптов-в-layouttsx-или-pagetsx","Шаг 1 — Загрузка скриптов в ",[29,7354,2599],{}," или ",[29,7357,2603],{},[83,7359,7360],{"className":2606,"code":2607,"language":2608,"meta":88,"style":88},[29,7361,7362,7378,7382,7414,7420,7424,7432,7436,7442,7454,7466,7478,7482,7486,7492,7504,7516,7520,7526,7530,7534,7538,7542,7562,7566,7572,7580,7584,7590],{"__ignoreMap":88},[92,7363,7364,7366,7368,7370,7372,7374,7376],{"class":94,"line":95},[92,7365,2616],{"class":2615},[92,7367,2619],{"class":586},[92,7369,2622],{"class":2615},[92,7371,624],{"class":590},[92,7373,2627],{"class":604},[92,7375,601],{"class":590},[92,7377,643],{"class":590},[92,7379,7380],{"class":94,"line":101},[92,7381,141],{"emptyLinePlaceholder":140},[92,7383,7384,7386,7388,7390,7392,7394,7396,7398,7400,7402,7404,7406,7408,7410,7412],{"class":94,"line":107},[92,7385,2640],{"class":2615},[92,7387,2643],{"class":2615},[92,7389,2153],{"class":2061},[92,7391,2648],{"class":594},[92,7393,2651],{"class":590},[92,7395,2655],{"class":2654},[92,7397,2658],{"class":590},[92,7399,2661],{"class":590},[92,7401,2655],{"class":618},[92,7403,343],{"class":590},[92,7405,2669],{"class":2668},[92,7407,591],{"class":590},[92,7409,2674],{"class":2668},[92,7411,2677],{"class":590},[92,7413,613],{"class":590},[92,7415,7416,7418],{"class":94,"line":113},[92,7417,2684],{"class":2615},[92,7419,2687],{"class":618},[92,7421,7422],{"class":94,"line":119},[92,7423,2692],{"class":590},[92,7425,7426,7428,7430],{"class":94,"line":125},[92,7427,2697],{"class":590},[92,7429,2700],{"class":586},[92,7431,2703],{"class":590},[92,7433,7434],{"class":94,"line":131},[92,7435,141],{"emptyLinePlaceholder":140},[92,7437,7438,7440],{"class":94,"line":137},[92,7439,2712],{"class":590},[92,7441,2715],{"class":2668},[92,7443,7444,7446,7448,7450,7452],{"class":94,"line":144},[92,7445,2720],{"class":2061},[92,7447,2065],{"class":590},[92,7449,2068],{"class":590},[92,7451,2071],{"class":604},[92,7453,2074],{"class":590},[92,7455,7456,7458,7460,7462,7464],{"class":94,"line":150},[92,7457,2733],{"class":2061},[92,7459,2065],{"class":590},[92,7461,2068],{"class":590},[92,7463,2740],{"class":604},[92,7465,2074],{"class":590},[92,7467,7468,7470,7472,7474,7476],{"class":94,"line":156},[92,7469,2747],{"class":2061},[92,7471,2065],{"class":590},[92,7473,2068],{"class":590},[92,7475,2086],{"class":604},[92,7477,2074],{"class":590},[92,7479,7480],{"class":94,"line":162},[92,7481,2760],{"class":590},[92,7483,7484],{"class":94,"line":168},[92,7485,141],{"emptyLinePlaceholder":140},[92,7487,7488,7490],{"class":94,"line":173},[92,7489,2712],{"class":590},[92,7491,2715],{"class":2668},[92,7493,7494,7496,7498,7500,7502],{"class":94,"line":179},[92,7495,2733],{"class":2061},[92,7497,2065],{"class":590},[92,7499,2068],{"class":590},[92,7501,2740],{"class":604},[92,7503,2074],{"class":590},[92,7505,7506,7508,7510,7512,7514],{"class":94,"line":185},[92,7507,2747],{"class":2061},[92,7509,2065],{"class":590},[92,7511,2068],{"class":590},[92,7513,2124],{"class":604},[92,7515,2074],{"class":590},[92,7517,7518],{"class":94,"line":191},[92,7519,2799],{"class":590},[92,7521,7522,7524],{"class":94,"line":197},[92,7523,2804],{"class":590},[92,7525,2807],{"class":590},[92,7527,7528],{"class":94,"line":203},[92,7529,2812],{"class":604},[92,7531,7532],{"class":94,"line":209},[92,7533,2817],{"class":604},[92,7535,7536],{"class":94,"line":214},[92,7537,2822],{"class":604},[92,7539,7540],{"class":94,"line":220},[92,7541,2827],{"class":604},[92,7543,7544,7546,7548,7550,7552,7554,7556,7558,7560],{"class":94,"line":225},[92,7545,2832],{"class":604},[92,7547,2835],{"class":590},[92,7549,2838],{"class":586},[92,7551,591],{"class":590},[92,7553,2843],{"class":586},[92,7555,591],{"class":590},[92,7557,2848],{"class":586},[92,7559,637],{"class":590},[92,7561,2247],{"class":604},[92,7563,7564],{"class":94,"line":231},[92,7565,2857],{"class":604},[92,7567,7568,7570],{"class":94,"line":237},[92,7569,2862],{"class":590},[92,7571,2703],{"class":590},[92,7573,7574,7576,7578],{"class":94,"line":243},[92,7575,2869],{"class":590},[92,7577,2588],{"class":2668},[92,7579,2099],{"class":590},[92,7581,7582],{"class":94,"line":248},[92,7583,2878],{"class":590},[92,7585,7586,7588],{"class":94,"line":254},[92,7587,2883],{"class":618},[92,7589,643],{"class":590},[92,7591,7592],{"class":94,"line":259},[92,7593,2703],{"class":590},[78,7595,7597],{"id":7596},"шаг-2-создание-кнопки-виджета","Шаг 2 — Создание кнопки виджета",[83,7599,7601],{"className":2606,"code":7600,"language":2608,"meta":88,"style":88},"'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\" \u002F>\n      \u003Cbutton onClick={handleClick}>Примерка\u003C\u002Fbutton>\n    \u003C\u002F>\n  );\n}\n",[29,7602,7603,7613,7617,7625,7635,7645,7649,7653,7661,7669,7699,7703,7707,7711,7739,7753,7773,7787,7801,7811,7819,7823,7827,7833,7837,7855,7878,7882,7888],{"__ignoreMap":88},[92,7604,7605,7607,7609,7611],{"class":94,"line":95},[92,7606,601],{"class":590},[92,7608,2905],{"class":604},[92,7610,601],{"class":590},[92,7612,643],{"class":590},[92,7614,7615],{"class":94,"line":101},[92,7616,141],{"emptyLinePlaceholder":140},[92,7618,7619,7621,7623],{"class":94,"line":107},[92,7620,2918],{"class":2061},[92,7622,2921],{"class":2668},[92,7624,613],{"class":590},[92,7626,7627,7629,7631,7633],{"class":94,"line":113},[92,7628,2928],{"class":618},[92,7630,343],{"class":590},[92,7632,2933],{"class":2668},[92,7634,643],{"class":590},[92,7636,7637,7639,7641,7643],{"class":94,"line":119},[92,7638,2940],{"class":618},[92,7640,343],{"class":590},[92,7642,2933],{"class":2668},[92,7644,643],{"class":590},[92,7646,7647],{"class":94,"line":125},[92,7648,2703],{"class":590},[92,7650,7651],{"class":94,"line":131},[92,7652,141],{"emptyLinePlaceholder":140},[92,7654,7655,7657,7659],{"class":94,"line":137},[92,7656,2959],{"class":2061},[92,7658,2962],{"class":586},[92,7660,2965],{"class":590},[92,7662,7663,7665,7667],{"class":94,"line":144},[92,7664,2970],{"class":2061},[92,7666,2973],{"class":2668},[92,7668,613],{"class":590},[92,7670,7671,7673,7675,7677,7679,7681,7683,7685,7687,7689,7691,7693,7695,7697],{"class":94,"line":150},[92,7672,2980],{"class":618},[92,7674,343],{"class":590},[92,7676,2985],{"class":590},[92,7678,2988],{"class":2654},[92,7680,343],{"class":590},[92,7682,2933],{"class":2668},[92,7684,610],{"class":590},[92,7686,2997],{"class":2654},[92,7688,3000],{"class":590},[92,7690,3003],{"class":2668},[92,7692,640],{"class":590},[92,7694,3008],{"class":2061},[92,7696,3011],{"class":2668},[92,7698,643],{"class":590},[92,7700,7701],{"class":94,"line":156},[92,7702,273],{"class":590},[92,7704,7705],{"class":94,"line":162},[92,7706,2703],{"class":590},[92,7708,7709],{"class":94,"line":168},[92,7710,141],{"emptyLinePlaceholder":140},[92,7712,7713,7715,7717,7719,7721,7723,7725,7727,7729,7731,7733,7735,7737],{"class":94,"line":173},[92,7714,2640],{"class":2615},[92,7716,2153],{"class":2061},[92,7718,3034],{"class":594},[92,7720,2651],{"class":590},[92,7722,3039],{"class":2654},[92,7724,2658],{"class":590},[92,7726,2661],{"class":590},[92,7728,3039],{"class":618},[92,7730,343],{"class":590},[92,7732,2921],{"class":2668},[92,7734,3052],{"class":586},[92,7736,3055],{"class":590},[92,7738,613],{"class":590},[92,7740,7741,7743,7745,7747,7749,7751],{"class":94,"line":179},[92,7742,3062],{"class":2061},[92,7744,3065],{"class":586},[92,7746,2177],{"class":590},[92,7748,3070],{"class":590},[92,7750,3008],{"class":2061},[92,7752,613],{"class":590},[92,7754,7755,7757,7759,7761,7763,7765,7767,7769,7771],{"class":94,"line":185},[92,7756,3079],{"class":586},[92,7758,591],{"class":590},[92,7760,595],{"class":594},[92,7762,598],{"class":618},[92,7764,601],{"class":590},[92,7766,1086],{"class":604},[92,7768,601],{"class":590},[92,7770,610],{"class":590},[92,7772,613],{"class":590},[92,7774,7775,7777,7779,7781,7783,7785],{"class":94,"line":191},[92,7776,3100],{"class":618},[92,7778,343],{"class":590},[92,7780,624],{"class":590},[92,7782,1104],{"class":604},[92,7784,601],{"class":590},[92,7786,632],{"class":590},[92,7788,7789,7791,7793,7795,7797,7799],{"class":94,"line":197},[92,7790,3115],{"class":618},[92,7792,343],{"class":590},[92,7794,624],{"class":590},[92,7796,1120],{"class":604},[92,7798,601],{"class":590},[92,7800,632],{"class":590},[92,7802,7803,7805,7807,7809],{"class":94,"line":203},[92,7804,3130],{"class":618},[92,7806,343],{"class":590},[92,7808,3039],{"class":586},[92,7810,632],{"class":590},[92,7812,7813,7815,7817],{"class":94,"line":209},[92,7814,3141],{"class":590},[92,7816,640],{"class":618},[92,7818,643],{"class":590},[92,7820,7821],{"class":94,"line":214},[92,7822,2212],{"class":590},[92,7824,7825],{"class":94,"line":220},[92,7826,141],{"emptyLinePlaceholder":140},[92,7828,7829,7831],{"class":94,"line":225},[92,7830,2684],{"class":2615},[92,7832,2687],{"class":618},[92,7834,7835],{"class":94,"line":231},[92,7836,2692],{"class":590},[92,7838,7839,7841,7843,7845,7847,7849,7851,7853],{"class":94,"line":237},[92,7840,2712],{"class":590},[92,7842,2288],{"class":618},[92,7844,2117],{"class":2061},[92,7846,2065],{"class":590},[92,7848,2068],{"class":590},[92,7850,1104],{"class":604},[92,7852,2068],{"class":590},[92,7854,3182],{"class":590},[92,7856,7857,7859,7861,7863,7865,7867,7869,7872,7874,7876],{"class":94,"line":243},[92,7858,2712],{"class":590},[92,7860,3189],{"class":618},[92,7862,3192],{"class":2061},[92,7864,3195],{"class":590},[92,7866,3198],{"class":586},[92,7868,3201],{"class":590},[92,7870,7871],{"class":586},"Примерка",[92,7873,2261],{"class":590},[92,7875,3189],{"class":618},[92,7877,2099],{"class":590},[92,7879,7880],{"class":94,"line":248},[92,7881,2878],{"class":590},[92,7883,7884,7886],{"class":94,"line":254},[92,7885,2883],{"class":618},[92,7887,643],{"class":590},[92,7889,7890],{"class":94,"line":259},[92,7891,2703],{"class":590},[78,7893,7895],{"id":7894},"шаг-3-использование-на-странице-товара","Шаг 3 — Использование на странице товара",[83,7897,7898],{"className":2606,"code":3231,"language":2608,"meta":88,"style":88},[29,7899,7900,7920,7924,7962,7986,7990,7996,8004,8024,8054,8060,8068,8072,8086,8100,8104,8110,8114,8122,8128],{"__ignoreMap":88},[92,7901,7902,7904,7906,7908,7910,7912,7914,7916,7918],{"class":94,"line":95},[92,7903,2616],{"class":2615},[92,7905,2661],{"class":590},[92,7907,3034],{"class":586},[92,7909,3244],{"class":590},[92,7911,3247],{"class":2615},[92,7913,624],{"class":590},[92,7915,3252],{"class":604},[92,7917,601],{"class":590},[92,7919,643],{"class":590},[92,7921,7922],{"class":94,"line":101},[92,7923,141],{"emptyLinePlaceholder":140},[92,7925,7926,7928,7930,7932,7934,7936,7938,7940,7942,7944,7946,7948,7950,7952,7954,7956,7958,7960],{"class":94,"line":107},[92,7927,2640],{"class":2615},[92,7929,2643],{"class":2615},[92,7931,3269],{"class":2061},[92,7933,2153],{"class":2061},[92,7935,3274],{"class":594},[92,7937,2651],{"class":590},[92,7939,3279],{"class":2654},[92,7941,2658],{"class":590},[92,7943,2661],{"class":590},[92,7945,3279],{"class":618},[92,7947,343],{"class":590},[92,7949,2661],{"class":590},[92,7951,3292],{"class":618},[92,7953,343],{"class":590},[92,7955,2933],{"class":2668},[92,7957,3244],{"class":590},[92,7959,2677],{"class":590},[92,7961,613],{"class":590},[92,7963,7964,7966,7968,7970,7972,7974,7976,7978,7980,7982,7984],{"class":94,"line":113},[92,7965,3062],{"class":2061},[92,7967,3309],{"class":586},[92,7969,2177],{"class":590},[92,7971,3314],{"class":2615},[92,7973,3317],{"class":594},[92,7975,598],{"class":618},[92,7977,3322],{"class":586},[92,7979,591],{"class":590},[92,7981,3327],{"class":586},[92,7983,640],{"class":618},[92,7985,643],{"class":590},[92,7987,7988],{"class":94,"line":119},[92,7989,141],{"emptyLinePlaceholder":140},[92,7991,7992,7994],{"class":94,"line":125},[92,7993,2684],{"class":2615},[92,7995,2687],{"class":618},[92,7997,7998,8000,8002],{"class":94,"line":131},[92,7999,3346],{"class":590},[92,8001,2288],{"class":618},[92,8003,2099],{"class":590},[92,8005,8006,8008,8010,8012,8014,8016,8018,8020,8022],{"class":94,"line":137},[92,8007,2712],{"class":590},[92,8009,10],{"class":618},[92,8011,3359],{"class":590},[92,8013,3362],{"class":586},[92,8015,591],{"class":590},[92,8017,3367],{"class":586},[92,8019,3370],{"class":590},[92,8021,10],{"class":618},[92,8023,2099],{"class":590},[92,8025,8026,8028,8030,8032,8034,8036,8038,8040,8042,8044,8046,8048,8050,8052],{"class":94,"line":144},[92,8027,2712],{"class":590},[92,8029,3381],{"class":618},[92,8031,3384],{"class":2061},[92,8033,3195],{"class":590},[92,8035,3362],{"class":586},[92,8037,591],{"class":590},[92,8039,3393],{"class":586},[92,8041,3396],{"class":590},[92,8043,3399],{"class":2061},[92,8045,3195],{"class":590},[92,8047,3362],{"class":586},[92,8049,591],{"class":590},[92,8051,3367],{"class":586},[92,8053,3410],{"class":590},[92,8055,8056,8058],{"class":94,"line":150},[92,8057,2712],{"class":590},[92,8059,3417],{"class":2668},[92,8061,8062,8064,8066],{"class":94,"line":156},[92,8063,3422],{"class":2061},[92,8065,3195],{"class":590},[92,8067,3427],{"class":586},[92,8069,8070],{"class":94,"line":162},[92,8071,3432],{"class":590},[92,8073,8074,8076,8078,8080,8082,8084],{"class":94,"line":168},[92,8075,3437],{"class":618},[92,8077,343],{"class":590},[92,8079,3309],{"class":586},[92,8081,591],{"class":590},[92,8083,3367],{"class":586},[92,8085,632],{"class":590},[92,8087,8088,8090,8092,8094,8096,8098],{"class":94,"line":173},[92,8089,3452],{"class":618},[92,8091,343],{"class":590},[92,8093,3309],{"class":586},[92,8095,591],{"class":590},[92,8097,3393],{"class":586},[92,8099,632],{"class":590},[92,8101,8102],{"class":94,"line":179},[92,8103,3467],{"class":590},[92,8105,8106,8108],{"class":94,"line":185},[92,8107,3472],{"class":586},[92,8109,2703],{"class":590},[92,8111,8112],{"class":94,"line":191},[92,8113,2760],{"class":590},[92,8115,8116,8118,8120],{"class":94,"line":197},[92,8117,3483],{"class":590},[92,8119,2288],{"class":618},[92,8121,2099],{"class":590},[92,8123,8124,8126],{"class":94,"line":203},[92,8125,2883],{"class":618},[92,8127,643],{"class":590},[92,8129,8130],{"class":94,"line":209},[92,8131,2703],{"class":590},[51,8133,8135],{"id":8134},"переменная-окружения","Переменная окружения",[14,8137,8138,8139,343],{},"Добавьте ваш API-ключ в ",[29,8140,3507],{},[83,8142,8143],{"className":3510,"code":3511,"language":3512,"meta":88,"style":88},[29,8144,8145],{"__ignoreMap":88},[92,8146,8147,8149,8151],{"class":94,"line":95},[92,8148,2848],{"class":586},[92,8150,2065],{"class":590},[92,8152,3523],{"class":604},[281,8154,3526],{},{"title":88,"searchDepth":101,"depth":101,"links":8156},[8157,8163],{"id":7339,"depth":101,"text":7340,"children":8158},[8159,8161,8162],{"id":7351,"depth":107,"text":8160},"Шаг 1 — Загрузка скриптов в layout.tsx или page.tsx",{"id":7596,"depth":107,"text":7597},{"id":7894,"depth":107,"text":7895},{"id":8134,"depth":101,"text":8135},"Интеграция с Next.js (Pages Router и App Router)",{},"\u002Fintegrations\u002Fnextjs",{"title":2563,"description":8164},"integrations\u002Fnextjs","cPrGrS18rReYEkJuc9p5y82p5dY0IP8RW-Y71sGBkgQ",{"id":8171,"title":3545,"body":8172,"description":8976,"extension":290,"icon":4430,"meta":8977,"navigation":140,"path":8978,"seo":8979,"stem":8980,"__hash__":8981},"content\u002Fintegrations\u002Fnuxt.md",{"type":7,"value":8173,"toc":8966},[8174,8178,8181,8185,8193,8199,8481,8487,8663,8667,8944,8946,8951,8963],[10,8175,8177],{"id":8176},"интеграция-с-nuxt","Интеграция с Nuxt",[14,8179,8180],{},"Try-on легко интегрируется с Nuxt 3 и Nuxt 4.",[51,8182,8184],{"id":8183},"_1-загрузка-скрипта","1. Загрузка скрипта",[14,8186,8187,8188,8190,8191,591],{},"Используйте composable ",[29,8189,3564],{}," или добавьте скрипты в ",[29,8192,3568],{},[78,8194,8196,8197],{"id":8195},"вариант-а-на-страницу-через-usehead","Вариант А — На страницу через ",[29,8198,3564],{},[83,8200,8201],{"className":3577,"code":3578,"language":3579,"meta":88,"style":88},[29,8202,8203,8207,8215,8223,8239,8267,8275,8283,8287,8307,8325,8329,8337,8345,8349,8363,8377,8381,8385,8399,8407,8411,8415,8419,8423,8447,8451,8457,8461,8467,8473],{"__ignoreMap":88},[92,8204,8205],{"class":94,"line":95},[92,8206,3587],{"class":3586},[92,8208,8209,8211,8213],{"class":94,"line":101},[92,8210,2053],{"class":590},[92,8212,3594],{"class":618},[92,8214,2099],{"class":590},[92,8216,8217,8219,8221],{"class":94,"line":107},[92,8218,3601],{"class":590},[92,8220,2288],{"class":618},[92,8222,2099],{"class":590},[92,8224,8225,8227,8229,8231,8233,8235,8237],{"class":94,"line":113},[92,8226,3346],{"class":590},[92,8228,10],{"class":618},[92,8230,3614],{"class":590},[92,8232,3617],{"class":586},[92,8234,2261],{"class":590},[92,8236,10],{"class":618},[92,8238,2099],{"class":590},[92,8240,8241,8243,8245,8247,8249,8251,8253,8255,8257,8259,8261,8263,8265],{"class":94,"line":119},[92,8242,3346],{"class":590},[92,8244,3630],{"class":618},[92,8246,3633],{"class":2061},[92,8248,2065],{"class":590},[92,8250,2068],{"class":590},[92,8252,3640],{"class":604},[92,8254,2068],{"class":590},[92,8256,3645],{"class":2061},[92,8258,2065],{"class":590},[92,8260,2068],{"class":590},[92,8262,3652],{"class":604},[92,8264,2068],{"class":590},[92,8266,3182],{"class":590},[92,8268,8269,8271,8273],{"class":94,"line":125},[92,8270,3661],{"class":590},[92,8272,2288],{"class":618},[92,8274,2099],{"class":590},[92,8276,8277,8279,8281],{"class":94,"line":131},[92,8278,2261],{"class":590},[92,8280,3594],{"class":618},[92,8282,2099],{"class":590},[92,8284,8285],{"class":94,"line":137},[92,8286,141],{"emptyLinePlaceholder":140},[92,8288,8289,8291,8293,8295,8297,8299,8301,8303,8305],{"class":94,"line":144},[92,8290,2053],{"class":590},[92,8292,2096],{"class":618},[92,8294,3686],{"class":2061},[92,8296,3689],{"class":2061},[92,8298,2065],{"class":590},[92,8300,2068],{"class":590},[92,8302,3696],{"class":604},[92,8304,2068],{"class":590},[92,8306,2099],{"class":590},[92,8308,8309,8311,8313,8315,8317,8319,8321,8323],{"class":94,"line":150},[92,8310,2616],{"class":2615},[92,8312,2661],{"class":590},[92,8314,3709],{"class":586},[92,8316,3244],{"class":590},[92,8318,3247],{"class":2615},[92,8320,624],{"class":590},[92,8322,3718],{"class":604},[92,8324,2247],{"class":590},[92,8326,8327],{"class":94,"line":156},[92,8328,141],{"emptyLinePlaceholder":140},[92,8330,8331,8333,8335],{"class":94,"line":162},[92,8332,3564],{"class":594},[92,8334,598],{"class":586},[92,8336,2965],{"class":590},[92,8338,8339,8341,8343],{"class":94,"line":168},[92,8340,3737],{"class":618},[92,8342,343],{"class":590},[92,8344,1134],{"class":586},[92,8346,8347],{"class":94,"line":173},[92,8348,1139],{"class":590},[92,8350,8351,8353,8355,8357,8359,8361],{"class":94,"line":179},[92,8352,3750],{"class":618},[92,8354,343],{"class":590},[92,8356,624],{"class":590},[92,8358,2071],{"class":604},[92,8360,601],{"class":590},[92,8362,632],{"class":590},[92,8364,8365,8367,8369,8371,8373,8375],{"class":94,"line":185},[92,8366,3765],{"class":618},[92,8368,343],{"class":590},[92,8370,624],{"class":590},[92,8372,2086],{"class":604},[92,8374,601],{"class":590},[92,8376,632],{"class":590},[92,8378,8379],{"class":94,"line":191},[92,8380,1176],{"class":590},[92,8382,8383],{"class":94,"line":197},[92,8384,1139],{"class":590},[92,8386,8387,8389,8391,8393,8395,8397],{"class":94,"line":203},[92,8388,3765],{"class":618},[92,8390,343],{"class":590},[92,8392,624],{"class":590},[92,8394,2124],{"class":604},[92,8396,601],{"class":590},[92,8398,632],{"class":590},[92,8400,8401,8403,8405],{"class":94,"line":209},[92,8402,3802],{"class":618},[92,8404,343],{"class":590},[92,8406,3807],{"class":590},[92,8408,8409],{"class":94,"line":214},[92,8410,3812],{"class":604},[92,8412,8413],{"class":94,"line":220},[92,8414,3817],{"class":604},[92,8416,8417],{"class":94,"line":225},[92,8418,3822],{"class":604},[92,8420,8421],{"class":94,"line":231},[92,8422,3827],{"class":604},[92,8424,8425,8427,8429,8431,8433,8435,8437,8439,8441,8443,8445],{"class":94,"line":237},[92,8426,3832],{"class":604},[92,8428,2835],{"class":590},[92,8430,2616],{"class":2615},[92,8432,591],{"class":590},[92,8434,3841],{"class":586},[92,8436,591],{"class":590},[92,8438,2843],{"class":586},[92,8440,591],{"class":590},[92,8442,3850],{"class":586},[92,8444,637],{"class":590},[92,8446,2247],{"class":604},[92,8448,8449],{"class":94,"line":243},[92,8450,3859],{"class":604},[92,8452,8453,8455],{"class":94,"line":248},[92,8454,3864],{"class":590},[92,8456,632],{"class":590},[92,8458,8459],{"class":94,"line":254},[92,8460,1176],{"class":590},[92,8462,8463,8465],{"class":94,"line":259},[92,8464,1181],{"class":586},[92,8466,632],{"class":590},[92,8468,8469,8471],{"class":94,"line":265},[92,8470,637],{"class":590},[92,8472,3883],{"class":586},[92,8474,8475,8477,8479],{"class":94,"line":270},[92,8476,2261],{"class":590},[92,8478,2096],{"class":618},[92,8480,2099],{"class":590},[78,8482,8484,8485],{"id":8483},"вариант-б-глобально-в-nuxtconfigts","Вариант Б — Глобально в ",[29,8486,3568],{},[83,8488,8489],{"className":3900,"code":3901,"language":3696,"meta":88,"style":88},[29,8490,8491,8503,8511,8519,8527,8531,8545,8559,8563,8567,8581,8589,8593,8597,8601,8605,8629,8633,8639,8643,8649,8653,8657],{"__ignoreMap":88},[92,8492,8493,8495,8497,8499,8501],{"class":94,"line":95},[92,8494,2640],{"class":2615},[92,8496,2643],{"class":2615},[92,8498,3912],{"class":594},[92,8500,598],{"class":586},[92,8502,2965],{"class":590},[92,8504,8505,8507,8509],{"class":94,"line":101},[92,8506,3921],{"class":618},[92,8508,343],{"class":590},[92,8510,613],{"class":590},[92,8512,8513,8515,8517],{"class":94,"line":107},[92,8514,3930],{"class":618},[92,8516,343],{"class":590},[92,8518,613],{"class":590},[92,8520,8521,8523,8525],{"class":94,"line":113},[92,8522,3939],{"class":618},[92,8524,343],{"class":590},[92,8526,1134],{"class":586},[92,8528,8529],{"class":94,"line":119},[92,8530,3948],{"class":590},[92,8532,8533,8535,8537,8539,8541,8543],{"class":94,"line":125},[92,8534,3953],{"class":618},[92,8536,343],{"class":590},[92,8538,624],{"class":590},[92,8540,2071],{"class":604},[92,8542,601],{"class":590},[92,8544,632],{"class":590},[92,8546,8547,8549,8551,8553,8555,8557],{"class":94,"line":131},[92,8548,3968],{"class":618},[92,8550,343],{"class":590},[92,8552,624],{"class":590},[92,8554,2086],{"class":604},[92,8556,601],{"class":590},[92,8558,632],{"class":590},[92,8560,8561],{"class":94,"line":137},[92,8562,3983],{"class":590},[92,8564,8565],{"class":94,"line":144},[92,8566,3948],{"class":590},[92,8568,8569,8571,8573,8575,8577,8579],{"class":94,"line":150},[92,8570,3968],{"class":618},[92,8572,343],{"class":590},[92,8574,624],{"class":590},[92,8576,2124],{"class":604},[92,8578,601],{"class":590},[92,8580,632],{"class":590},[92,8582,8583,8585,8587],{"class":94,"line":156},[92,8584,4006],{"class":618},[92,8586,343],{"class":590},[92,8588,3807],{"class":590},[92,8590,8591],{"class":94,"line":162},[92,8592,4015],{"class":604},[92,8594,8595],{"class":94,"line":168},[92,8596,4020],{"class":604},[92,8598,8599],{"class":94,"line":173},[92,8600,4025],{"class":604},[92,8602,8603],{"class":94,"line":179},[92,8604,4030],{"class":604},[92,8606,8607,8609,8611,8613,8615,8617,8619,8621,8623,8625,8627],{"class":94,"line":185},[92,8608,4035],{"class":604},[92,8610,2835],{"class":590},[92,8612,2616],{"class":2615},[92,8614,591],{"class":590},[92,8616,3841],{"class":586},[92,8618,591],{"class":590},[92,8620,2843],{"class":586},[92,8622,591],{"class":590},[92,8624,3850],{"class":586},[92,8626,637],{"class":590},[92,8628,2247],{"class":604},[92,8630,8631],{"class":94,"line":191},[92,8632,4060],{"class":604},[92,8634,8635,8637],{"class":94,"line":197},[92,8636,4065],{"class":590},[92,8638,632],{"class":590},[92,8640,8641],{"class":94,"line":203},[92,8642,3983],{"class":590},[92,8644,8645,8647],{"class":94,"line":209},[92,8646,4076],{"class":586},[92,8648,632],{"class":590},[92,8650,8651],{"class":94,"line":214},[92,8652,1176],{"class":590},[92,8654,8655],{"class":94,"line":220},[92,8656,217],{"class":590},[92,8658,8659,8661],{"class":94,"line":225},[92,8660,637],{"class":590},[92,8662,3883],{"class":586},[51,8664,8666],{"id":8665},"_2-создание-компонента-обёртки","2. Создание компонента-обёртки",[83,8668,8670],{"className":3577,"code":8669,"language":3579,"meta":88,"style":88},"\u003C!-- components\u002FTryOnWidget.vue -->\n\u003Ctemplate>\n  \u003Cdiv>\n    \u003Cdiv id=\"widget-container\" \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",[29,8671,8672,8676,8684,8692,8710,8736,8744,8752,8756,8776,8788,8796,8804,8810,8814,8828,8848,8862,8876,8884,8888,8902,8916,8920,8926,8932,8936],{"__ignoreMap":88},[92,8673,8674],{"class":94,"line":95},[92,8675,4106],{"class":3586},[92,8677,8678,8680,8682],{"class":94,"line":101},[92,8679,2053],{"class":590},[92,8681,3594],{"class":618},[92,8683,2099],{"class":590},[92,8685,8686,8688,8690],{"class":94,"line":107},[92,8687,3601],{"class":590},[92,8689,2288],{"class":618},[92,8691,2099],{"class":590},[92,8693,8694,8696,8698,8700,8702,8704,8706,8708],{"class":94,"line":113},[92,8695,3346],{"class":590},[92,8697,2288],{"class":618},[92,8699,2117],{"class":2061},[92,8701,2065],{"class":590},[92,8703,2068],{"class":590},[92,8705,1104],{"class":604},[92,8707,2068],{"class":590},[92,8709,3182],{"class":590},[92,8711,8712,8714,8716,8718,8720,8722,8724,8726,8728,8730,8732,8734],{"class":94,"line":119},[92,8713,3346],{"class":590},[92,8715,3189],{"class":618},[92,8717,4149],{"class":2061},[92,8719,2065],{"class":590},[92,8721,2068],{"class":590},[92,8723,4156],{"class":604},[92,8725,2068],{"class":590},[92,8727,3614],{"class":590},[92,8729,7871],{"class":586},[92,8731,2261],{"class":590},[92,8733,3189],{"class":618},[92,8735,2099],{"class":590},[92,8737,8738,8740,8742],{"class":94,"line":125},[92,8739,3661],{"class":590},[92,8741,2288],{"class":618},[92,8743,2099],{"class":590},[92,8745,8746,8748,8750],{"class":94,"line":131},[92,8747,2261],{"class":590},[92,8749,3594],{"class":618},[92,8751,2099],{"class":590},[92,8753,8754],{"class":94,"line":137},[92,8755,141],{"emptyLinePlaceholder":140},[92,8757,8758,8760,8762,8764,8766,8768,8770,8772,8774],{"class":94,"line":144},[92,8759,2053],{"class":590},[92,8761,2096],{"class":618},[92,8763,3686],{"class":2061},[92,8765,3689],{"class":2061},[92,8767,2065],{"class":590},[92,8769,2068],{"class":590},[92,8771,3696],{"class":604},[92,8773,2068],{"class":590},[92,8775,2099],{"class":590},[92,8777,8778,8780,8782,8784,8786],{"class":94,"line":150},[92,8779,4213],{"class":2061},[92,8781,4216],{"class":586},[92,8783,2065],{"class":590},[92,8785,4221],{"class":594},[92,8787,4224],{"class":590},[92,8789,8790,8792,8794],{"class":94,"line":156},[92,8791,2928],{"class":618},[92,8793,343],{"class":590},[92,8795,4233],{"class":2668},[92,8797,8798,8800,8802],{"class":94,"line":162},[92,8799,4238],{"class":618},[92,8801,343],{"class":590},[92,8803,4233],{"class":2668},[92,8805,8806,8808],{"class":94,"line":168},[92,8807,3201],{"class":590},[92,8809,4249],{"class":586},[92,8811,8812],{"class":94,"line":173},[92,8813,141],{"emptyLinePlaceholder":140},[92,8815,8816,8818,8820,8822,8824,8826],{"class":94,"line":179},[92,8817,4213],{"class":2061},[92,8819,4260],{"class":586},[92,8821,2065],{"class":590},[92,8823,3070],{"class":590},[92,8825,3008],{"class":2061},[92,8827,613],{"class":590},[92,8829,8830,8832,8834,8836,8838,8840,8842,8844,8846],{"class":94,"line":185},[92,8831,2133],{"class":586},[92,8833,591],{"class":590},[92,8835,595],{"class":594},[92,8837,598],{"class":618},[92,8839,601],{"class":590},[92,8841,1086],{"class":604},[92,8843,601],{"class":590},[92,8845,610],{"class":590},[92,8847,613],{"class":590},[92,8849,8850,8852,8854,8856,8858,8860],{"class":94,"line":191},[92,8851,4293],{"class":618},[92,8853,343],{"class":590},[92,8855,624],{"class":590},[92,8857,1104],{"class":604},[92,8859,601],{"class":590},[92,8861,632],{"class":590},[92,8863,8864,8866,8868,8870,8872,8874],{"class":94,"line":197},[92,8865,4308],{"class":618},[92,8867,343],{"class":590},[92,8869,624],{"class":590},[92,8871,1120],{"class":604},[92,8873,601],{"class":590},[92,8875,632],{"class":590},[92,8877,8878,8880,8882],{"class":94,"line":203},[92,8879,4323],{"class":618},[92,8881,343],{"class":590},[92,8883,1134],{"class":618},[92,8885,8886],{"class":94,"line":209},[92,8887,4332],{"class":590},[92,8889,8890,8892,8894,8896,8898,8900],{"class":94,"line":214},[92,8891,4337],{"class":618},[92,8893,343],{"class":590},[92,8895,4342],{"class":586},[92,8897,591],{"class":590},[92,8899,829],{"class":586},[92,8901,632],{"class":590},[92,8903,8904,8906,8908,8910,8912,8914],{"class":94,"line":220},[92,8905,4353],{"class":618},[92,8907,343],{"class":590},[92,8909,4342],{"class":586},[92,8911,591],{"class":590},[92,8913,4362],{"class":586},[92,8915,632],{"class":590},[92,8917,8918],{"class":94,"line":225},[92,8919,4369],{"class":590},[92,8921,8922,8924],{"class":94,"line":231},[92,8923,4374],{"class":618},[92,8925,632],{"class":590},[92,8927,8928,8930],{"class":94,"line":237},[92,8929,2252],{"class":590},[92,8931,3883],{"class":618},[92,8933,8934],{"class":94,"line":243},[92,8935,2703],{"class":590},[92,8937,8938,8940,8942],{"class":94,"line":248},[92,8939,2261],{"class":590},[92,8941,2096],{"class":618},[92,8943,2099],{"class":590},[51,8945,8135],{"id":8134},[14,8947,8948,8949,343],{},"Добавьте в ",[29,8950,4402],{},[83,8952,8953],{"className":3510,"code":4405,"language":3512,"meta":88,"style":88},[29,8954,8955],{"__ignoreMap":88},[92,8956,8957,8959,8961],{"class":94,"line":95},[92,8958,3850],{"class":586},[92,8960,2065],{"class":590},[92,8962,3523],{"class":604},[281,8964,8965],{},"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 .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 .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 .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 pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}",{"title":88,"searchDepth":101,"depth":101,"links":8967},[8968,8974,8975],{"id":8183,"depth":101,"text":8184,"children":8969},[8970,8972],{"id":8195,"depth":107,"text":8971},"Вариант А — На страницу через useHead",{"id":8483,"depth":107,"text":8973},"Вариант Б — Глобально в nuxt.config.ts",{"id":8665,"depth":101,"text":8666},{"id":8134,"depth":101,"text":8135},"Интеграция с Nuxt 3 \u002F Nuxt 4 приложением",{},"\u002Fintegrations\u002Fnuxt",{"title":3545,"description":8976},"integrations\u002Fnuxt","Wkl4NVx9VjmoyD6SsX1INKeCqUHZtLlYf56ipRB5Flc",{"id":8983,"title":4438,"body":8984,"description":9787,"extension":290,"icon":5284,"meta":9788,"navigation":140,"path":9789,"seo":9790,"stem":9791,"__hash__":9792},"content\u002Fintegrations\u002Freact.md",{"type":7,"value":8985,"toc":9782},[8986,8990,8993,8997,9002,9186,9194,9198,9504,9508,9780],[10,8987,8989],{"id":8988},"интеграция-с-react","Интеграция с React",[14,8991,8992],{},"Работает с любым React-окружением — Vite, Create React App или своим решением.",[51,8994,8996],{"id":8995},"_1-загрузка-скрипта-виджета","1. Загрузка скрипта виджета",[14,8998,8999,9000,343],{},"Добавьте скрипт в ваш ",[29,9001,4457],{},[83,9003,9005],{"className":2044,"code":9004,"language":2046,"meta":88,"style":88},"\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",[29,9006,9007,9012,9018,9030,9042,9050,9068,9092,9134,9138,9158,9170,9178],{"__ignoreMap":88},[92,9008,9009],{"class":94,"line":95},[92,9010,9011],{"class":3586},"\u003C!-- В public\u002Findex.html или index.html (Vite) -->\n",[92,9013,9014,9016],{"class":94,"line":101},[92,9015,2053],{"class":590},[92,9017,2056],{"class":618},[92,9019,9020,9022,9024,9026,9028],{"class":94,"line":107},[92,9021,2062],{"class":2061},[92,9023,2065],{"class":590},[92,9025,2068],{"class":590},[92,9027,2071],{"class":604},[92,9029,2074],{"class":590},[92,9031,9032,9034,9036,9038,9040],{"class":94,"line":113},[92,9033,2079],{"class":2061},[92,9035,2065],{"class":590},[92,9037,2068],{"class":590},[92,9039,2086],{"class":604},[92,9041,2074],{"class":590},[92,9043,9044,9046,9048],{"class":94,"line":119},[92,9045,2093],{"class":590},[92,9047,2096],{"class":618},[92,9049,2099],{"class":590},[92,9051,9052,9054,9056,9058,9060,9062,9064,9066],{"class":94,"line":125},[92,9053,2053],{"class":590},[92,9055,2096],{"class":618},[92,9057,2117],{"class":2061},[92,9059,2065],{"class":590},[92,9061,2068],{"class":590},[92,9063,2124],{"class":604},[92,9065,2068],{"class":590},[92,9067,2099],{"class":590},[92,9069,9070,9072,9074,9076,9078,9080,9082,9084,9086,9088,9090],{"class":94,"line":131},[92,9071,2133],{"class":586},[92,9073,591],{"class":590},[92,9075,2138],{"class":586},[92,9077,2065],{"class":590},[92,9079,2143],{"class":586},[92,9081,591],{"class":590},[92,9083,2138],{"class":586},[92,9085,2150],{"class":590},[92,9087,2153],{"class":2061},[92,9089,2156],{"class":590},[92,9091,613],{"class":590},[92,9093,9094,9096,9098,9100,9102,9104,9106,9108,9110,9112,9114,9116,9118,9120,9122,9124,9126,9128,9130,9132],{"class":94,"line":137},[92,9095,2163],{"class":618},[92,9097,587],{"class":586},[92,9099,591],{"class":590},[92,9101,595],{"class":586},[92,9103,591],{"class":590},[92,9105,2174],{"class":586},[92,9107,2177],{"class":590},[92,9109,2143],{"class":586},[92,9111,591],{"class":590},[92,9113,595],{"class":586},[92,9115,591],{"class":590},[92,9117,2174],{"class":586},[92,9119,2190],{"class":590},[92,9121,2193],{"class":618},[92,9123,591],{"class":590},[92,9125,2198],{"class":594},[92,9127,598],{"class":618},[92,9129,2203],{"class":586},[92,9131,640],{"class":618},[92,9133,643],{"class":590},[92,9135,9136],{"class":94,"line":144},[92,9137,2212],{"class":590},[92,9139,9140,9142,9144,9146,9148,9150,9152,9154,9156],{"class":94,"line":150},[92,9141,2133],{"class":586},[92,9143,591],{"class":590},[92,9145,595],{"class":594},[92,9147,598],{"class":586},[92,9149,601],{"class":590},[92,9151,605],{"class":604},[92,9153,601],{"class":590},[92,9155,610],{"class":590},[92,9157,613],{"class":590},[92,9159,9160,9162,9164,9166,9168],{"class":94,"line":156},[92,9161,2237],{"class":618},[92,9163,343],{"class":590},[92,9165,624],{"class":590},[92,9167,4624],{"class":604},[92,9169,2247],{"class":590},[92,9171,9172,9174,9176],{"class":94,"line":162},[92,9173,2252],{"class":590},[92,9175,640],{"class":586},[92,9177,643],{"class":590},[92,9179,9180,9182,9184],{"class":94,"line":168},[92,9181,2261],{"class":590},[92,9183,2096],{"class":618},[92,9185,2099],{"class":590},[4644,9187,9188],{"icon":4646},[14,9189,9190,9191,9193],{},"Замените ",[29,9192,4624],{}," на ваш реальный ключ во время сборки, или используйте инъекцию во время выполнения.",[51,9195,9197],{"id":9196},"_2-создайте-свой-хук","2. Создайте свой хук",[83,9199,9200],{"className":2606,"code":4659,"language":2608,"meta":88,"style":88},[29,9201,9202,9206,9214,9224,9234,9244,9248,9252,9260,9270,9300,9312,9316,9320,9328,9336,9366,9370,9374,9378,9390,9412,9436,9440,9444,9458,9478,9482,9486,9500],{"__ignoreMap":88},[92,9203,9204],{"class":94,"line":95},[92,9205,4666],{"class":3586},[92,9207,9208,9210,9212],{"class":94,"line":101},[92,9209,2918],{"class":2061},[92,9211,2921],{"class":2668},[92,9213,613],{"class":590},[92,9215,9216,9218,9220,9222],{"class":94,"line":107},[92,9217,2928],{"class":618},[92,9219,343],{"class":590},[92,9221,2933],{"class":2668},[92,9223,643],{"class":590},[92,9225,9226,9228,9230,9232],{"class":94,"line":113},[92,9227,2940],{"class":618},[92,9229,343],{"class":590},[92,9231,2933],{"class":2668},[92,9233,643],{"class":590},[92,9235,9236,9238,9240,9242],{"class":94,"line":119},[92,9237,4699],{"class":618},[92,9239,3000],{"class":590},[92,9241,2933],{"class":2668},[92,9243,643],{"class":590},[92,9245,9246],{"class":94,"line":125},[92,9247,2703],{"class":590},[92,9249,9250],{"class":94,"line":131},[92,9251,141],{"emptyLinePlaceholder":140},[92,9253,9254,9256,9258],{"class":94,"line":137},[92,9255,2918],{"class":2061},[92,9257,4720],{"class":2668},[92,9259,613],{"class":590},[92,9261,9262,9264,9266,9268],{"class":94,"line":144},[92,9263,1097],{"class":618},[92,9265,343],{"class":590},[92,9267,2933],{"class":2668},[92,9269,643],{"class":590},[92,9271,9272,9274,9276,9278,9280,9282,9284,9286,9288,9290,9292,9294,9296,9298],{"class":94,"line":150},[92,9273,1113],{"class":618},[92,9275,3000],{"class":590},[92,9277,624],{"class":590},[92,9279,1120],{"class":604},[92,9281,601],{"class":590},[92,9283,4747],{"class":590},[92,9285,624],{"class":590},[92,9287,4752],{"class":604},[92,9289,601],{"class":590},[92,9291,4747],{"class":590},[92,9293,624],{"class":590},[92,9295,4761],{"class":604},[92,9297,601],{"class":590},[92,9299,643],{"class":590},[92,9301,9302,9304,9306,9308,9310],{"class":94,"line":156},[92,9303,1129],{"class":618},[92,9305,343],{"class":590},[92,9307,2921],{"class":2668},[92,9309,4776],{"class":586},[92,9311,643],{"class":590},[92,9313,9314],{"class":94,"line":162},[92,9315,2703],{"class":590},[92,9317,9318],{"class":94,"line":168},[92,9319,141],{"emptyLinePlaceholder":140},[92,9321,9322,9324,9326],{"class":94,"line":173},[92,9323,2959],{"class":2061},[92,9325,2962],{"class":586},[92,9327,2965],{"class":590},[92,9329,9330,9332,9334],{"class":94,"line":179},[92,9331,2970],{"class":2061},[92,9333,2973],{"class":2668},[92,9335,613],{"class":590},[92,9337,9338,9340,9342,9344,9346,9348,9350,9352,9354,9356,9358,9360,9362,9364],{"class":94,"line":185},[92,9339,2980],{"class":618},[92,9341,343],{"class":590},[92,9343,2985],{"class":590},[92,9345,2988],{"class":2654},[92,9347,343],{"class":590},[92,9349,2933],{"class":2668},[92,9351,610],{"class":590},[92,9353,2997],{"class":2654},[92,9355,3000],{"class":590},[92,9357,3003],{"class":2668},[92,9359,640],{"class":590},[92,9361,3008],{"class":2061},[92,9363,3011],{"class":2668},[92,9365,643],{"class":590},[92,9367,9368],{"class":94,"line":191},[92,9369,273],{"class":590},[92,9371,9372],{"class":94,"line":197},[92,9373,2703],{"class":590},[92,9375,9376],{"class":94,"line":203},[92,9377,141],{"emptyLinePlaceholder":140},[92,9379,9380,9382,9384,9386,9388],{"class":94,"line":209},[92,9381,2640],{"class":2615},[92,9383,2153],{"class":2061},[92,9385,4853],{"class":594},[92,9387,2156],{"class":590},[92,9389,613],{"class":590},[92,9391,9392,9394,9396,9398,9400,9402,9404,9406,9408,9410],{"class":94,"line":214},[92,9393,3062],{"class":2061},[92,9395,4864],{"class":586},[92,9397,2177],{"class":590},[92,9399,2985],{"class":590},[92,9401,4871],{"class":2654},[92,9403,343],{"class":590},[92,9405,4720],{"class":2668},[92,9407,640],{"class":590},[92,9409,3008],{"class":2061},[92,9411,613],{"class":590},[92,9413,9414,9416,9418,9420,9422,9424,9426,9428,9430,9432,9434],{"class":94,"line":220},[92,9415,3079],{"class":586},[92,9417,591],{"class":590},[92,9419,595],{"class":594},[92,9421,598],{"class":618},[92,9423,601],{"class":590},[92,9425,1086],{"class":604},[92,9427,601],{"class":590},[92,9429,610],{"class":590},[92,9431,2997],{"class":586},[92,9433,640],{"class":618},[92,9435,643],{"class":590},[92,9437,9438],{"class":94,"line":225},[92,9439,2212],{"class":590},[92,9441,9442],{"class":94,"line":231},[92,9443,141],{"emptyLinePlaceholder":140},[92,9445,9446,9448,9450,9452,9454,9456],{"class":94,"line":237},[92,9447,3062],{"class":2061},[92,9449,4920],{"class":586},[92,9451,2177],{"class":590},[92,9453,3070],{"class":590},[92,9455,3008],{"class":2061},[92,9457,613],{"class":590},[92,9459,9460,9462,9464,9466,9468,9470,9472,9474,9476],{"class":94,"line":243},[92,9461,3079],{"class":586},[92,9463,591],{"class":590},[92,9465,595],{"class":594},[92,9467,598],{"class":618},[92,9469,601],{"class":590},[92,9471,4943],{"class":604},[92,9473,601],{"class":590},[92,9475,640],{"class":618},[92,9477,643],{"class":590},[92,9479,9480],{"class":94,"line":248},[92,9481,2212],{"class":590},[92,9483,9484],{"class":94,"line":254},[92,9485,141],{"emptyLinePlaceholder":140},[92,9487,9488,9490,9492,9494,9496,9498],{"class":94,"line":259},[92,9489,2684],{"class":2615},[92,9491,2661],{"class":590},[92,9493,4864],{"class":586},[92,9495,610],{"class":590},[92,9497,4920],{"class":586},[92,9499,4972],{"class":590},[92,9501,9502],{"class":94,"line":265},[92,9503,2703],{"class":590},[51,9505,9507],{"id":9506},"_3-использование-в-компоненте","3. Использование в компоненте",[83,9509,9511],{"className":2606,"code":9510,"language":2608,"meta":88,"style":88},"\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      \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",[29,9512,9513,9517,9537,9541,9549,9559,9569,9573,9577,9601,9619,9623,9629,9637,9643,9655,9659,9665,9673,9681,9695,9709,9735,9741,9745,9749,9754,9762,9770,9776],{"__ignoreMap":88},[92,9514,9515],{"class":94,"line":95},[92,9516,4990],{"class":3586},[92,9518,9519,9521,9523,9525,9527,9529,9531,9533,9535],{"class":94,"line":101},[92,9520,2616],{"class":2615},[92,9522,2661],{"class":590},[92,9524,4853],{"class":586},[92,9526,3244],{"class":590},[92,9528,3247],{"class":2615},[92,9530,624],{"class":590},[92,9532,5007],{"class":604},[92,9534,601],{"class":590},[92,9536,643],{"class":590},[92,9538,9539],{"class":94,"line":107},[92,9540,141],{"emptyLinePlaceholder":140},[92,9542,9543,9545,9547],{"class":94,"line":113},[92,9544,2918],{"class":2061},[92,9546,5022],{"class":2668},[92,9548,613],{"class":590},[92,9550,9551,9553,9555,9557],{"class":94,"line":119},[92,9552,2928],{"class":618},[92,9554,343],{"class":590},[92,9556,2933],{"class":2668},[92,9558,643],{"class":590},[92,9560,9561,9563,9565,9567],{"class":94,"line":125},[92,9562,4238],{"class":618},[92,9564,343],{"class":590},[92,9566,2933],{"class":2668},[92,9568,643],{"class":590},[92,9570,9571],{"class":94,"line":131},[92,9572,2703],{"class":590},[92,9574,9575],{"class":94,"line":137},[92,9576,141],{"emptyLinePlaceholder":140},[92,9578,9579,9581,9583,9585,9587,9589,9591,9593,9595,9597,9599],{"class":94,"line":144},[92,9580,2640],{"class":2615},[92,9582,2153],{"class":2061},[92,9584,5061],{"class":594},[92,9586,2651],{"class":590},[92,9588,5066],{"class":2654},[92,9590,610],{"class":590},[92,9592,5071],{"class":2654},[92,9594,2658],{"class":590},[92,9596,5022],{"class":2668},[92,9598,640],{"class":590},[92,9600,613],{"class":590},[92,9602,9603,9605,9607,9609,9611,9613,9615,9617],{"class":94,"line":150},[92,9604,3062],{"class":2061},[92,9606,2661],{"class":590},[92,9608,4864],{"class":586},[92,9610,3244],{"class":590},[92,9612,2177],{"class":590},[92,9614,4853],{"class":594},[92,9616,2156],{"class":618},[92,9618,643],{"class":590},[92,9620,9621],{"class":94,"line":156},[92,9622,141],{"emptyLinePlaceholder":140},[92,9624,9625,9627],{"class":94,"line":162},[92,9626,2684],{"class":2615},[92,9628,2687],{"class":618},[92,9630,9631,9633,9635],{"class":94,"line":168},[92,9632,3346],{"class":590},[92,9634,2288],{"class":618},[92,9636,2099],{"class":590},[92,9638,9639,9641],{"class":94,"line":173},[92,9640,2712],{"class":590},[92,9642,5122],{"class":618},[92,9644,9645,9647,9649,9651,9653],{"class":94,"line":179},[92,9646,2747],{"class":2061},[92,9648,2065],{"class":590},[92,9650,2068],{"class":590},[92,9652,1104],{"class":604},[92,9654,2074],{"class":590},[92,9656,9657],{"class":94,"line":185},[92,9658,2760],{"class":590},[92,9660,9661,9663],{"class":94,"line":191},[92,9662,2712],{"class":590},[92,9664,5145],{"class":618},[92,9666,9667,9669,9671],{"class":94,"line":197},[92,9668,5150],{"class":2061},[92,9670,5153],{"class":590},[92,9672,5156],{"class":2061},[92,9674,9675,9677,9679],{"class":94,"line":203},[92,9676,5161],{"class":594},[92,9678,598],{"class":586},[92,9680,2965],{"class":590},[92,9682,9683,9685,9687,9689,9691,9693],{"class":94,"line":209},[92,9684,5170],{"class":618},[92,9686,343],{"class":590},[92,9688,624],{"class":590},[92,9690,1104],{"class":604},[92,9692,601],{"class":590},[92,9694,632],{"class":590},[92,9696,9697,9699,9701,9703,9705,9707],{"class":94,"line":214},[92,9698,5185],{"class":618},[92,9700,343],{"class":590},[92,9702,624],{"class":590},[92,9704,1120],{"class":604},[92,9706,601],{"class":590},[92,9708,632],{"class":590},[92,9710,9711,9713,9715,9717,9719,9721,9723,9725,9727,9729,9731,9733],{"class":94,"line":220},[92,9712,5200],{"class":618},[92,9714,343],{"class":590},[92,9716,5205],{"class":586},[92,9718,5208],{"class":590},[92,9720,5066],{"class":586},[92,9722,610],{"class":590},[92,9724,5215],{"class":618},[92,9726,343],{"class":590},[92,9728,5220],{"class":586},[92,9730,637],{"class":590},[92,9732,5225],{"class":586},[92,9734,632],{"class":590},[92,9736,9737,9739],{"class":94,"line":225},[92,9738,5232],{"class":590},[92,9740,3883],{"class":586},[92,9742,9743],{"class":94,"line":231},[92,9744,5239],{"class":590},[92,9746,9747],{"class":94,"line":237},[92,9748,2799],{"class":590},[92,9750,9751],{"class":94,"line":243},[92,9752,9753],{"class":586},"        Примерка\n",[92,9755,9756,9758,9760],{"class":94,"line":248},[92,9757,2869],{"class":590},[92,9759,3189],{"class":618},[92,9761,2099],{"class":590},[92,9763,9764,9766,9768],{"class":94,"line":254},[92,9765,3483],{"class":590},[92,9767,2288],{"class":618},[92,9769,2099],{"class":590},[92,9771,9772,9774],{"class":94,"line":259},[92,9773,2883],{"class":618},[92,9775,643],{"class":590},[92,9777,9778],{"class":94,"line":265},[92,9779,2703],{"class":590},[281,9781,5277],{},{"title":88,"searchDepth":101,"depth":101,"links":9783},[9784,9785,9786],{"id":8995,"depth":101,"text":8996},{"id":9196,"depth":101,"text":9197},{"id":9506,"depth":101,"text":9507},"Интеграция с React-приложением (Vite \u002F CRA)",{},"\u002Fintegrations\u002Freact",{"title":4438,"description":9787},"integrations\u002Freact","4nXp0qPqXMWlJSXk0boz6FuOWR82XZBPaL5bXjkdLQk",{"id":9794,"title":5292,"body":9795,"description":10424,"extension":290,"icon":5974,"meta":10425,"navigation":140,"path":2446,"seo":10426,"stem":10427,"__hash__":10428},"content\u002Fintegrations\u002Fvanilla-js.md",{"type":7,"value":9796,"toc":10420},[9797,9801,9804,9808,10390,10394,10418],[10,9798,9800],{"id":9799},"интеграция-с-vanilla-js","Интеграция с Vanilla JS",[14,9802,9803],{},"Без фреймворков — только HTML и JavaScript.",[51,9805,9807],{"id":9806},"полный-пример","Полный пример",[83,9809,9811],{"className":2044,"code":9810,"language":2046,"meta":88,"style":88},"\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\">\u003C\u002Fdiv>\n\n  \u003Cbutton onclick=\"openWidget()\">Примерка\u003C\u002Fbutton>\n\n  \u003C!-- 1. Загрузка пакета виджета -->\n  \u003Cscript\n    type=\"module\"\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",[29,9812,9813,9823,9842,9850,9868,9896,9913,9921,9929,9933,9950,9967,9971,9976,9998,10002,10030,10034,10039,10045,10057,10069,10081,10089,10093,10098,10116,10140,10182,10186,10206,10218,10226,10234,10238,10246,10256,10276,10290,10304,10312,10316,10330,10344,10348,10354,10362,10366,10374,10382],{"__ignoreMap":88},[92,9814,9815,9817,9819,9821],{"class":94,"line":95},[92,9816,5315],{"class":590},[92,9818,5318],{"class":618},[92,9820,5321],{"class":2061},[92,9822,2099],{"class":590},[92,9824,9825,9827,9829,9831,9833,9835,9838,9840],{"class":94,"line":101},[92,9826,2053],{"class":590},[92,9828,2046],{"class":618},[92,9830,3689],{"class":2061},[92,9832,2065],{"class":590},[92,9834,2068],{"class":590},[92,9836,9837],{"class":604},"ru",[92,9839,2068],{"class":590},[92,9841,2099],{"class":590},[92,9843,9844,9846,9848],{"class":94,"line":107},[92,9845,2053],{"class":590},[92,9847,5349],{"class":618},[92,9849,2099],{"class":590},[92,9851,9852,9854,9856,9858,9860,9862,9864,9866],{"class":94,"line":113},[92,9853,3601],{"class":590},[92,9855,3841],{"class":618},[92,9857,5360],{"class":2061},[92,9859,2065],{"class":590},[92,9861,2068],{"class":590},[92,9863,5367],{"class":604},[92,9865,2068],{"class":590},[92,9867,3182],{"class":590},[92,9869,9870,9872,9874,9876,9878,9880,9882,9884,9886,9888,9890,9892,9894],{"class":94,"line":119},[92,9871,3601],{"class":590},[92,9873,3841],{"class":618},[92,9875,5380],{"class":2061},[92,9877,2065],{"class":590},[92,9879,2068],{"class":590},[92,9881,5387],{"class":604},[92,9883,2068],{"class":590},[92,9885,5392],{"class":2061},[92,9887,2065],{"class":590},[92,9889,2068],{"class":590},[92,9891,5399],{"class":604},[92,9893,2068],{"class":590},[92,9895,3182],{"class":590},[92,9897,9898,9900,9902,9904,9907,9909,9911],{"class":94,"line":125},[92,9899,3601],{"class":590},[92,9901,5410],{"class":618},[92,9903,3614],{"class":590},[92,9905,9906],{"class":586},"Страница товара — Виртуальная примерка",[92,9908,2261],{"class":590},[92,9910,5410],{"class":618},[92,9912,2099],{"class":590},[92,9914,9915,9917,9919],{"class":94,"line":131},[92,9916,2261],{"class":590},[92,9918,5349],{"class":618},[92,9920,2099],{"class":590},[92,9922,9923,9925,9927],{"class":94,"line":137},[92,9924,2053],{"class":590},[92,9926,5436],{"class":618},[92,9928,2099],{"class":590},[92,9930,9931],{"class":94,"line":144},[92,9932,141],{"emptyLinePlaceholder":140},[92,9934,9935,9937,9939,9941,9944,9946,9948],{"class":94,"line":150},[92,9936,3601],{"class":590},[92,9938,10],{"class":618},[92,9940,3614],{"class":590},[92,9942,9943],{"class":586},"Классическая джинсовая куртка",[92,9945,2261],{"class":590},[92,9947,10],{"class":618},[92,9949,2099],{"class":590},[92,9951,9952,9954,9956,9958,9961,9963,9965],{"class":94,"line":156},[92,9953,3601],{"class":590},[92,9955,14],{"class":618},[92,9957,3614],{"class":590},[92,9959,9960],{"class":586},"7 500 ₽",[92,9962,2261],{"class":590},[92,9964,14],{"class":618},[92,9966,2099],{"class":590},[92,9968,9969],{"class":94,"line":162},[92,9970,141],{"emptyLinePlaceholder":140},[92,9972,9973],{"class":94,"line":168},[92,9974,9975],{"class":3586},"  \u003C!-- Контейнер виджета -->\n",[92,9977,9978,9980,9982,9984,9986,9988,9990,9992,9994,9996],{"class":94,"line":173},[92,9979,3601],{"class":590},[92,9981,2288],{"class":618},[92,9983,2117],{"class":2061},[92,9985,2065],{"class":590},[92,9987,2068],{"class":590},[92,9989,1104],{"class":604},[92,9991,2068],{"class":590},[92,9993,2093],{"class":590},[92,9995,2288],{"class":618},[92,9997,2099],{"class":590},[92,9999,10000],{"class":94,"line":179},[92,10001,141],{"emptyLinePlaceholder":140},[92,10003,10004,10006,10008,10010,10012,10014,10016,10018,10020,10022,10024,10026,10028],{"class":94,"line":185},[92,10005,3601],{"class":590},[92,10007,3189],{"class":618},[92,10009,5519],{"class":2061},[92,10011,2065],{"class":590},[92,10013,2068],{"class":590},[92,10015,5526],{"class":594},[92,10017,2156],{"class":604},[92,10019,2068],{"class":590},[92,10021,3614],{"class":590},[92,10023,7871],{"class":586},[92,10025,2261],{"class":590},[92,10027,3189],{"class":618},[92,10029,2099],{"class":590},[92,10031,10032],{"class":94,"line":191},[92,10033,141],{"emptyLinePlaceholder":140},[92,10035,10036],{"class":94,"line":197},[92,10037,10038],{"class":3586},"  \u003C!-- 1. Загрузка пакета виджета -->\n",[92,10040,10041,10043],{"class":94,"line":203},[92,10042,3601],{"class":590},[92,10044,2056],{"class":618},[92,10046,10047,10049,10051,10053,10055],{"class":94,"line":209},[92,10048,5560],{"class":2061},[92,10050,2065],{"class":590},[92,10052,2068],{"class":590},[92,10054,5567],{"class":604},[92,10056,2074],{"class":590},[92,10058,10059,10061,10063,10065,10067],{"class":94,"line":214},[92,10060,5574],{"class":2061},[92,10062,2065],{"class":590},[92,10064,2068],{"class":590},[92,10066,2071],{"class":604},[92,10068,2074],{"class":590},[92,10070,10071,10073,10075,10077,10079],{"class":94,"line":220},[92,10072,5587],{"class":2061},[92,10074,2065],{"class":590},[92,10076,2068],{"class":590},[92,10078,2086],{"class":604},[92,10080,2074],{"class":590},[92,10082,10083,10085,10087],{"class":94,"line":225},[92,10084,5600],{"class":590},[92,10086,2096],{"class":618},[92,10088,2099],{"class":590},[92,10090,10091],{"class":94,"line":231},[92,10092,141],{"emptyLinePlaceholder":140},[92,10094,10095],{"class":94,"line":237},[92,10096,10097],{"class":3586},"  \u003C!-- 2. Инициализация -->\n",[92,10099,10100,10102,10104,10106,10108,10110,10112,10114],{"class":94,"line":243},[92,10101,3601],{"class":590},[92,10103,2096],{"class":618},[92,10105,2117],{"class":2061},[92,10107,2065],{"class":590},[92,10109,2068],{"class":590},[92,10111,2124],{"class":604},[92,10113,2068],{"class":590},[92,10115,2099],{"class":590},[92,10117,10118,10120,10122,10124,10126,10128,10130,10132,10134,10136,10138],{"class":94,"line":248},[92,10119,3079],{"class":586},[92,10121,591],{"class":590},[92,10123,2138],{"class":586},[92,10125,2065],{"class":590},[92,10127,2143],{"class":586},[92,10129,591],{"class":590},[92,10131,2138],{"class":586},[92,10133,2150],{"class":590},[92,10135,2153],{"class":2061},[92,10137,2156],{"class":590},[92,10139,613],{"class":590},[92,10141,10142,10144,10146,10148,10150,10152,10154,10156,10158,10160,10162,10164,10166,10168,10170,10172,10174,10176,10178,10180],{"class":94,"line":254},[92,10143,5660],{"class":618},[92,10145,587],{"class":586},[92,10147,591],{"class":590},[92,10149,595],{"class":586},[92,10151,591],{"class":590},[92,10153,2174],{"class":586},[92,10155,2177],{"class":590},[92,10157,2143],{"class":586},[92,10159,591],{"class":590},[92,10161,595],{"class":586},[92,10163,591],{"class":590},[92,10165,2174],{"class":586},[92,10167,2190],{"class":590},[92,10169,2193],{"class":618},[92,10171,591],{"class":590},[92,10173,2198],{"class":594},[92,10175,598],{"class":618},[92,10177,2203],{"class":586},[92,10179,640],{"class":618},[92,10181,643],{"class":590},[92,10183,10184],{"class":94,"line":259},[92,10185,5703],{"class":590},[92,10187,10188,10190,10192,10194,10196,10198,10200,10202,10204],{"class":94,"line":265},[92,10189,3079],{"class":586},[92,10191,591],{"class":590},[92,10193,595],{"class":594},[92,10195,598],{"class":586},[92,10197,601],{"class":590},[92,10199,605],{"class":604},[92,10201,601],{"class":590},[92,10203,610],{"class":590},[92,10205,613],{"class":590},[92,10207,10208,10210,10212,10214,10216],{"class":94,"line":270},[92,10209,5728],{"class":618},[92,10211,343],{"class":590},[92,10213,624],{"class":590},[92,10215,2244],{"class":604},[92,10217,2247],{"class":590},[92,10219,10220,10222,10224],{"class":94,"line":276},[92,10221,3141],{"class":590},[92,10223,640],{"class":586},[92,10225,643],{"class":590},[92,10227,10228,10230,10232],{"class":94,"line":5747},[92,10229,3661],{"class":590},[92,10231,2096],{"class":618},[92,10233,2099],{"class":590},[92,10235,10236],{"class":94,"line":5756},[92,10237,141],{"emptyLinePlaceholder":140},[92,10239,10240,10242,10244],{"class":94,"line":5761},[92,10241,3601],{"class":590},[92,10243,2096],{"class":618},[92,10245,2099],{"class":590},[92,10247,10248,10250,10252,10254],{"class":94,"line":5770},[92,10249,5773],{"class":2061},[92,10251,5776],{"class":594},[92,10253,2156],{"class":590},[92,10255,613],{"class":590},[92,10257,10258,10260,10262,10264,10266,10268,10270,10272,10274],{"class":94,"line":5783},[92,10259,5786],{"class":586},[92,10261,591],{"class":590},[92,10263,595],{"class":594},[92,10265,598],{"class":618},[92,10267,601],{"class":590},[92,10269,1086],{"class":604},[92,10271,601],{"class":590},[92,10273,610],{"class":590},[92,10275,613],{"class":590},[92,10277,10278,10280,10282,10284,10286,10288],{"class":94,"line":5805},[92,10279,5808],{"class":618},[92,10281,343],{"class":590},[92,10283,624],{"class":590},[92,10285,1104],{"class":604},[92,10287,601],{"class":590},[92,10289,632],{"class":590},[92,10291,10292,10294,10296,10298,10300,10302],{"class":94,"line":5821},[92,10293,5824],{"class":618},[92,10295,343],{"class":590},[92,10297,624],{"class":590},[92,10299,1120],{"class":604},[92,10301,601],{"class":590},[92,10303,632],{"class":590},[92,10305,10306,10308,10310],{"class":94,"line":5837},[92,10307,5840],{"class":618},[92,10309,343],{"class":590},[92,10311,1134],{"class":618},[92,10313,10314],{"class":94,"line":5847},[92,10315,3432],{"class":590},[92,10317,10318,10320,10322,10324,10326,10328],{"class":94,"line":5852},[92,10319,3437],{"class":618},[92,10321,343],{"class":590},[92,10323,624],{"class":590},[92,10325,9943],{"class":604},[92,10327,601],{"class":590},[92,10329,632],{"class":590},[92,10331,10332,10334,10336,10338,10340,10342],{"class":94,"line":5867},[92,10333,3452],{"class":618},[92,10335,343],{"class":590},[92,10337,624],{"class":590},[92,10339,5876],{"class":604},[92,10341,601],{"class":590},[92,10343,632],{"class":590},[92,10345,10346],{"class":94,"line":5883},[92,10347,3467],{"class":590},[92,10349,10350,10352],{"class":94,"line":5888},[92,10351,3472],{"class":618},[92,10353,632],{"class":590},[92,10355,10356,10358,10360],{"class":94,"line":5895},[92,10357,5898],{"class":590},[92,10359,640],{"class":618},[92,10361,643],{"class":590},[92,10363,10364],{"class":94,"line":5905},[92,10365,165],{"class":590},[92,10367,10368,10370,10372],{"class":94,"line":5910},[92,10369,3661],{"class":590},[92,10371,2096],{"class":618},[92,10373,2099],{"class":590},[92,10375,10376,10378,10380],{"class":94,"line":5919},[92,10377,2261],{"class":590},[92,10379,5436],{"class":618},[92,10381,2099],{"class":590},[92,10383,10384,10386,10388],{"class":94,"line":5928},[92,10385,2261],{"class":590},[92,10387,2046],{"class":618},[92,10389,2099],{"class":590},[51,10391,10393],{"id":10392},"ключевые-моменты","Ключевые моменты",[63,10395,10396,10399,10407,10412],{},[21,10397,10398],{},"Сначала загружается пакетный скрипт.",[21,10400,10401,10402,10404,10405,591],{},"Инициализируйте с помощью ",[29,10403,5949],{}," перед вызовом ",[29,10406,1086],{},[21,10408,10409,10411],{},[29,10410,675],{}," должен совпадать с существующим элементом на странице.",[21,10413,10414,10415,640],{},"Для локального тестирования страницу необходимо открывать через локальный веб-сервер (",[2020,10416,5963],{"href":5963,"rel":10417},[2024],[281,10419,5968],{},{"title":88,"searchDepth":101,"depth":101,"links":10421},[10422,10423],{"id":9806,"depth":101,"text":9807},{"id":10392,"depth":101,"text":10393},"Интеграция с обычным HTML\u002FJavaScript",{},{"title":5292,"description":10424},"integrations\u002Fvanilla-js","NmcOdoadDxOKGkUuDmfCwRjMVsK-rgMBZhpqlbHhOpk",{"id":10430,"title":5982,"body":10431,"description":11249,"extension":290,"icon":6815,"meta":11250,"navigation":140,"path":11251,"seo":11252,"stem":11253,"__hash__":11254},"content\u002Fintegrations\u002Fvue.md",{"type":7,"value":10432,"toc":11244},[10433,10437,10440,10442,10447,10625,10629,10921,10925,11242],[10,10434,10436],{"id":10435},"интеграция-с-vue-3","Интеграция с Vue 3",[14,10438,10439],{},"Работает с Vue 3 + Vite или любым другим окружением Vue 3.",[51,10441,8996],{"id":8995},[14,10443,10444,10445,343],{},"В ",[29,10446,4457],{},[83,10448,10449],{"className":2044,"code":6001,"language":2046,"meta":88,"style":88},[29,10450,10451,10457,10469,10481,10489,10507,10531,10573,10577,10597,10609,10617],{"__ignoreMap":88},[92,10452,10453,10455],{"class":94,"line":95},[92,10454,2053],{"class":590},[92,10456,2056],{"class":618},[92,10458,10459,10461,10463,10465,10467],{"class":94,"line":101},[92,10460,2062],{"class":2061},[92,10462,2065],{"class":590},[92,10464,2068],{"class":590},[92,10466,2071],{"class":604},[92,10468,2074],{"class":590},[92,10470,10471,10473,10475,10477,10479],{"class":94,"line":107},[92,10472,2079],{"class":2061},[92,10474,2065],{"class":590},[92,10476,2068],{"class":590},[92,10478,2086],{"class":604},[92,10480,2074],{"class":590},[92,10482,10483,10485,10487],{"class":94,"line":113},[92,10484,2093],{"class":590},[92,10486,2096],{"class":618},[92,10488,2099],{"class":590},[92,10490,10491,10493,10495,10497,10499,10501,10503,10505],{"class":94,"line":119},[92,10492,2053],{"class":590},[92,10494,2096],{"class":618},[92,10496,2117],{"class":2061},[92,10498,2065],{"class":590},[92,10500,2068],{"class":590},[92,10502,2124],{"class":604},[92,10504,2068],{"class":590},[92,10506,2099],{"class":590},[92,10508,10509,10511,10513,10515,10517,10519,10521,10523,10525,10527,10529],{"class":94,"line":125},[92,10510,2133],{"class":586},[92,10512,591],{"class":590},[92,10514,2138],{"class":586},[92,10516,2065],{"class":590},[92,10518,2143],{"class":586},[92,10520,591],{"class":590},[92,10522,2138],{"class":586},[92,10524,2150],{"class":590},[92,10526,2153],{"class":2061},[92,10528,2156],{"class":590},[92,10530,613],{"class":590},[92,10532,10533,10535,10537,10539,10541,10543,10545,10547,10549,10551,10553,10555,10557,10559,10561,10563,10565,10567,10569,10571],{"class":94,"line":131},[92,10534,2163],{"class":618},[92,10536,587],{"class":586},[92,10538,591],{"class":590},[92,10540,595],{"class":586},[92,10542,591],{"class":590},[92,10544,2174],{"class":586},[92,10546,2177],{"class":590},[92,10548,2143],{"class":586},[92,10550,591],{"class":590},[92,10552,595],{"class":586},[92,10554,591],{"class":590},[92,10556,2174],{"class":586},[92,10558,2190],{"class":590},[92,10560,2193],{"class":618},[92,10562,591],{"class":590},[92,10564,2198],{"class":594},[92,10566,598],{"class":618},[92,10568,2203],{"class":586},[92,10570,640],{"class":618},[92,10572,643],{"class":590},[92,10574,10575],{"class":94,"line":137},[92,10576,2212],{"class":590},[92,10578,10579,10581,10583,10585,10587,10589,10591,10593,10595],{"class":94,"line":144},[92,10580,2133],{"class":586},[92,10582,591],{"class":590},[92,10584,595],{"class":594},[92,10586,598],{"class":586},[92,10588,601],{"class":590},[92,10590,605],{"class":604},[92,10592,601],{"class":590},[92,10594,610],{"class":590},[92,10596,613],{"class":590},[92,10598,10599,10601,10603,10605,10607],{"class":94,"line":150},[92,10600,2237],{"class":618},[92,10602,343],{"class":590},[92,10604,624],{"class":590},[92,10606,2244],{"class":604},[92,10608,2247],{"class":590},[92,10610,10611,10613,10615],{"class":94,"line":156},[92,10612,2252],{"class":590},[92,10614,640],{"class":586},[92,10616,643],{"class":590},[92,10618,10619,10621,10623],{"class":94,"line":162},[92,10620,2261],{"class":590},[92,10622,2096],{"class":618},[92,10624,2099],{"class":590},[51,10626,10628],{"id":10627},"_2-создайте-composable","2. Создайте composable",[83,10630,10631],{"className":3900,"code":6184,"language":3696,"meta":88,"style":88},[29,10632,10633,10637,10647,10655,10663,10671,10675,10679,10689,10697,10725,10735,10739,10743,10751,10759,10787,10791,10795,10799,10811,10833,10855,10859,10863,10877,10895,10899,10903,10917],{"__ignoreMap":88},[92,10634,10635],{"class":94,"line":95},[92,10636,6191],{"class":3586},[92,10638,10639,10641,10643,10645],{"class":94,"line":101},[92,10640,2640],{"class":2615},[92,10642,6198],{"class":2061},[92,10644,2921],{"class":2668},[92,10646,613],{"class":590},[92,10648,10649,10651,10653],{"class":94,"line":107},[92,10650,2928],{"class":618},[92,10652,343],{"class":590},[92,10654,4233],{"class":2668},[92,10656,10657,10659,10661],{"class":94,"line":113},[92,10658,2940],{"class":618},[92,10660,343],{"class":590},[92,10662,4233],{"class":2668},[92,10664,10665,10667,10669],{"class":94,"line":119},[92,10666,4699],{"class":618},[92,10668,3000],{"class":590},[92,10670,4233],{"class":2668},[92,10672,10673],{"class":94,"line":125},[92,10674,2703],{"class":590},[92,10676,10677],{"class":94,"line":131},[92,10678,141],{"emptyLinePlaceholder":140},[92,10680,10681,10683,10685,10687],{"class":94,"line":137},[92,10682,2640],{"class":2615},[92,10684,6198],{"class":2061},[92,10686,4720],{"class":2668},[92,10688,613],{"class":590},[92,10690,10691,10693,10695],{"class":94,"line":144},[92,10692,1097],{"class":618},[92,10694,343],{"class":590},[92,10696,4233],{"class":2668},[92,10698,10699,10701,10703,10705,10707,10709,10711,10713,10715,10717,10719,10721,10723],{"class":94,"line":150},[92,10700,1113],{"class":618},[92,10702,3000],{"class":590},[92,10704,624],{"class":590},[92,10706,1120],{"class":604},[92,10708,601],{"class":590},[92,10710,4747],{"class":590},[92,10712,624],{"class":590},[92,10714,4752],{"class":604},[92,10716,601],{"class":590},[92,10718,4747],{"class":590},[92,10720,624],{"class":590},[92,10722,4761],{"class":604},[92,10724,2247],{"class":590},[92,10726,10727,10729,10731,10733],{"class":94,"line":156},[92,10728,1129],{"class":618},[92,10730,343],{"class":590},[92,10732,2921],{"class":2668},[92,10734,6291],{"class":586},[92,10736,10737],{"class":94,"line":162},[92,10738,2703],{"class":590},[92,10740,10741],{"class":94,"line":168},[92,10742,141],{"emptyLinePlaceholder":140},[92,10744,10745,10747,10749],{"class":94,"line":173},[92,10746,2959],{"class":2061},[92,10748,2962],{"class":586},[92,10750,2965],{"class":590},[92,10752,10753,10755,10757],{"class":94,"line":179},[92,10754,2970],{"class":2061},[92,10756,2973],{"class":2668},[92,10758,613],{"class":590},[92,10760,10761,10763,10765,10767,10769,10771,10773,10775,10777,10779,10781,10783,10785],{"class":94,"line":185},[92,10762,2980],{"class":618},[92,10764,343],{"class":590},[92,10766,2985],{"class":590},[92,10768,2988],{"class":2654},[92,10770,343],{"class":590},[92,10772,2933],{"class":2668},[92,10774,610],{"class":590},[92,10776,2997],{"class":2654},[92,10778,3000],{"class":590},[92,10780,3003],{"class":2668},[92,10782,640],{"class":590},[92,10784,3008],{"class":2061},[92,10786,6344],{"class":2668},[92,10788,10789],{"class":94,"line":191},[92,10790,273],{"class":590},[92,10792,10793],{"class":94,"line":197},[92,10794,2703],{"class":590},[92,10796,10797],{"class":94,"line":203},[92,10798,141],{"emptyLinePlaceholder":140},[92,10800,10801,10803,10805,10807,10809],{"class":94,"line":209},[92,10802,2640],{"class":2615},[92,10804,2153],{"class":2061},[92,10806,4853],{"class":594},[92,10808,2156],{"class":590},[92,10810,613],{"class":590},[92,10812,10813,10815,10817,10819,10821,10823,10825,10827,10829,10831],{"class":94,"line":214},[92,10814,3062],{"class":2061},[92,10816,4864],{"class":586},[92,10818,2177],{"class":590},[92,10820,2985],{"class":590},[92,10822,4871],{"class":2654},[92,10824,343],{"class":590},[92,10826,4720],{"class":2668},[92,10828,640],{"class":590},[92,10830,3008],{"class":2061},[92,10832,613],{"class":590},[92,10834,10835,10837,10839,10841,10843,10845,10847,10849,10851,10853],{"class":94,"line":220},[92,10836,3079],{"class":586},[92,10838,591],{"class":590},[92,10840,595],{"class":594},[92,10842,598],{"class":618},[92,10844,601],{"class":590},[92,10846,1086],{"class":604},[92,10848,601],{"class":590},[92,10850,610],{"class":590},[92,10852,2997],{"class":586},[92,10854,3883],{"class":618},[92,10856,10857],{"class":94,"line":225},[92,10858,273],{"class":590},[92,10860,10861],{"class":94,"line":231},[92,10862,141],{"emptyLinePlaceholder":140},[92,10864,10865,10867,10869,10871,10873,10875],{"class":94,"line":237},[92,10866,3062],{"class":2061},[92,10868,4920],{"class":586},[92,10870,2177],{"class":590},[92,10872,3070],{"class":590},[92,10874,3008],{"class":2061},[92,10876,613],{"class":590},[92,10878,10879,10881,10883,10885,10887,10889,10891,10893],{"class":94,"line":243},[92,10880,3079],{"class":586},[92,10882,591],{"class":590},[92,10884,595],{"class":594},[92,10886,598],{"class":618},[92,10888,601],{"class":590},[92,10890,4943],{"class":604},[92,10892,601],{"class":590},[92,10894,3883],{"class":618},[92,10896,10897],{"class":94,"line":248},[92,10898,273],{"class":590},[92,10900,10901],{"class":94,"line":254},[92,10902,141],{"emptyLinePlaceholder":140},[92,10904,10905,10907,10909,10911,10913,10915],{"class":94,"line":259},[92,10906,2684],{"class":2615},[92,10908,2661],{"class":590},[92,10910,4864],{"class":586},[92,10912,610],{"class":590},[92,10914,4920],{"class":586},[92,10916,6475],{"class":590},[92,10918,10919],{"class":94,"line":265},[92,10920,2703],{"class":590},[51,10922,10924],{"id":10923},"_3-создайте-компонент-виджета","3. Создайте компонент виджета",[83,10926,10928],{"className":3577,"code":10927,"language":3579,"meta":88,"style":88},"\u003C!-- components\u002FTryOnWidget.vue -->\n\u003Ctemplate>\n  \u003Cdiv>\n    \u003Cdiv\n      id=\"widget-container\"\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",[29,10929,10930,10934,10942,10950,10956,10968,10972,10998,11006,11014,11018,11038,11062,11066,11078,11086,11094,11100,11104,11120,11124,11138,11146,11160,11174,11182,11186,11200,11214,11218,11224,11230,11234],{"__ignoreMap":88},[92,10931,10932],{"class":94,"line":95},[92,10933,4106],{"class":3586},[92,10935,10936,10938,10940],{"class":94,"line":101},[92,10937,2053],{"class":590},[92,10939,3594],{"class":618},[92,10941,2099],{"class":590},[92,10943,10944,10946,10948],{"class":94,"line":107},[92,10945,3601],{"class":590},[92,10947,2288],{"class":618},[92,10949,2099],{"class":590},[92,10951,10952,10954],{"class":94,"line":113},[92,10953,3346],{"class":590},[92,10955,5122],{"class":618},[92,10957,10958,10960,10962,10964,10966],{"class":94,"line":119},[92,10959,3765],{"class":2061},[92,10961,2065],{"class":590},[92,10963,2068],{"class":590},[92,10965,1104],{"class":604},[92,10967,2074],{"class":590},[92,10969,10970],{"class":94,"line":125},[92,10971,6531],{"class":590},[92,10973,10974,10976,10978,10980,10982,10984,10986,10988,10990,10992,10994,10996],{"class":94,"line":131},[92,10975,3346],{"class":590},[92,10977,3189],{"class":618},[92,10979,4149],{"class":2061},[92,10981,2065],{"class":590},[92,10983,2068],{"class":590},[92,10985,4156],{"class":604},[92,10987,2068],{"class":590},[92,10989,3614],{"class":590},[92,10991,7871],{"class":586},[92,10993,2261],{"class":590},[92,10995,3189],{"class":618},[92,10997,2099],{"class":590},[92,10999,11000,11002,11004],{"class":94,"line":137},[92,11001,3661],{"class":590},[92,11003,2288],{"class":618},[92,11005,2099],{"class":590},[92,11007,11008,11010,11012],{"class":94,"line":144},[92,11009,2261],{"class":590},[92,11011,3594],{"class":618},[92,11013,2099],{"class":590},[92,11015,11016],{"class":94,"line":150},[92,11017,141],{"emptyLinePlaceholder":140},[92,11019,11020,11022,11024,11026,11028,11030,11032,11034,11036],{"class":94,"line":156},[92,11021,2053],{"class":590},[92,11023,2096],{"class":618},[92,11025,3686],{"class":2061},[92,11027,3689],{"class":2061},[92,11029,2065],{"class":590},[92,11031,2068],{"class":590},[92,11033,3696],{"class":604},[92,11035,2068],{"class":590},[92,11037,2099],{"class":590},[92,11039,11040,11042,11044,11046,11048,11050,11052,11054,11056,11058,11060],{"class":94,"line":162},[92,11041,2616],{"class":2615},[92,11043,2661],{"class":590},[92,11045,4853],{"class":586},[92,11047,610],{"class":590},[92,11049,6610],{"class":2615},[92,11051,2921],{"class":586},[92,11053,3244],{"class":590},[92,11055,3247],{"class":2615},[92,11057,624],{"class":590},[92,11059,6621],{"class":604},[92,11061,2247],{"class":590},[92,11063,11064],{"class":94,"line":168},[92,11065,141],{"emptyLinePlaceholder":140},[92,11067,11068,11070,11072,11074,11076],{"class":94,"line":173},[92,11069,4213],{"class":2061},[92,11071,4216],{"class":586},[92,11073,2065],{"class":590},[92,11075,4221],{"class":594},[92,11077,4224],{"class":590},[92,11079,11080,11082,11084],{"class":94,"line":179},[92,11081,2928],{"class":618},[92,11083,343],{"class":590},[92,11085,4233],{"class":2668},[92,11087,11088,11090,11092],{"class":94,"line":185},[92,11089,4238],{"class":618},[92,11091,343],{"class":590},[92,11093,4233],{"class":2668},[92,11095,11096,11098],{"class":94,"line":191},[92,11097,3201],{"class":590},[92,11099,4249],{"class":586},[92,11101,11102],{"class":94,"line":197},[92,11103,141],{"emptyLinePlaceholder":140},[92,11105,11106,11108,11110,11112,11114,11116,11118],{"class":94,"line":203},[92,11107,4213],{"class":2061},[92,11109,2661],{"class":590},[92,11111,6674],{"class":586},[92,11113,637],{"class":590},[92,11115,2177],{"class":590},[92,11117,4853],{"class":594},[92,11119,4249],{"class":586},[92,11121,11122],{"class":94,"line":209},[92,11123,141],{"emptyLinePlaceholder":140},[92,11125,11126,11128,11130,11132,11134,11136],{"class":94,"line":214},[92,11127,4213],{"class":2061},[92,11129,4260],{"class":586},[92,11131,2065],{"class":590},[92,11133,3070],{"class":590},[92,11135,3008],{"class":2061},[92,11137,613],{"class":590},[92,11139,11140,11142,11144],{"class":94,"line":220},[92,11141,6705],{"class":594},[92,11143,598],{"class":618},[92,11145,2965],{"class":590},[92,11147,11148,11150,11152,11154,11156,11158],{"class":94,"line":225},[92,11149,4293],{"class":618},[92,11151,343],{"class":590},[92,11153,624],{"class":590},[92,11155,1104],{"class":604},[92,11157,601],{"class":590},[92,11159,632],{"class":590},[92,11161,11162,11164,11166,11168,11170,11172],{"class":94,"line":231},[92,11163,4308],{"class":618},[92,11165,343],{"class":590},[92,11167,624],{"class":590},[92,11169,1120],{"class":604},[92,11171,601],{"class":590},[92,11173,632],{"class":590},[92,11175,11176,11178,11180],{"class":94,"line":237},[92,11177,4323],{"class":618},[92,11179,343],{"class":590},[92,11181,1134],{"class":618},[92,11183,11184],{"class":94,"line":243},[92,11185,4332],{"class":590},[92,11187,11188,11190,11192,11194,11196,11198],{"class":94,"line":248},[92,11189,4337],{"class":618},[92,11191,343],{"class":590},[92,11193,4342],{"class":586},[92,11195,591],{"class":590},[92,11197,829],{"class":586},[92,11199,632],{"class":590},[92,11201,11202,11204,11206,11208,11210,11212],{"class":94,"line":254},[92,11203,4353],{"class":618},[92,11205,343],{"class":590},[92,11207,4342],{"class":586},[92,11209,591],{"class":590},[92,11211,4362],{"class":586},[92,11213,632],{"class":590},[92,11215,11216],{"class":94,"line":259},[92,11217,4369],{"class":590},[92,11219,11220,11222],{"class":94,"line":265},[92,11221,4374],{"class":618},[92,11223,632],{"class":590},[92,11225,11226,11228],{"class":94,"line":270},[92,11227,2252],{"class":590},[92,11229,3883],{"class":618},[92,11231,11232],{"class":94,"line":276},[92,11233,2703],{"class":590},[92,11235,11236,11238,11240],{"class":94,"line":5747},[92,11237,2261],{"class":590},[92,11239,2096],{"class":618},[92,11241,2099],{"class":590},[281,11243,6808],{},{"title":88,"searchDepth":101,"depth":101,"links":11245},[11246,11247,11248],{"id":8995,"depth":101,"text":8996},{"id":10627,"depth":101,"text":10628},{"id":10923,"depth":101,"text":10924},"Интеграция с Vue 3 приложением",{},"\u002Fintegrations\u002Fvue",{"title":5982,"description":11249},"integrations\u002Fvue","esq8gC95lZpdK4wwxn2cJ-3IJnA4AC3GUJkR6G2trIw",1787295110291]