[{"data":1,"prerenderedAt":10616},["ShallowReactive",2],{"\u002Fen\u002Fgetting-started\u002Fquick-start":3,"all-pages-\u002Fen\u002Fgetting-started\u002Fquick-start":533},{"id":4,"title":5,"body":6,"description":524,"extension":525,"icon":526,"meta":527,"navigation":528,"path":529,"seo":530,"stem":531,"__hash__":532},"content\u002Fen\u002Fgetting-started\u002Fquick-start.md","Quick Start",{"type":7,"value":8,"toc":515},"minimark",[9,13,17,22,33,37,49,118,122,302,306,313,342,346,353,482,486,489,493,511],[10,11,5],"h1",{"id":12},"quick-start",[14,15,16],"p",{},"Follow these steps to add virtual try-on to your e-commerce site.",[18,19,21],"h2",{"id":20},"_1-get-your-api-key","1. Get Your API Key",[14,23,24,25,32],{},"Sign up at ",[26,27,31],"a",{"href":28,"rel":29},"https:\u002F\u002Fwidget.try-on.ru",[30],"nofollow","widget.try-on.ru"," to obtain your free API key.",[18,34,36],{"id":35},"_2-load-the-widget-script","2. Load the Widget Script",[14,38,39,40,44,45,48],{},"Add the following ",[41,42,43],"code",{},"\u003Cscript>"," tag to your page, ideally right before the closing ",[41,46,47],{},"\u003C\u002Fbody>"," tag:",[50,51,56],"pre",{"className":52,"code":53,"language":54,"meta":55,"style":55},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript\n src=\"https:\u002F\u002Fwidget.try-on.ru\u002Ffitting-widget-bundle.js\"\n id=\"fitting-widget-bundle\"\n>\u003C\u002Fscript>\n","html","",[41,57,58,71,91,106],{"__ignoreMap":55},[59,60,63,67],"span",{"class":61,"line":62},"line",1,[59,64,66],{"class":65},"sMK4o","\u003C",[59,68,70],{"class":69},"swJcz","script\n",[59,72,74,78,81,84,88],{"class":61,"line":73},2,[59,75,77],{"class":76},"spNyl"," src",[59,79,80],{"class":65},"=",[59,82,83],{"class":65},"\"",[59,85,87],{"class":86},"sfazB","https:\u002F\u002Fwidget.try-on.ru\u002Ffitting-widget-bundle.js",[59,89,90],{"class":65},"\"\n",[59,92,94,97,99,101,104],{"class":61,"line":93},3,[59,95,96],{"class":76}," id",[59,98,80],{"class":65},[59,100,83],{"class":65},[59,102,103],{"class":86},"fitting-widget-bundle",[59,105,90],{"class":65},[59,107,109,112,115],{"class":61,"line":108},4,[59,110,111],{"class":65},">\u003C\u002F",[59,113,114],{"class":69},"script",[59,116,117],{"class":65},">\n",[18,119,121],{"id":120},"_3-initialize-the-widget","3. Initialize the Widget",[50,123,125],{"className":52,"code":124,"language":54,"meta":55,"style":55},"\u003Cscript id=\"fitting-init\">\n window.fitting = window.fitting || function() {\n (window.fitting.q = window.fitting.q || []).push(arguments);\n };\n window.fitting('init', {\n apiKey: 'YOUR_API_KEY'\n });\n\u003C\u002Fscript>\n",[41,126,127,147,180,235,240,264,282,292],{"__ignoreMap":55},[59,128,129,131,133,136,138,140,143,145],{"class":61,"line":62},[59,130,66],{"class":65},[59,132,114],{"class":69},[59,134,135],{"class":76}," id",[59,137,80],{"class":65},[59,139,83],{"class":65},[59,141,142],{"class":86},"fitting-init",[59,144,83],{"class":65},[59,146,117],{"class":65},[59,148,149,153,156,159,161,164,166,168,171,174,177],{"class":61,"line":73},[59,150,152],{"class":151},"sTEyZ"," window",[59,154,155],{"class":65},".",[59,157,158],{"class":151},"fitting ",[59,160,80],{"class":65},[59,162,163],{"class":151}," window",[59,165,155],{"class":65},[59,167,158],{"class":151},[59,169,170],{"class":65},"||",[59,172,173],{"class":76}," function",[59,175,176],{"class":65},"()",[59,178,179],{"class":65}," {\n",[59,181,182,185,188,190,193,195,198,201,203,205,207,209,211,214,217,219,223,226,229,232],{"class":61,"line":93},[59,183,184],{"class":69}," (",[59,186,187],{"class":151},"window",[59,189,155],{"class":65},[59,191,192],{"class":151},"fitting",[59,194,155],{"class":65},[59,196,197],{"class":151},"q",[59,199,200],{"class":65}," =",[59,202,163],{"class":151},[59,204,155],{"class":65},[59,206,192],{"class":151},[59,208,155],{"class":65},[59,210,197],{"class":151},[59,212,213],{"class":65}," ||",[59,215,216],{"class":69}," [])",[59,218,155],{"class":65},[59,220,222],{"class":221},"s2Zo4","push",[59,224,225],{"class":69},"(",[59,227,228],{"class":151},"arguments",[59,230,231],{"class":69},")",[59,233,234],{"class":65},";\n",[59,236,237],{"class":61,"line":108},[59,238,239],{"class":65}," };\n",[59,241,243,245,247,249,251,254,257,259,262],{"class":61,"line":242},5,[59,244,152],{"class":151},[59,246,155],{"class":65},[59,248,192],{"class":221},[59,250,225],{"class":151},[59,252,253],{"class":65},"'",[59,255,256],{"class":86},"init",[59,258,253],{"class":65},[59,260,261],{"class":65},",",[59,263,179],{"class":65},[59,265,267,270,273,276,279],{"class":61,"line":266},6,[59,268,269],{"class":69}," apiKey",[59,271,272],{"class":65},":",[59,274,275],{"class":65}," '",[59,277,278],{"class":86},"YOUR_API_KEY",[59,280,281],{"class":65},"'\n",[59,283,285,288,290],{"class":61,"line":284},7,[59,286,287],{"class":65}," }",[59,289,231],{"class":151},[59,291,234],{"class":65},[59,293,295,298,300],{"class":61,"line":294},8,[59,296,297],{"class":65},"\u003C\u002F",[59,299,114],{"class":69},[59,301,117],{"class":65},[18,303,305],{"id":304},"_4-add-a-container","4. Add a Container",[14,307,308,309,312],{},"Place a ",[41,310,311],{},"\u003Cdiv>"," wherever you want the widget to appear:",[50,314,316],{"className":52,"code":315,"language":54,"meta":55,"style":55},"\u003Cdiv id=\"widget-container\">\u003C\u002Fdiv>\n",[41,317,318],{"__ignoreMap":55},[59,319,320,322,325,327,329,331,334,336,338,340],{"class":61,"line":62},[59,321,66],{"class":65},[59,323,324],{"class":69},"div",[59,326,135],{"class":76},[59,328,80],{"class":65},[59,330,83],{"class":65},[59,332,333],{"class":86},"widget-container",[59,335,83],{"class":65},[59,337,111],{"class":65},[59,339,324],{"class":69},[59,341,117],{"class":65},[18,343,345],{"id":344},"_5-launch-the-widget","5. Launch the Widget",[14,347,348,349,352],{},"Call the ",[41,350,351],{},"create"," method when the user clicks a button:",[50,354,358],{"className":355,"code":356,"language":357,"meta":55,"style":55},"language-js shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","window.fitting('create', {\n targetElementId: 'widget-container',\n model: 'balanced',\n tryonItems: [\n {\n productName: 'Classic Denim Jacket',\n url: 'https:\u002F\u002Fyour-store.com\u002Fimages\u002Fjacket.jpg',\n },\n ],\n});\n","js",[41,359,360,380,396,412,422,427,443,459,464,472],{"__ignoreMap":55},[59,361,362,364,366,368,370,372,374,376,378],{"class":61,"line":62},[59,363,187],{"class":151},[59,365,155],{"class":65},[59,367,192],{"class":221},[59,369,225],{"class":151},[59,371,253],{"class":65},[59,373,351],{"class":86},[59,375,253],{"class":65},[59,377,261],{"class":65},[59,379,179],{"class":65},[59,381,382,385,387,389,391,393],{"class":61,"line":73},[59,383,384],{"class":69}," targetElementId",[59,386,272],{"class":65},[59,388,275],{"class":65},[59,390,333],{"class":86},[59,392,253],{"class":65},[59,394,395],{"class":65},",\n",[59,397,398,401,403,405,408,410],{"class":61,"line":93},[59,399,400],{"class":69}," model",[59,402,272],{"class":65},[59,404,275],{"class":65},[59,406,407],{"class":86},"balanced",[59,409,253],{"class":65},[59,411,395],{"class":65},[59,413,414,417,419],{"class":61,"line":108},[59,415,416],{"class":69}," tryonItems",[59,418,272],{"class":65},[59,420,421],{"class":151}," [\n",[59,423,424],{"class":61,"line":242},[59,425,426],{"class":65}," {\n",[59,428,429,432,434,436,439,441],{"class":61,"line":266},[59,430,431],{"class":69}," productName",[59,433,272],{"class":65},[59,435,275],{"class":65},[59,437,438],{"class":86},"Classic Denim Jacket",[59,440,253],{"class":65},[59,442,395],{"class":65},[59,444,445,448,450,452,455,457],{"class":61,"line":284},[59,446,447],{"class":69}," url",[59,449,272],{"class":65},[59,451,275],{"class":65},[59,453,454],{"class":86},"https:\u002F\u002Fyour-store.com\u002Fimages\u002Fjacket.jpg",[59,456,253],{"class":65},[59,458,395],{"class":65},[59,460,461],{"class":61,"line":294},[59,462,463],{"class":65}," },\n",[59,465,467,470],{"class":61,"line":466},9,[59,468,469],{"class":151}," ]",[59,471,395],{"class":65},[59,473,475,478,480],{"class":61,"line":474},10,[59,476,477],{"class":65},"}",[59,479,231],{"class":151},[59,481,234],{"class":65},[18,483,485],{"id":484},"result","Result",[14,487,488],{},"Your customers can now upload a photo and see the garment on them instantly.",[18,490,492],{"id":491},"next-steps","Next Steps",[494,495,496,504],"ul",{},[497,498,499,500,155],"li",{},"See framework-specific guides under ",[26,501,503],{"href":502},"\u002Fintegrations\u002Fvanilla-js","Integrations",[497,505,506,507,155],{},"Explore the full ",[26,508,510],{"href":509},"\u002Fapi","API Reference",[512,513,514],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}",{"title":55,"searchDepth":73,"depth":73,"links":516},[517,518,519,520,521,522,523],{"id":20,"depth":73,"text":21},{"id":35,"depth":73,"text":36},{"id":120,"depth":73,"text":121},{"id":304,"depth":73,"text":305},{"id":344,"depth":73,"text":345},{"id":484,"depth":73,"text":485},{"id":491,"depth":73,"text":492},"Get the Fitting Widget running in minutes","md","i-lucide-rocket",{},true,"\u002Fen\u002Fgetting-started\u002Fquick-start",{"title":5,"description":524},"en\u002Fgetting-started\u002Fquick-start","Cy6rzr6z6R2nhbEqOeB18fbbe2pOjXOk0inGXqhKfHg",[534,899,1234,1617,1708,2755,3664,4558,5238,6093,6510,6597,7480,8301,9150,9778],{"id":535,"title":536,"body":537,"description":893,"extension":525,"icon":894,"meta":895,"navigation":528,"path":509,"seo":896,"stem":897,"__hash__":898},"content\u002Fapi\u002Findex.md","Справочник API",{"type":7,"value":538,"toc":887},[539,542,546,549,594,643,646,650,653,723,728,771,884],[10,540,536],{"id":541},"справочник-api",[18,543,545],{"id":544},"windowfittinginit-options","window.fitting('init', options)",[14,547,548],{},"Инициализирует виджет. Вызывается один раз, до всех остальных методов.",[550,551,552,572],"table",{},[553,554,555],"thead",{},[556,557,558,562,565,569],"tr",{},[559,560,561],"th",{},"Параметр",[559,563,564],{},"Тип",[559,566,568],{"align":567},"center","Обязателен",[559,570,571],{},"Описание",[573,574,575],"tbody",{},[556,576,577,583,588,591],{},[578,579,580],"td",{},[41,581,582],{},"apiKey",[578,584,585],{},[41,586,587],{},"string",[578,589,590],{"align":567},"Да",[578,592,593],{},"Ваш API-ключ виджета",[50,595,597],{"className":355,"code":596,"language":357,"meta":55,"style":55},"window.fitting('init', {\n apiKey: 'pk_live_xxx',\n});\n",[41,598,599,619,635],{"__ignoreMap":55},[59,600,601,603,605,607,609,611,613,615,617],{"class":61,"line":62},[59,602,187],{"class":151},[59,604,155],{"class":65},[59,606,192],{"class":221},[59,608,225],{"class":151},[59,610,253],{"class":65},[59,612,256],{"class":86},[59,614,253],{"class":65},[59,616,261],{"class":65},[59,618,179],{"class":65},[59,620,621,624,626,628,631,633],{"class":61,"line":73},[59,622,623],{"class":69}," apiKey",[59,625,272],{"class":65},[59,627,275],{"class":65},[59,629,630],{"class":86},"pk_live_xxx",[59,632,253],{"class":65},[59,634,395],{"class":65},[59,636,637,639,641],{"class":61,"line":93},[59,638,477],{"class":65},[59,640,231],{"class":151},[59,642,234],{"class":65},[644,645],"hr",{},[18,647,649],{"id":648},"windowfittingcreate-options","window.fitting('create', options)",[14,651,652],{},"Запускает виртуальную примерку.",[550,654,655,667],{},[553,656,657],{},[556,658,659,661,663,665],{},[559,660,561],{},[559,662,564],{},[559,664,568],{"align":567},[559,666,571],{},[573,668,669,685,702],{},[556,670,671,676,680,682],{},[578,672,673],{},[41,674,675],{},"targetElementId",[578,677,678],{},[41,679,587],{},[578,681,590],{"align":567},[578,683,684],{},"ID контейнера, в котором отображается виджет",[556,686,687,692,697,699],{},[578,688,689],{},[41,690,691],{},"tryonItems",[578,693,694],{},[41,695,696],{},"TryonItem[]",[578,698,590],{"align":567},[578,700,701],{},"Массив товаров, доступных для примерки",[556,703,704,709,714,717],{},[578,705,706],{},[41,707,708],{},"model",[578,710,711],{},[41,712,713],{},"'balanced' | 'quality' | 'performance'",[578,715,716],{"align":567},"Нет",[578,718,719,720,231],{},"Режим отрисовки (по умолчанию: ",[41,721,722],{},"'balanced'",[724,725,727],"h3",{"id":726},"tryonitem","TryonItem",[550,729,730,741],{},[553,731,732],{},[556,733,734,737,739],{},[559,735,736],{},"Поле",[559,738,564],{},[559,740,571],{},[573,742,743,757],{},[556,744,745,750,754],{},[578,746,747],{},[41,748,749],{},"productName",[578,751,752],{},[41,753,587],{},[578,755,756],{},"Отображаемое название товара",[556,758,759,764,768],{},[578,760,761],{},[41,762,763],{},"url",[578,765,766],{},[41,767,587],{},[578,769,770],{},"Полный URL изображения товара",[50,772,774],{"className":355,"code":773,"language":357,"meta":55,"style":55},"window.fitting('create', {\n targetElementId: 'widget-container',\n model: 'balanced',\n tryonItems: [\n {\n productName: 'Джинсовая куртка',\n url: 'https:\u002F\u002Fexample.com\u002Fjacket.png',\n },\n ],\n});\n",[41,775,776,796,810,824,832,836,851,866,870,876],{"__ignoreMap":55},[59,777,778,780,782,784,786,788,790,792,794],{"class":61,"line":62},[59,779,187],{"class":151},[59,781,155],{"class":65},[59,783,192],{"class":221},[59,785,225],{"class":151},[59,787,253],{"class":65},[59,789,351],{"class":86},[59,791,253],{"class":65},[59,793,261],{"class":65},[59,795,179],{"class":65},[59,797,798,800,802,804,806,808],{"class":61,"line":73},[59,799,384],{"class":69},[59,801,272],{"class":65},[59,803,275],{"class":65},[59,805,333],{"class":86},[59,807,253],{"class":65},[59,809,395],{"class":65},[59,811,812,814,816,818,820,822],{"class":61,"line":93},[59,813,400],{"class":69},[59,815,272],{"class":65},[59,817,275],{"class":65},[59,819,407],{"class":86},[59,821,253],{"class":65},[59,823,395],{"class":65},[59,825,826,828,830],{"class":61,"line":108},[59,827,416],{"class":69},[59,829,272],{"class":65},[59,831,421],{"class":151},[59,833,834],{"class":61,"line":242},[59,835,426],{"class":65},[59,837,838,840,842,844,847,849],{"class":61,"line":266},[59,839,431],{"class":69},[59,841,272],{"class":65},[59,843,275],{"class":65},[59,845,846],{"class":86},"Джинсовая куртка",[59,848,253],{"class":65},[59,850,395],{"class":65},[59,852,853,855,857,859,862,864],{"class":61,"line":284},[59,854,447],{"class":69},[59,856,272],{"class":65},[59,858,275],{"class":65},[59,860,861],{"class":86},"https:\u002F\u002Fexample.com\u002Fjacket.png",[59,863,253],{"class":65},[59,865,395],{"class":65},[59,867,868],{"class":61,"line":294},[59,869,463],{"class":65},[59,871,872,874],{"class":61,"line":466},[59,873,469],{"class":151},[59,875,395],{"class":65},[59,877,878,880,882],{"class":61,"line":474},[59,879,477],{"class":65},[59,881,231],{"class":151},[59,883,234],{"class":65},[512,885,886],{},"html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":55,"searchDepth":73,"depth":73,"links":888},[889,890],{"id":544,"depth":73,"text":545},{"id":648,"depth":73,"text":649,"children":891},[892],{"id":726,"depth":93,"text":727},"Полный справочник по API Fitting Widget","i-lucide-code",{},{"title":536,"description":893},"api\u002Findex","nBz9Z0BX1B-BPJzD-HVF5oHrejoQd0__hLi-_PGCmvk",{"id":900,"title":510,"body":901,"description":1228,"extension":525,"icon":894,"meta":1229,"navigation":528,"path":1230,"seo":1231,"stem":1232,"__hash__":1233},"content\u002Fen\u002Fapi\u002Findex.md",{"type":7,"value":902,"toc":1222},[903,906,908,911,947,993,995,997,1000,1065,1067,1108,1220],[10,904,510],{"id":905},"api-reference",[18,907,545],{"id":544},[14,909,910],{},"Initializes the widget. Call this once, before any other methods.",[550,912,913,929],{},[553,914,915],{},[556,916,917,920,923,926],{},[559,918,919],{},"Parameter",[559,921,922],{},"Type",[559,924,925],{"align":567},"Required",[559,927,928],{},"Description",[573,930,931],{},[556,932,933,937,941,944],{},[578,934,935],{},[41,936,582],{},[578,938,939],{},[41,940,587],{},[578,942,943],{"align":567},"Yes",[578,945,946],{},"Your widget API key",[50,948,949],{"className":355,"code":596,"language":357,"meta":55,"style":55},[41,950,951,971,985],{"__ignoreMap":55},[59,952,953,955,957,959,961,963,965,967,969],{"class":61,"line":62},[59,954,187],{"class":151},[59,956,155],{"class":65},[59,958,192],{"class":221},[59,960,225],{"class":151},[59,962,253],{"class":65},[59,964,256],{"class":86},[59,966,253],{"class":65},[59,968,261],{"class":65},[59,970,179],{"class":65},[59,972,973,975,977,979,981,983],{"class":61,"line":73},[59,974,623],{"class":69},[59,976,272],{"class":65},[59,978,275],{"class":65},[59,980,630],{"class":86},[59,982,253],{"class":65},[59,984,395],{"class":65},[59,986,987,989,991],{"class":61,"line":93},[59,988,477],{"class":65},[59,990,231],{"class":151},[59,992,234],{"class":65},[644,994],{},[18,996,649],{"id":648},[14,998,999],{},"Opens the virtual try-on experience.",[550,1001,1002,1014],{},[553,1003,1004],{},[556,1005,1006,1008,1010,1012],{},[559,1007,919],{},[559,1009,922],{},[559,1011,925],{"align":567},[559,1013,928],{},[573,1015,1016,1031,1046],{},[556,1017,1018,1022,1026,1028],{},[578,1019,1020],{},[41,1021,675],{},[578,1023,1024],{},[41,1025,587],{},[578,1027,943],{"align":567},[578,1029,1030],{},"ID of the container element where the widget renders",[556,1032,1033,1037,1041,1043],{},[578,1034,1035],{},[41,1036,691],{},[578,1038,1039],{},[41,1040,696],{},[578,1042,943],{"align":567},[578,1044,1045],{},"Array of items available for try-on",[556,1047,1048,1052,1057,1060],{},[578,1049,1050],{},[41,1051,708],{},[578,1053,1054],{},[41,1055,1056],{},"'balanced' | 'quality' | 'speed'",[578,1058,1059],{"align":567},"No",[578,1061,1062,1063,231],{},"Rendering model (default: ",[41,1064,722],{},[724,1066,727],{"id":726},[550,1068,1069,1080],{},[553,1070,1071],{},[556,1072,1073,1076,1078],{},[559,1074,1075],{},"Field",[559,1077,922],{},[559,1079,928],{},[573,1081,1082,1095],{},[556,1083,1084,1088,1092],{},[578,1085,1086],{},[41,1087,749],{},[578,1089,1090],{},[41,1091,587],{},[578,1093,1094],{},"Display name of the garment",[556,1096,1097,1101,1105],{},[578,1098,1099],{},[41,1100,763],{},[578,1102,1103],{},[41,1104,587],{},[578,1106,1107],{},"Full URL to the garment image",[50,1109,1111],{"className":355,"code":1110,"language":357,"meta":55,"style":55},"window.fitting('create', {\n targetElementId: 'widget-container',\n model: 'balanced',\n tryonItems: [\n {\n productName: 'Denim Jacket',\n url: 'https:\u002F\u002Fexample.com\u002Fjacket.png',\n },\n ],\n});\n",[41,1112,1113,1133,1147,1161,1169,1173,1188,1202,1206,1212],{"__ignoreMap":55},[59,1114,1115,1117,1119,1121,1123,1125,1127,1129,1131],{"class":61,"line":62},[59,1116,187],{"class":151},[59,1118,155],{"class":65},[59,1120,192],{"class":221},[59,1122,225],{"class":151},[59,1124,253],{"class":65},[59,1126,351],{"class":86},[59,1128,253],{"class":65},[59,1130,261],{"class":65},[59,1132,179],{"class":65},[59,1134,1135,1137,1139,1141,1143,1145],{"class":61,"line":73},[59,1136,384],{"class":69},[59,1138,272],{"class":65},[59,1140,275],{"class":65},[59,1142,333],{"class":86},[59,1144,253],{"class":65},[59,1146,395],{"class":65},[59,1148,1149,1151,1153,1155,1157,1159],{"class":61,"line":93},[59,1150,400],{"class":69},[59,1152,272],{"class":65},[59,1154,275],{"class":65},[59,1156,407],{"class":86},[59,1158,253],{"class":65},[59,1160,395],{"class":65},[59,1162,1163,1165,1167],{"class":61,"line":108},[59,1164,416],{"class":69},[59,1166,272],{"class":65},[59,1168,421],{"class":151},[59,1170,1171],{"class":61,"line":242},[59,1172,426],{"class":65},[59,1174,1175,1177,1179,1181,1184,1186],{"class":61,"line":266},[59,1176,431],{"class":69},[59,1178,272],{"class":65},[59,1180,275],{"class":65},[59,1182,1183],{"class":86},"Denim Jacket",[59,1185,253],{"class":65},[59,1187,395],{"class":65},[59,1189,1190,1192,1194,1196,1198,1200],{"class":61,"line":284},[59,1191,447],{"class":69},[59,1193,272],{"class":65},[59,1195,275],{"class":65},[59,1197,861],{"class":86},[59,1199,253],{"class":65},[59,1201,395],{"class":65},[59,1203,1204],{"class":61,"line":294},[59,1205,463],{"class":65},[59,1207,1208,1210],{"class":61,"line":466},[59,1209,469],{"class":151},[59,1211,395],{"class":65},[59,1213,1214,1216,1218],{"class":61,"line":474},[59,1215,477],{"class":65},[59,1217,231],{"class":151},[59,1219,234],{"class":65},[512,1221,886],{},{"title":55,"searchDepth":73,"depth":73,"links":1223},[1224,1225],{"id":544,"depth":73,"text":545},{"id":648,"depth":73,"text":649,"children":1226},[1227],{"id":726,"depth":93,"text":727},"Complete reference for the Fitting Widget API",{},"\u002Fen\u002Fapi",{"title":510,"description":1228},"en\u002Fapi\u002Findex","5vrf4TtfB7Sr4MpfgLzStW-oF0xDBiShwkqA4UFzgA0",{"id":4,"title":5,"body":1235,"description":524,"extension":525,"icon":526,"meta":1615,"navigation":528,"path":529,"seo":1616,"stem":531,"__hash__":532},{"type":7,"value":1236,"toc":1606},[1237,1239,1241,1243,1248,1250,1256,1298,1300,1440,1442,1446,1472,1474,1478,1588,1590,1592,1594,1604],[10,1238,5],{"id":12},[14,1240,16],{},[18,1242,21],{"id":20},[14,1244,24,1245,32],{},[26,1246,31],{"href":28,"rel":1247},[30],[18,1249,36],{"id":35},[14,1251,39,1252,44,1254,48],{},[41,1253,43],{},[41,1255,47],{},[50,1257,1258],{"className":52,"code":53,"language":54,"meta":55,"style":55},[41,1259,1260,1266,1278,1290],{"__ignoreMap":55},[59,1261,1262,1264],{"class":61,"line":62},[59,1263,66],{"class":65},[59,1265,70],{"class":69},[59,1267,1268,1270,1272,1274,1276],{"class":61,"line":73},[59,1269,77],{"class":76},[59,1271,80],{"class":65},[59,1273,83],{"class":65},[59,1275,87],{"class":86},[59,1277,90],{"class":65},[59,1279,1280,1282,1284,1286,1288],{"class":61,"line":93},[59,1281,96],{"class":76},[59,1283,80],{"class":65},[59,1285,83],{"class":65},[59,1287,103],{"class":86},[59,1289,90],{"class":65},[59,1291,1292,1294,1296],{"class":61,"line":108},[59,1293,111],{"class":65},[59,1295,114],{"class":69},[59,1297,117],{"class":65},[18,1299,121],{"id":120},[50,1301,1302],{"className":52,"code":124,"language":54,"meta":55,"style":55},[41,1303,1304,1322,1346,1388,1392,1412,1424,1432],{"__ignoreMap":55},[59,1305,1306,1308,1310,1312,1314,1316,1318,1320],{"class":61,"line":62},[59,1307,66],{"class":65},[59,1309,114],{"class":69},[59,1311,135],{"class":76},[59,1313,80],{"class":65},[59,1315,83],{"class":65},[59,1317,142],{"class":86},[59,1319,83],{"class":65},[59,1321,117],{"class":65},[59,1323,1324,1326,1328,1330,1332,1334,1336,1338,1340,1342,1344],{"class":61,"line":73},[59,1325,152],{"class":151},[59,1327,155],{"class":65},[59,1329,158],{"class":151},[59,1331,80],{"class":65},[59,1333,163],{"class":151},[59,1335,155],{"class":65},[59,1337,158],{"class":151},[59,1339,170],{"class":65},[59,1341,173],{"class":76},[59,1343,176],{"class":65},[59,1345,179],{"class":65},[59,1347,1348,1350,1352,1354,1356,1358,1360,1362,1364,1366,1368,1370,1372,1374,1376,1378,1380,1382,1384,1386],{"class":61,"line":93},[59,1349,184],{"class":69},[59,1351,187],{"class":151},[59,1353,155],{"class":65},[59,1355,192],{"class":151},[59,1357,155],{"class":65},[59,1359,197],{"class":151},[59,1361,200],{"class":65},[59,1363,163],{"class":151},[59,1365,155],{"class":65},[59,1367,192],{"class":151},[59,1369,155],{"class":65},[59,1371,197],{"class":151},[59,1373,213],{"class":65},[59,1375,216],{"class":69},[59,1377,155],{"class":65},[59,1379,222],{"class":221},[59,1381,225],{"class":69},[59,1383,228],{"class":151},[59,1385,231],{"class":69},[59,1387,234],{"class":65},[59,1389,1390],{"class":61,"line":108},[59,1391,239],{"class":65},[59,1393,1394,1396,1398,1400,1402,1404,1406,1408,1410],{"class":61,"line":242},[59,1395,152],{"class":151},[59,1397,155],{"class":65},[59,1399,192],{"class":221},[59,1401,225],{"class":151},[59,1403,253],{"class":65},[59,1405,256],{"class":86},[59,1407,253],{"class":65},[59,1409,261],{"class":65},[59,1411,179],{"class":65},[59,1413,1414,1416,1418,1420,1422],{"class":61,"line":266},[59,1415,269],{"class":69},[59,1417,272],{"class":65},[59,1419,275],{"class":65},[59,1421,278],{"class":86},[59,1423,281],{"class":65},[59,1425,1426,1428,1430],{"class":61,"line":284},[59,1427,287],{"class":65},[59,1429,231],{"class":151},[59,1431,234],{"class":65},[59,1433,1434,1436,1438],{"class":61,"line":294},[59,1435,297],{"class":65},[59,1437,114],{"class":69},[59,1439,117],{"class":65},[18,1441,305],{"id":304},[14,1443,308,1444,312],{},[41,1445,311],{},[50,1447,1448],{"className":52,"code":315,"language":54,"meta":55,"style":55},[41,1449,1450],{"__ignoreMap":55},[59,1451,1452,1454,1456,1458,1460,1462,1464,1466,1468,1470],{"class":61,"line":62},[59,1453,66],{"class":65},[59,1455,324],{"class":69},[59,1457,135],{"class":76},[59,1459,80],{"class":65},[59,1461,83],{"class":65},[59,1463,333],{"class":86},[59,1465,83],{"class":65},[59,1467,111],{"class":65},[59,1469,324],{"class":69},[59,1471,117],{"class":65},[18,1473,345],{"id":344},[14,1475,348,1476,352],{},[41,1477,351],{},[50,1479,1480],{"className":355,"code":356,"language":357,"meta":55,"style":55},[41,1481,1482,1502,1516,1530,1538,1542,1556,1570,1574,1580],{"__ignoreMap":55},[59,1483,1484,1486,1488,1490,1492,1494,1496,1498,1500],{"class":61,"line":62},[59,1485,187],{"class":151},[59,1487,155],{"class":65},[59,1489,192],{"class":221},[59,1491,225],{"class":151},[59,1493,253],{"class":65},[59,1495,351],{"class":86},[59,1497,253],{"class":65},[59,1499,261],{"class":65},[59,1501,179],{"class":65},[59,1503,1504,1506,1508,1510,1512,1514],{"class":61,"line":73},[59,1505,384],{"class":69},[59,1507,272],{"class":65},[59,1509,275],{"class":65},[59,1511,333],{"class":86},[59,1513,253],{"class":65},[59,1515,395],{"class":65},[59,1517,1518,1520,1522,1524,1526,1528],{"class":61,"line":93},[59,1519,400],{"class":69},[59,1521,272],{"class":65},[59,1523,275],{"class":65},[59,1525,407],{"class":86},[59,1527,253],{"class":65},[59,1529,395],{"class":65},[59,1531,1532,1534,1536],{"class":61,"line":108},[59,1533,416],{"class":69},[59,1535,272],{"class":65},[59,1537,421],{"class":151},[59,1539,1540],{"class":61,"line":242},[59,1541,426],{"class":65},[59,1543,1544,1546,1548,1550,1552,1554],{"class":61,"line":266},[59,1545,431],{"class":69},[59,1547,272],{"class":65},[59,1549,275],{"class":65},[59,1551,438],{"class":86},[59,1553,253],{"class":65},[59,1555,395],{"class":65},[59,1557,1558,1560,1562,1564,1566,1568],{"class":61,"line":284},[59,1559,447],{"class":69},[59,1561,272],{"class":65},[59,1563,275],{"class":65},[59,1565,454],{"class":86},[59,1567,253],{"class":65},[59,1569,395],{"class":65},[59,1571,1572],{"class":61,"line":294},[59,1573,463],{"class":65},[59,1575,1576,1578],{"class":61,"line":466},[59,1577,469],{"class":151},[59,1579,395],{"class":65},[59,1581,1582,1584,1586],{"class":61,"line":474},[59,1583,477],{"class":65},[59,1585,231],{"class":151},[59,1587,234],{"class":65},[18,1589,485],{"id":484},[14,1591,488],{},[18,1593,492],{"id":491},[494,1595,1596,1600],{},[497,1597,499,1598,155],{},[26,1599,503],{"href":502},[497,1601,506,1602,155],{},[26,1603,510],{"href":509},[512,1605,514],{},{"title":55,"searchDepth":73,"depth":73,"links":1607},[1608,1609,1610,1611,1612,1613,1614],{"id":20,"depth":73,"text":21},{"id":35,"depth":73,"text":36},{"id":120,"depth":73,"text":121},{"id":304,"depth":73,"text":305},{"id":344,"depth":73,"text":345},{"id":484,"depth":73,"text":485},{"id":491,"depth":73,"text":492},{},{"title":5,"description":524},{"id":1618,"title":1619,"body":1620,"description":1701,"extension":525,"icon":1702,"meta":1703,"navigation":528,"path":1704,"seo":1705,"stem":1706,"__hash__":1707},"content\u002Fen\u002Findex.md","Introduction",{"type":7,"value":1621,"toc":1696},[1622,1626,1634,1638,1664,1668,1687,1689],[10,1623,1625],{"id":1624},"fitting-widget-virtual-try-on","Fitting Widget — Virtual Try-On",[14,1627,1628,1629,1633],{},"The ",[1630,1631,1632],"strong",{},"Fitting Widget"," is a drop-in virtual try-on solution for e-commerce fashion stores. It lets your customers upload a photo and instantly see how any garment looks on them — directly on your product pages.",[18,1635,1637],{"id":1636},"key-features","Key Features",[494,1639,1640,1646,1652,1658],{},[497,1641,1642,1645],{},[1630,1643,1644],{},"Quick Integration"," — Add one script tag and a few lines of code.",[497,1647,1648,1651],{},[1630,1649,1650],{},"Framework-Agnostic"," — Works with Vanilla JS, React, Vue, Next.js, Nuxt, and more.",[497,1653,1654,1657],{},[1630,1655,1656],{},"Customizable"," — Style the widget to match your brand.",[497,1659,1660,1663],{},[1630,1661,1662],{},"Lightweight"," — Optimized loading; won't slow down your store.",[18,1665,1667],{"id":1666},"how-it-works","How It Works",[1669,1670,1671,1674,1677,1684],"ol",{},[497,1672,1673],{},"Load the widget script on your page.",[497,1675,1676],{},"Initialize with your API key.",[497,1678,1679,1680,1683],{},"Call ",[41,1681,1682],{},"window.fitting('create', { ... })"," with product image URLs.",[497,1685,1686],{},"The widget renders inside a container element of your choice.",[18,1688,5],{"id":12},[14,1690,1691,1692,1695],{},"Head over to the ",[26,1693,5],{"href":1694},"\u002Fgetting-started\u002Fquick-start"," guide to get up and running in under 5 minutes.",{"title":55,"searchDepth":73,"depth":73,"links":1697},[1698,1699,1700],{"id":1636,"depth":73,"text":1637},{"id":1666,"depth":73,"text":1667},{"id":12,"depth":73,"text":5},"What is the Fitting Widget and why use it?","i-lucide-sparkles",{},"\u002Fen",{"title":1619,"description":1701},"en\u002Findex","zjI3aBTZ8Y2iRdmkieXP4q0o6PKbIjE5hUkB6Y1ledA",{"id":1709,"title":1710,"body":1711,"description":2748,"extension":525,"icon":2749,"meta":2750,"navigation":528,"path":2751,"seo":2752,"stem":2753,"__hash__":2754},"content\u002Fen\u002Fintegrations\u002Fnextjs.md","Next.js",{"type":7,"value":1712,"toc":2739},[1713,1717,1727,1731,1741,1752,2058,2062,2437,2441,2710,2714,2720,2736],[10,1714,1716],{"id":1715},"nextjs-integration","Next.js Integration",[14,1718,1719,1720,1723,1724,155],{},"The Fitting Widget works with both the ",[1630,1721,1722],{},"Pages Router"," and ",[1630,1725,1726],{},"App Router",[18,1728,1730],{"id":1729},"app-router-recommended","App Router (Recommended)",[14,1732,1733,1734,1737,1738,155],{},"Use the Next.js ",[41,1735,1736],{},"Script"," component with ",[41,1739,1740],{},"strategy=\"afterInteractive\"",[724,1742,1744,1745,1748,1749],{"id":1743},"step-1-load-scripts-in-layouttsx-or-pagetsx","Step 1 — Load Scripts in ",[41,1746,1747],{},"layout.tsx"," or ",[41,1750,1751],{},"page.tsx",[50,1753,1757],{"className":1754,"code":1755,"language":1756,"meta":55,"style":55},"language-tsx shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import Script from 'next\u002Fscript';\n\nexport default function ProductLayout({ children }: { children: React.ReactNode }) {\n return (\n \u003C>\n {children}\n\n \u003CScript\n src=\"https:\u002F\u002Fwidget.try-on.ru\u002Ffitting-widget-bundle.js\"\n strategy=\"afterInteractive\"\n id=\"fitting-widget-bundle\"\n \u002F>\n\n \u003CScript\n strategy=\"afterInteractive\"\n id=\"fitting-init\"\n >\n {`\n window.fitting = window.fitting || function() {\n (window.fitting.q = window.fitting.q || []).push(arguments);\n };\n window.fitting('init', {\n apiKey: '${process.env.NEXT_PUBLIC_TRY_ON_API_KEY}'\n });\n `}\n \u003C\u002FScript>\n \u003C\u002F>\n );\n}\n","tsx",[41,1758,1759,1780,1785,1829,1837,1842,1853,1857,1865,1878,1892,1906,1912,1917,1924,1937,1950,1956,1965,1971,1977,1983,1989,2015,2021,2029,2039,2045,2053],{"__ignoreMap":55},[59,1760,1761,1765,1768,1771,1773,1776,1778],{"class":61,"line":62},[59,1762,1764],{"class":1763},"s7zQu","import",[59,1766,1767],{"class":151}," Script ",[59,1769,1770],{"class":1763},"from",[59,1772,275],{"class":65},[59,1774,1775],{"class":86},"next\u002Fscript",[59,1777,253],{"class":65},[59,1779,234],{"class":65},[59,1781,1782],{"class":61,"line":73},[59,1783,1784],{"emptyLinePlaceholder":528},"\n",[59,1786,1787,1790,1793,1795,1798,1801,1805,1808,1811,1813,1815,1819,1821,1824,1827],{"class":61,"line":93},[59,1788,1789],{"class":1763},"export",[59,1791,1792],{"class":1763}," default",[59,1794,173],{"class":76},[59,1796,1797],{"class":221}," ProductLayout",[59,1799,1800],{"class":65},"({",[59,1802,1804],{"class":1803},"sHdIc"," children",[59,1806,1807],{"class":65}," }:",[59,1809,1810],{"class":65}," {",[59,1812,1804],{"class":69},[59,1814,272],{"class":65},[59,1816,1818],{"class":1817},"sBMFI"," React",[59,1820,155],{"class":65},[59,1822,1823],{"class":1817},"ReactNode",[59,1825,1826],{"class":65}," })",[59,1828,179],{"class":65},[59,1830,1831,1834],{"class":61,"line":108},[59,1832,1833],{"class":1763}," return",[59,1835,1836],{"class":69}," (\n",[59,1838,1839],{"class":61,"line":242},[59,1840,1841],{"class":65}," \u003C>\n",[59,1843,1844,1847,1850],{"class":61,"line":266},[59,1845,1846],{"class":65}," {",[59,1848,1849],{"class":151},"children",[59,1851,1852],{"class":65},"}\n",[59,1854,1855],{"class":61,"line":284},[59,1856,1784],{"emptyLinePlaceholder":528},[59,1858,1859,1862],{"class":61,"line":294},[59,1860,1861],{"class":65}," \u003C",[59,1863,1864],{"class":1817},"Script\n",[59,1866,1867,1870,1872,1874,1876],{"class":61,"line":466},[59,1868,1869],{"class":76}," src",[59,1871,80],{"class":65},[59,1873,83],{"class":65},[59,1875,87],{"class":86},[59,1877,90],{"class":65},[59,1879,1880,1883,1885,1887,1890],{"class":61,"line":474},[59,1881,1882],{"class":76}," strategy",[59,1884,80],{"class":65},[59,1886,83],{"class":65},[59,1888,1889],{"class":86},"afterInteractive",[59,1891,90],{"class":65},[59,1893,1895,1898,1900,1902,1904],{"class":61,"line":1894},11,[59,1896,1897],{"class":76}," id",[59,1899,80],{"class":65},[59,1901,83],{"class":65},[59,1903,103],{"class":86},[59,1905,90],{"class":65},[59,1907,1909],{"class":61,"line":1908},12,[59,1910,1911],{"class":65}," \u002F>\n",[59,1913,1915],{"class":61,"line":1914},13,[59,1916,1784],{"emptyLinePlaceholder":528},[59,1918,1920,1922],{"class":61,"line":1919},14,[59,1921,1861],{"class":65},[59,1923,1864],{"class":1817},[59,1925,1927,1929,1931,1933,1935],{"class":61,"line":1926},15,[59,1928,1882],{"class":76},[59,1930,80],{"class":65},[59,1932,83],{"class":65},[59,1934,1889],{"class":86},[59,1936,90],{"class":65},[59,1938,1940,1942,1944,1946,1948],{"class":61,"line":1939},16,[59,1941,1897],{"class":76},[59,1943,80],{"class":65},[59,1945,83],{"class":65},[59,1947,142],{"class":86},[59,1949,90],{"class":65},[59,1951,1953],{"class":61,"line":1952},17,[59,1954,1955],{"class":65}," >\n",[59,1957,1959,1962],{"class":61,"line":1958},18,[59,1960,1961],{"class":65}," {",[59,1963,1964],{"class":65},"`\n",[59,1966,1968],{"class":61,"line":1967},19,[59,1969,1970],{"class":86}," window.fitting = window.fitting || function() {\n",[59,1972,1974],{"class":61,"line":1973},20,[59,1975,1976],{"class":86}," (window.fitting.q = window.fitting.q || []).push(arguments);\n",[59,1978,1980],{"class":61,"line":1979},21,[59,1981,1982],{"class":86}," };\n",[59,1984,1986],{"class":61,"line":1985},22,[59,1987,1988],{"class":86}," window.fitting('init', {\n",[59,1990,1992,1995,1998,2001,2003,2006,2008,2011,2013],{"class":61,"line":1991},23,[59,1993,1994],{"class":86}," apiKey: '",[59,1996,1997],{"class":65},"${",[59,1999,2000],{"class":151},"process",[59,2002,155],{"class":65},[59,2004,2005],{"class":151},"env",[59,2007,155],{"class":65},[59,2009,2010],{"class":151},"NEXT_PUBLIC_TRY_ON_API_KEY",[59,2012,477],{"class":65},[59,2014,281],{"class":86},[59,2016,2018],{"class":61,"line":2017},24,[59,2019,2020],{"class":86}," });\n",[59,2022,2024,2027],{"class":61,"line":2023},25,[59,2025,2026],{"class":65}," `",[59,2028,1852],{"class":65},[59,2030,2032,2035,2037],{"class":61,"line":2031},26,[59,2033,2034],{"class":65}," \u003C\u002F",[59,2036,1736],{"class":1817},[59,2038,117],{"class":65},[59,2040,2042],{"class":61,"line":2041},27,[59,2043,2044],{"class":65}," \u003C\u002F>\n",[59,2046,2048,2051],{"class":61,"line":2047},28,[59,2049,2050],{"class":69}," )",[59,2052,234],{"class":65},[59,2054,2056],{"class":61,"line":2055},29,[59,2057,1852],{"class":65},[724,2059,2061],{"id":2060},"step-2-create-the-widget-button","Step 2 — Create the Widget Button",[50,2063,2065],{"className":1754,"code":2064,"language":1756,"meta":55,"style":55},"'use client';\n\ninterface TryonItem {\n productName: string;\n url: string;\n}\n\ndeclare global {\n interface Window {\n fitting: (command: string, options?: unknown) => void;\n }\n}\n\nexport function TryOnButton({ items }: { items: TryonItem[] }) {\n const handleClick = () => {\n window.fitting('create', {\n targetElementId: 'widget-container',\n model: 'balanced',\n tryonItems: items,\n });\n };\n\n return (\n \u003C>\n \u003Cdiv id=\"widget-container\" style={{ width: '100%', maxWidth: 600, aspectRatio: '3\u002F4' }} \u002F>\n \u003Cbutton onClick={handleClick}>Try On\u003C\u002Fbutton>\n \u003C\u002F>\n );\n}\n",[41,2066,2067,2078,2082,2092,2104,2115,2119,2123,2134,2144,2182,2187,2191,2195,2227,2244,2265,2280,2295,2306,2315,2319,2323,2329,2333,2395,2423,2427,2433],{"__ignoreMap":55},[59,2068,2069,2071,2074,2076],{"class":61,"line":62},[59,2070,253],{"class":65},[59,2072,2073],{"class":86},"use client",[59,2075,253],{"class":65},[59,2077,234],{"class":65},[59,2079,2080],{"class":61,"line":73},[59,2081,1784],{"emptyLinePlaceholder":528},[59,2083,2084,2087,2090],{"class":61,"line":93},[59,2085,2086],{"class":76},"interface",[59,2088,2089],{"class":1817}," TryonItem",[59,2091,179],{"class":65},[59,2093,2094,2097,2099,2102],{"class":61,"line":108},[59,2095,2096],{"class":69}," productName",[59,2098,272],{"class":65},[59,2100,2101],{"class":1817}," string",[59,2103,234],{"class":65},[59,2105,2106,2109,2111,2113],{"class":61,"line":242},[59,2107,2108],{"class":69}," url",[59,2110,272],{"class":65},[59,2112,2101],{"class":1817},[59,2114,234],{"class":65},[59,2116,2117],{"class":61,"line":266},[59,2118,1852],{"class":65},[59,2120,2121],{"class":61,"line":284},[59,2122,1784],{"emptyLinePlaceholder":528},[59,2124,2125,2128,2131],{"class":61,"line":294},[59,2126,2127],{"class":76},"declare",[59,2129,2130],{"class":151}," global ",[59,2132,2133],{"class":65},"{\n",[59,2135,2136,2139,2142],{"class":61,"line":466},[59,2137,2138],{"class":76}," interface",[59,2140,2141],{"class":1817}," Window",[59,2143,179],{"class":65},[59,2145,2146,2149,2151,2154,2157,2159,2161,2163,2166,2169,2172,2174,2177,2180],{"class":61,"line":474},[59,2147,2148],{"class":69}," fitting",[59,2150,272],{"class":65},[59,2152,2153],{"class":65}," (",[59,2155,2156],{"class":1803},"command",[59,2158,272],{"class":65},[59,2160,2101],{"class":1817},[59,2162,261],{"class":65},[59,2164,2165],{"class":1803}," options",[59,2167,2168],{"class":65},"?:",[59,2170,2171],{"class":1817}," unknown",[59,2173,231],{"class":65},[59,2175,2176],{"class":76}," =>",[59,2178,2179],{"class":1817}," void",[59,2181,234],{"class":65},[59,2183,2184],{"class":61,"line":1894},[59,2185,2186],{"class":65}," }\n",[59,2188,2189],{"class":61,"line":1908},[59,2190,1852],{"class":65},[59,2192,2193],{"class":61,"line":1914},[59,2194,1784],{"emptyLinePlaceholder":528},[59,2196,2197,2199,2201,2204,2206,2209,2211,2213,2215,2217,2219,2222,2225],{"class":61,"line":1919},[59,2198,1789],{"class":1763},[59,2200,173],{"class":76},[59,2202,2203],{"class":221}," TryOnButton",[59,2205,1800],{"class":65},[59,2207,2208],{"class":1803}," items",[59,2210,1807],{"class":65},[59,2212,1810],{"class":65},[59,2214,2208],{"class":69},[59,2216,272],{"class":65},[59,2218,2089],{"class":1817},[59,2220,2221],{"class":151},"[] ",[59,2223,2224],{"class":65},"})",[59,2226,179],{"class":65},[59,2228,2229,2232,2235,2237,2240,2242],{"class":61,"line":1926},[59,2230,2231],{"class":76}," const",[59,2233,2234],{"class":151}," handleClick",[59,2236,200],{"class":65},[59,2238,2239],{"class":65}," ()",[59,2241,2176],{"class":76},[59,2243,179],{"class":65},[59,2245,2246,2249,2251,2253,2255,2257,2259,2261,2263],{"class":61,"line":1939},[59,2247,2248],{"class":151}," window",[59,2250,155],{"class":65},[59,2252,192],{"class":221},[59,2254,225],{"class":69},[59,2256,253],{"class":65},[59,2258,351],{"class":86},[59,2260,253],{"class":65},[59,2262,261],{"class":65},[59,2264,179],{"class":65},[59,2266,2267,2270,2272,2274,2276,2278],{"class":61,"line":1952},[59,2268,2269],{"class":69}," targetElementId",[59,2271,272],{"class":65},[59,2273,275],{"class":65},[59,2275,333],{"class":86},[59,2277,253],{"class":65},[59,2279,395],{"class":65},[59,2281,2282,2285,2287,2289,2291,2293],{"class":61,"line":1958},[59,2283,2284],{"class":69}," model",[59,2286,272],{"class":65},[59,2288,275],{"class":65},[59,2290,407],{"class":86},[59,2292,253],{"class":65},[59,2294,395],{"class":65},[59,2296,2297,2300,2302,2304],{"class":61,"line":1967},[59,2298,2299],{"class":69}," tryonItems",[59,2301,272],{"class":65},[59,2303,2208],{"class":151},[59,2305,395],{"class":65},[59,2307,2308,2311,2313],{"class":61,"line":1973},[59,2309,2310],{"class":65}," }",[59,2312,231],{"class":69},[59,2314,234],{"class":65},[59,2316,2317],{"class":61,"line":1979},[59,2318,239],{"class":65},[59,2320,2321],{"class":61,"line":1985},[59,2322,1784],{"emptyLinePlaceholder":528},[59,2324,2325,2327],{"class":61,"line":1991},[59,2326,1833],{"class":1763},[59,2328,1836],{"class":69},[59,2330,2331],{"class":61,"line":2017},[59,2332,1841],{"class":65},[59,2334,2335,2337,2339,2341,2343,2345,2347,2349,2352,2355,2358,2360,2362,2365,2367,2369,2372,2374,2378,2380,2383,2385,2387,2390,2392],{"class":61,"line":2023},[59,2336,1861],{"class":65},[59,2338,324],{"class":69},[59,2340,135],{"class":76},[59,2342,80],{"class":65},[59,2344,83],{"class":65},[59,2346,333],{"class":86},[59,2348,83],{"class":65},[59,2350,2351],{"class":76}," style",[59,2353,2354],{"class":65},"={{",[59,2356,2357],{"class":69}," width",[59,2359,272],{"class":65},[59,2361,275],{"class":65},[59,2363,2364],{"class":86},"100%",[59,2366,253],{"class":65},[59,2368,261],{"class":65},[59,2370,2371],{"class":69}," maxWidth",[59,2373,272],{"class":65},[59,2375,2377],{"class":2376},"sbssI"," 600",[59,2379,261],{"class":65},[59,2381,2382],{"class":69}," aspectRatio",[59,2384,272],{"class":65},[59,2386,275],{"class":65},[59,2388,2389],{"class":86},"3\u002F4",[59,2391,253],{"class":65},[59,2393,2394],{"class":65}," }} \u002F>\n",[59,2396,2397,2399,2402,2405,2408,2411,2414,2417,2419,2421],{"class":61,"line":2031},[59,2398,1861],{"class":65},[59,2400,2401],{"class":69},"button",[59,2403,2404],{"class":76}," onClick",[59,2406,2407],{"class":65},"={",[59,2409,2410],{"class":151},"handleClick",[59,2412,2413],{"class":65},"}>",[59,2415,2416],{"class":151},"Try On",[59,2418,297],{"class":65},[59,2420,2401],{"class":69},[59,2422,117],{"class":65},[59,2424,2425],{"class":61,"line":2041},[59,2426,2044],{"class":65},[59,2428,2429,2431],{"class":61,"line":2047},[59,2430,2050],{"class":69},[59,2432,234],{"class":65},[59,2434,2435],{"class":61,"line":2055},[59,2436,1852],{"class":65},[724,2438,2440],{"id":2439},"step-3-use-in-a-product-page","Step 3 — Use in a Product Page",[50,2442,2444],{"className":1754,"code":2443,"language":1756,"meta":55,"style":55},"import { TryOnButton } from '@\u002Fcomponents\u002FTryOnButton';\n\nexport default async function ProductPage({ params }: { params: { slug: string } }) {\n const product = await getProduct(params.slug);\n\n return (\n \u003Cdiv>\n \u003Ch1>{product.name}\u003C\u002Fh1>\n \u003Cimg src={product.image} alt={product.name} \u002F>\n \u003CTryOnButton\n items={[\n {\n productName: product.name,\n url: product.image,\n },\n ]}\n \u002F>\n \u003C\u002Fdiv>\n );\n}\n",[41,2445,2446,2469,2473,2515,2544,2548,2554,2563,2587,2623,2630,2640,2645,2660,2675,2680,2687,2691,2700,2706],{"__ignoreMap":55},[59,2447,2448,2450,2452,2454,2457,2460,2462,2465,2467],{"class":61,"line":62},[59,2449,1764],{"class":1763},[59,2451,1810],{"class":65},[59,2453,2203],{"class":151},[59,2455,2456],{"class":65}," }",[59,2458,2459],{"class":1763}," from",[59,2461,275],{"class":65},[59,2463,2464],{"class":86},"@\u002Fcomponents\u002FTryOnButton",[59,2466,253],{"class":65},[59,2468,234],{"class":65},[59,2470,2471],{"class":61,"line":73},[59,2472,1784],{"emptyLinePlaceholder":528},[59,2474,2475,2477,2479,2482,2484,2487,2489,2492,2494,2496,2498,2500,2502,2505,2507,2509,2511,2513],{"class":61,"line":93},[59,2476,1789],{"class":1763},[59,2478,1792],{"class":1763},[59,2480,2481],{"class":76}," async",[59,2483,173],{"class":76},[59,2485,2486],{"class":221}," ProductPage",[59,2488,1800],{"class":65},[59,2490,2491],{"class":1803}," params",[59,2493,1807],{"class":65},[59,2495,1810],{"class":65},[59,2497,2491],{"class":69},[59,2499,272],{"class":65},[59,2501,1810],{"class":65},[59,2503,2504],{"class":69}," slug",[59,2506,272],{"class":65},[59,2508,2101],{"class":1817},[59,2510,2456],{"class":65},[59,2512,1826],{"class":65},[59,2514,179],{"class":65},[59,2516,2517,2519,2522,2524,2527,2530,2532,2535,2537,2540,2542],{"class":61,"line":108},[59,2518,2231],{"class":76},[59,2520,2521],{"class":151}," product",[59,2523,200],{"class":65},[59,2525,2526],{"class":1763}," await",[59,2528,2529],{"class":221}," getProduct",[59,2531,225],{"class":69},[59,2533,2534],{"class":151},"params",[59,2536,155],{"class":65},[59,2538,2539],{"class":151},"slug",[59,2541,231],{"class":69},[59,2543,234],{"class":65},[59,2545,2546],{"class":61,"line":242},[59,2547,1784],{"emptyLinePlaceholder":528},[59,2549,2550,2552],{"class":61,"line":266},[59,2551,1833],{"class":1763},[59,2553,1836],{"class":69},[59,2555,2556,2559,2561],{"class":61,"line":284},[59,2557,2558],{"class":65}," \u003C",[59,2560,324],{"class":69},[59,2562,117],{"class":65},[59,2564,2565,2567,2569,2572,2575,2577,2580,2583,2585],{"class":61,"line":294},[59,2566,1861],{"class":65},[59,2568,10],{"class":69},[59,2570,2571],{"class":65},">{",[59,2573,2574],{"class":151},"product",[59,2576,155],{"class":65},[59,2578,2579],{"class":151},"name",[59,2581,2582],{"class":65},"}\u003C\u002F",[59,2584,10],{"class":69},[59,2586,117],{"class":65},[59,2588,2589,2591,2594,2597,2599,2601,2603,2606,2609,2612,2614,2616,2618,2620],{"class":61,"line":466},[59,2590,1861],{"class":65},[59,2592,2593],{"class":69},"img",[59,2595,2596],{"class":76}," src",[59,2598,2407],{"class":65},[59,2600,2574],{"class":151},[59,2602,155],{"class":65},[59,2604,2605],{"class":151},"image",[59,2607,2608],{"class":65},"} ",[59,2610,2611],{"class":76},"alt",[59,2613,2407],{"class":65},[59,2615,2574],{"class":151},[59,2617,155],{"class":65},[59,2619,2579],{"class":151},[59,2621,2622],{"class":65},"} \u002F>\n",[59,2624,2625,2627],{"class":61,"line":474},[59,2626,1861],{"class":65},[59,2628,2629],{"class":1817},"TryOnButton\n",[59,2631,2632,2635,2637],{"class":61,"line":1894},[59,2633,2634],{"class":76}," items",[59,2636,2407],{"class":65},[59,2638,2639],{"class":151},"[\n",[59,2641,2642],{"class":61,"line":1908},[59,2643,2644],{"class":65}," {\n",[59,2646,2647,2650,2652,2654,2656,2658],{"class":61,"line":1914},[59,2648,2649],{"class":69}," productName",[59,2651,272],{"class":65},[59,2653,2521],{"class":151},[59,2655,155],{"class":65},[59,2657,2579],{"class":151},[59,2659,395],{"class":65},[59,2661,2662,2665,2667,2669,2671,2673],{"class":61,"line":1919},[59,2663,2664],{"class":69}," url",[59,2666,272],{"class":65},[59,2668,2521],{"class":151},[59,2670,155],{"class":65},[59,2672,2605],{"class":151},[59,2674,395],{"class":65},[59,2676,2677],{"class":61,"line":1926},[59,2678,2679],{"class":65}," },\n",[59,2681,2682,2685],{"class":61,"line":1939},[59,2683,2684],{"class":151}," ]",[59,2686,1852],{"class":65},[59,2688,2689],{"class":61,"line":1952},[59,2690,1911],{"class":65},[59,2692,2693,2696,2698],{"class":61,"line":1958},[59,2694,2695],{"class":65}," \u003C\u002F",[59,2697,324],{"class":69},[59,2699,117],{"class":65},[59,2701,2702,2704],{"class":61,"line":1967},[59,2703,2050],{"class":69},[59,2705,234],{"class":65},[59,2707,2708],{"class":61,"line":1973},[59,2709,1852],{"class":65},[18,2711,2713],{"id":2712},"environment-variable","Environment Variable",[14,2715,2716,2717,272],{},"Add your API key to ",[41,2718,2719],{},".env.local",[50,2721,2725],{"className":2722,"code":2723,"language":2724,"meta":55,"style":55},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","NEXT_PUBLIC_TRY_ON_API_KEY=pk_live_xxx\n","bash",[41,2726,2727],{"__ignoreMap":55},[59,2728,2729,2731,2733],{"class":61,"line":62},[59,2730,2010],{"class":151},[59,2732,80],{"class":65},[59,2734,2735],{"class":86},"pk_live_xxx\n",[512,2737,2738],{},"html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}",{"title":55,"searchDepth":73,"depth":73,"links":2740},[2741,2747],{"id":1729,"depth":73,"text":1730,"children":2742},[2743,2745,2746],{"id":1743,"depth":93,"text":2744},"Step 1 — Load Scripts in layout.tsx or page.tsx",{"id":2060,"depth":93,"text":2061},{"id":2439,"depth":93,"text":2440},{"id":2712,"depth":73,"text":2713},"Integrate with Next.js (Pages Router & App Router)","i-lucide-triangle",{},"\u002Fen\u002Fintegrations\u002Fnextjs",{"title":1710,"description":2748},"en\u002Fintegrations\u002Fnextjs","JdA3Sttp8qaffNRKpcg9b3i_J2nMxDOCfnya8RjA3yU",{"id":2756,"title":2757,"body":2758,"description":3657,"extension":525,"icon":3658,"meta":3659,"navigation":528,"path":3660,"seo":3661,"stem":3662,"__hash__":3663},"content\u002Fen\u002Fintegrations\u002Fnuxt.md","Nuxt",{"type":7,"value":2759,"toc":3647},[2760,2764,2767,2771,2781,2787,3107,3113,3309,3313,3623,3625,3631,3644],[10,2761,2763],{"id":2762},"nuxt-integration","Nuxt Integration",[14,2765,2766],{},"The Fitting Widget integrates seamlessly with Nuxt 3 and Nuxt 4.",[18,2768,2770],{"id":2769},"_1-load-the-script","1. Load the Script",[14,2772,2773,2774,2777,2778,155],{},"Use the ",[41,2775,2776],{},"useHead"," composable, or add scripts to your ",[41,2779,2780],{},"nuxt.config.ts",[724,2782,2784,2785],{"id":2783},"option-a-per-page-with-usehead","Option A — Per Page with ",[41,2786,2776],{},[50,2788,2792],{"className":2789,"code":2790,"language":2791,"meta":55,"style":55},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003C!-- pages\u002Fproduct\u002F[slug].vue -->\n\u003Ctemplate>\n \u003Cdiv>\n \u003Ch1>{{ product.name }}\u003C\u002Fh1>\n \u003CTryOnWidget :product-name=\"product.name\" :image-url=\"product.image\" \u002F>\n \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup lang=\"ts\">\nimport { useHead } from '#app'\n\nuseHead({\n script: [\n {\n src: 'https:\u002F\u002Fwidget.try-on.ru\u002Ffitting-widget-bundle.js',\n id: 'fitting-widget-bundle',\n },\n {\n id: 'fitting-init',\n innerHTML: `\n window.fitting = window.fitting || function() {\n (window.fitting.q = window.fitting.q || []).push(arguments);\n };\n window.fitting('init', {\n apiKey: '${import.meta.env.VITE_TRY_ON_API_KEY}'\n });\n `,\n },\n ],\n})\n\u003C\u002Fscript>\n","vue",[41,2793,2794,2800,2809,2818,2836,2870,2879,2887,2891,2914,2934,2938,2946,2955,2959,2974,2989,2993,2997,3011,3021,3026,3031,3036,3041,3068,3073,3080,3084,3090,3098],{"__ignoreMap":55},[59,2795,2796],{"class":61,"line":62},[59,2797,2799],{"class":2798},"sHwdD","\u003C!-- pages\u002Fproduct\u002F[slug].vue -->\n",[59,2801,2802,2804,2807],{"class":61,"line":73},[59,2803,66],{"class":65},[59,2805,2806],{"class":69},"template",[59,2808,117],{"class":65},[59,2810,2811,2814,2816],{"class":61,"line":93},[59,2812,2813],{"class":65}," \u003C",[59,2815,324],{"class":69},[59,2817,117],{"class":65},[59,2819,2820,2822,2824,2827,2830,2832,2834],{"class":61,"line":108},[59,2821,2558],{"class":65},[59,2823,10],{"class":69},[59,2825,2826],{"class":65},">",[59,2828,2829],{"class":151},"{{ product.name }}",[59,2831,297],{"class":65},[59,2833,10],{"class":69},[59,2835,117],{"class":65},[59,2837,2838,2840,2843,2846,2848,2850,2853,2855,2858,2860,2862,2865,2867],{"class":61,"line":242},[59,2839,2558],{"class":65},[59,2841,2842],{"class":69},"TryOnWidget",[59,2844,2845],{"class":76}," :product-name",[59,2847,80],{"class":65},[59,2849,83],{"class":65},[59,2851,2852],{"class":86},"product.name",[59,2854,83],{"class":65},[59,2856,2857],{"class":76}," :image-url",[59,2859,80],{"class":65},[59,2861,83],{"class":65},[59,2863,2864],{"class":86},"product.image",[59,2866,83],{"class":65},[59,2868,2869],{"class":65}," \u002F>\n",[59,2871,2872,2875,2877],{"class":61,"line":266},[59,2873,2874],{"class":65}," \u003C\u002F",[59,2876,324],{"class":69},[59,2878,117],{"class":65},[59,2880,2881,2883,2885],{"class":61,"line":284},[59,2882,297],{"class":65},[59,2884,2806],{"class":69},[59,2886,117],{"class":65},[59,2888,2889],{"class":61,"line":294},[59,2890,1784],{"emptyLinePlaceholder":528},[59,2892,2893,2895,2897,2900,2903,2905,2907,2910,2912],{"class":61,"line":466},[59,2894,66],{"class":65},[59,2896,114],{"class":69},[59,2898,2899],{"class":76}," setup",[59,2901,2902],{"class":76}," lang",[59,2904,80],{"class":65},[59,2906,83],{"class":65},[59,2908,2909],{"class":86},"ts",[59,2911,83],{"class":65},[59,2913,117],{"class":65},[59,2915,2916,2918,2920,2923,2925,2927,2929,2932],{"class":61,"line":474},[59,2917,1764],{"class":1763},[59,2919,1810],{"class":65},[59,2921,2922],{"class":151}," useHead",[59,2924,2456],{"class":65},[59,2926,2459],{"class":1763},[59,2928,275],{"class":65},[59,2930,2931],{"class":86},"#app",[59,2933,281],{"class":65},[59,2935,2936],{"class":61,"line":1894},[59,2937,1784],{"emptyLinePlaceholder":528},[59,2939,2940,2942,2944],{"class":61,"line":1908},[59,2941,2776],{"class":221},[59,2943,225],{"class":151},[59,2945,2133],{"class":65},[59,2947,2948,2951,2953],{"class":61,"line":1914},[59,2949,2950],{"class":69}," script",[59,2952,272],{"class":65},[59,2954,421],{"class":151},[59,2956,2957],{"class":61,"line":1919},[59,2958,426],{"class":65},[59,2960,2961,2964,2966,2968,2970,2972],{"class":61,"line":1926},[59,2962,2963],{"class":69}," src",[59,2965,272],{"class":65},[59,2967,275],{"class":65},[59,2969,87],{"class":86},[59,2971,253],{"class":65},[59,2973,395],{"class":65},[59,2975,2976,2979,2981,2983,2985,2987],{"class":61,"line":1939},[59,2977,2978],{"class":69}," id",[59,2980,272],{"class":65},[59,2982,275],{"class":65},[59,2984,103],{"class":86},[59,2986,253],{"class":65},[59,2988,395],{"class":65},[59,2990,2991],{"class":61,"line":1952},[59,2992,463],{"class":65},[59,2994,2995],{"class":61,"line":1958},[59,2996,426],{"class":65},[59,2998,2999,3001,3003,3005,3007,3009],{"class":61,"line":1967},[59,3000,2978],{"class":69},[59,3002,272],{"class":65},[59,3004,275],{"class":65},[59,3006,142],{"class":86},[59,3008,253],{"class":65},[59,3010,395],{"class":65},[59,3012,3013,3016,3018],{"class":61,"line":1973},[59,3014,3015],{"class":69}," innerHTML",[59,3017,272],{"class":65},[59,3019,3020],{"class":65}," `\n",[59,3022,3023],{"class":61,"line":1979},[59,3024,3025],{"class":86}," window.fitting = window.fitting || function() {\n",[59,3027,3028],{"class":61,"line":1985},[59,3029,3030],{"class":86}," (window.fitting.q = window.fitting.q || []).push(arguments);\n",[59,3032,3033],{"class":61,"line":1991},[59,3034,3035],{"class":86}," };\n",[59,3037,3038],{"class":61,"line":2017},[59,3039,3040],{"class":86}," window.fitting('init', {\n",[59,3042,3043,3046,3048,3050,3052,3055,3057,3059,3061,3064,3066],{"class":61,"line":2023},[59,3044,3045],{"class":86}," apiKey: '",[59,3047,1997],{"class":65},[59,3049,1764],{"class":1763},[59,3051,155],{"class":65},[59,3053,3054],{"class":151},"meta",[59,3056,155],{"class":65},[59,3058,2005],{"class":151},[59,3060,155],{"class":65},[59,3062,3063],{"class":151},"VITE_TRY_ON_API_KEY",[59,3065,477],{"class":65},[59,3067,281],{"class":86},[59,3069,3070],{"class":61,"line":2031},[59,3071,3072],{"class":86}," });\n",[59,3074,3075,3078],{"class":61,"line":2041},[59,3076,3077],{"class":65}," `",[59,3079,395],{"class":65},[59,3081,3082],{"class":61,"line":2047},[59,3083,463],{"class":65},[59,3085,3086,3088],{"class":61,"line":2055},[59,3087,469],{"class":151},[59,3089,395],{"class":65},[59,3091,3093,3095],{"class":61,"line":3092},30,[59,3094,477],{"class":65},[59,3096,3097],{"class":151},")\n",[59,3099,3101,3103,3105],{"class":61,"line":3100},31,[59,3102,297],{"class":65},[59,3104,114],{"class":69},[59,3106,117],{"class":65},[724,3108,3110,3111],{"id":3109},"option-b-global-in-nuxtconfigts","Option B — Global in ",[41,3112,2780],{},[50,3114,3117],{"className":3115,"code":3116,"language":2909,"meta":55,"style":55},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineNuxtConfig({\n app: {\n head: {\n script: [\n {\n src: 'https:\u002F\u002Fwidget.try-on.ru\u002Ffitting-widget-bundle.js',\n id: 'fitting-widget-bundle',\n },\n {\n id: 'fitting-init',\n innerHTML: `\n window.fitting = window.fitting || function() {\n (window.fitting.q = window.fitting.q || []).push(arguments);\n };\n window.fitting('init', {\n apiKey: '${import.meta.env.VITE_TRY_ON_API_KEY}'\n });\n `,\n },\n ],\n },\n },\n})\n",[41,3118,3119,3132,3141,3150,3159,3164,3179,3194,3199,3203,3217,3226,3231,3236,3241,3246,3271,3276,3283,3287,3294,3298,3303],{"__ignoreMap":55},[59,3120,3121,3123,3125,3128,3130],{"class":61,"line":62},[59,3122,1789],{"class":1763},[59,3124,1792],{"class":1763},[59,3126,3127],{"class":221}," defineNuxtConfig",[59,3129,225],{"class":151},[59,3131,2133],{"class":65},[59,3133,3134,3137,3139],{"class":61,"line":73},[59,3135,3136],{"class":69}," app",[59,3138,272],{"class":65},[59,3140,179],{"class":65},[59,3142,3143,3146,3148],{"class":61,"line":93},[59,3144,3145],{"class":69}," head",[59,3147,272],{"class":65},[59,3149,179],{"class":65},[59,3151,3152,3155,3157],{"class":61,"line":108},[59,3153,3154],{"class":69}," script",[59,3156,272],{"class":65},[59,3158,421],{"class":151},[59,3160,3161],{"class":61,"line":242},[59,3162,3163],{"class":65}," {\n",[59,3165,3166,3169,3171,3173,3175,3177],{"class":61,"line":266},[59,3167,3168],{"class":69}," src",[59,3170,272],{"class":65},[59,3172,275],{"class":65},[59,3174,87],{"class":86},[59,3176,253],{"class":65},[59,3178,395],{"class":65},[59,3180,3181,3184,3186,3188,3190,3192],{"class":61,"line":284},[59,3182,3183],{"class":69}," id",[59,3185,272],{"class":65},[59,3187,275],{"class":65},[59,3189,103],{"class":86},[59,3191,253],{"class":65},[59,3193,395],{"class":65},[59,3195,3196],{"class":61,"line":294},[59,3197,3198],{"class":65}," },\n",[59,3200,3201],{"class":61,"line":466},[59,3202,3163],{"class":65},[59,3204,3205,3207,3209,3211,3213,3215],{"class":61,"line":474},[59,3206,3183],{"class":69},[59,3208,272],{"class":65},[59,3210,275],{"class":65},[59,3212,142],{"class":86},[59,3214,253],{"class":65},[59,3216,395],{"class":65},[59,3218,3219,3222,3224],{"class":61,"line":1894},[59,3220,3221],{"class":69}," innerHTML",[59,3223,272],{"class":65},[59,3225,3020],{"class":65},[59,3227,3228],{"class":61,"line":1908},[59,3229,3230],{"class":86}," window.fitting = window.fitting || function() {\n",[59,3232,3233],{"class":61,"line":1914},[59,3234,3235],{"class":86}," (window.fitting.q = window.fitting.q || []).push(arguments);\n",[59,3237,3238],{"class":61,"line":1919},[59,3239,3240],{"class":86}," };\n",[59,3242,3243],{"class":61,"line":1926},[59,3244,3245],{"class":86}," window.fitting('init', {\n",[59,3247,3248,3251,3253,3255,3257,3259,3261,3263,3265,3267,3269],{"class":61,"line":1939},[59,3249,3250],{"class":86}," apiKey: '",[59,3252,1997],{"class":65},[59,3254,1764],{"class":1763},[59,3256,155],{"class":65},[59,3258,3054],{"class":151},[59,3260,155],{"class":65},[59,3262,2005],{"class":151},[59,3264,155],{"class":65},[59,3266,3063],{"class":151},[59,3268,477],{"class":65},[59,3270,281],{"class":86},[59,3272,3273],{"class":61,"line":1952},[59,3274,3275],{"class":86}," });\n",[59,3277,3278,3281],{"class":61,"line":1958},[59,3279,3280],{"class":65}," `",[59,3282,395],{"class":65},[59,3284,3285],{"class":61,"line":1967},[59,3286,3198],{"class":65},[59,3288,3289,3292],{"class":61,"line":1973},[59,3290,3291],{"class":151}," ]",[59,3293,395],{"class":65},[59,3295,3296],{"class":61,"line":1979},[59,3297,463],{"class":65},[59,3299,3300],{"class":61,"line":1985},[59,3301,3302],{"class":65}," },\n",[59,3304,3305,3307],{"class":61,"line":1991},[59,3306,477],{"class":65},[59,3308,3097],{"class":151},[18,3310,3312],{"id":3311},"_2-create-the-wrapper-component","2. Create the Wrapper Component",[50,3314,3316],{"className":2789,"code":3315,"language":2791,"meta":55,"style":55},"\u003C!-- components\u002FTryOnWidget.vue -->\n\u003Ctemplate>\n \u003Cdiv>\n \u003Cdiv id=\"widget-container\" class=\"aspect-[3\u002F4] w-full max-w-[600px]\" \u002F>\n \u003Cbutton @click=\"handleTryOn\">Try On\u003C\u002Fbutton>\n \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup lang=\"ts\">\nconst props = defineProps\u003C{\n productName: string\n imageUrl: string\n}>()\n\nconst handleTryOn = () => {\n window.fitting('create', {\n targetElementId: 'widget-container',\n model: 'balanced',\n tryonItems: [\n {\n productName: props.productName,\n url: props.imageUrl,\n },\n ],\n })\n}\n\u003C\u002Fscript>\n",[41,3317,3318,3323,3331,3339,3369,3397,3405,3413,3417,3437,3453,3462,3471,3478,3482,3497,3517,3532,3547,3556,3561,3577,3593,3598,3605,3611,3615],{"__ignoreMap":55},[59,3319,3320],{"class":61,"line":62},[59,3321,3322],{"class":2798},"\u003C!-- components\u002FTryOnWidget.vue -->\n",[59,3324,3325,3327,3329],{"class":61,"line":73},[59,3326,66],{"class":65},[59,3328,2806],{"class":69},[59,3330,117],{"class":65},[59,3332,3333,3335,3337],{"class":61,"line":93},[59,3334,2813],{"class":65},[59,3336,324],{"class":69},[59,3338,117],{"class":65},[59,3340,3341,3343,3345,3347,3349,3351,3353,3355,3358,3360,3362,3365,3367],{"class":61,"line":108},[59,3342,2558],{"class":65},[59,3344,324],{"class":69},[59,3346,135],{"class":76},[59,3348,80],{"class":65},[59,3350,83],{"class":65},[59,3352,333],{"class":86},[59,3354,83],{"class":65},[59,3356,3357],{"class":76}," class",[59,3359,80],{"class":65},[59,3361,83],{"class":65},[59,3363,3364],{"class":86},"aspect-[3\u002F4] w-full max-w-[600px]",[59,3366,83],{"class":65},[59,3368,2869],{"class":65},[59,3370,3371,3373,3375,3378,3380,3382,3385,3387,3389,3391,3393,3395],{"class":61,"line":242},[59,3372,2558],{"class":65},[59,3374,2401],{"class":69},[59,3376,3377],{"class":76}," @click",[59,3379,80],{"class":65},[59,3381,83],{"class":65},[59,3383,3384],{"class":86},"handleTryOn",[59,3386,83],{"class":65},[59,3388,2826],{"class":65},[59,3390,2416],{"class":151},[59,3392,297],{"class":65},[59,3394,2401],{"class":69},[59,3396,117],{"class":65},[59,3398,3399,3401,3403],{"class":61,"line":266},[59,3400,2874],{"class":65},[59,3402,324],{"class":69},[59,3404,117],{"class":65},[59,3406,3407,3409,3411],{"class":61,"line":284},[59,3408,297],{"class":65},[59,3410,2806],{"class":69},[59,3412,117],{"class":65},[59,3414,3415],{"class":61,"line":294},[59,3416,1784],{"emptyLinePlaceholder":528},[59,3418,3419,3421,3423,3425,3427,3429,3431,3433,3435],{"class":61,"line":466},[59,3420,66],{"class":65},[59,3422,114],{"class":69},[59,3424,2899],{"class":76},[59,3426,2902],{"class":76},[59,3428,80],{"class":65},[59,3430,83],{"class":65},[59,3432,2909],{"class":86},[59,3434,83],{"class":65},[59,3436,117],{"class":65},[59,3438,3439,3442,3445,3447,3450],{"class":61,"line":474},[59,3440,3441],{"class":76},"const",[59,3443,3444],{"class":151}," props ",[59,3446,80],{"class":65},[59,3448,3449],{"class":221}," defineProps",[59,3451,3452],{"class":65},"\u003C{\n",[59,3454,3455,3457,3459],{"class":61,"line":1894},[59,3456,2096],{"class":69},[59,3458,272],{"class":65},[59,3460,3461],{"class":1817}," string\n",[59,3463,3464,3467,3469],{"class":61,"line":1908},[59,3465,3466],{"class":69}," imageUrl",[59,3468,272],{"class":65},[59,3470,3461],{"class":1817},[59,3472,3473,3475],{"class":61,"line":1914},[59,3474,2413],{"class":65},[59,3476,3477],{"class":151},"()\n",[59,3479,3480],{"class":61,"line":1919},[59,3481,1784],{"emptyLinePlaceholder":528},[59,3483,3484,3486,3489,3491,3493,3495],{"class":61,"line":1926},[59,3485,3441],{"class":76},[59,3487,3488],{"class":151}," handleTryOn ",[59,3490,80],{"class":65},[59,3492,2239],{"class":65},[59,3494,2176],{"class":76},[59,3496,179],{"class":65},[59,3498,3499,3501,3503,3505,3507,3509,3511,3513,3515],{"class":61,"line":1939},[59,3500,152],{"class":151},[59,3502,155],{"class":65},[59,3504,192],{"class":221},[59,3506,225],{"class":69},[59,3508,253],{"class":65},[59,3510,351],{"class":86},[59,3512,253],{"class":65},[59,3514,261],{"class":65},[59,3516,179],{"class":65},[59,3518,3519,3522,3524,3526,3528,3530],{"class":61,"line":1952},[59,3520,3521],{"class":69}," targetElementId",[59,3523,272],{"class":65},[59,3525,275],{"class":65},[59,3527,333],{"class":86},[59,3529,253],{"class":65},[59,3531,395],{"class":65},[59,3533,3534,3537,3539,3541,3543,3545],{"class":61,"line":1958},[59,3535,3536],{"class":69}," model",[59,3538,272],{"class":65},[59,3540,275],{"class":65},[59,3542,407],{"class":86},[59,3544,253],{"class":65},[59,3546,395],{"class":65},[59,3548,3549,3552,3554],{"class":61,"line":1967},[59,3550,3551],{"class":69}," tryonItems",[59,3553,272],{"class":65},[59,3555,421],{"class":69},[59,3557,3558],{"class":61,"line":1973},[59,3559,3560],{"class":65}," {\n",[59,3562,3563,3566,3568,3571,3573,3575],{"class":61,"line":1979},[59,3564,3565],{"class":69}," productName",[59,3567,272],{"class":65},[59,3569,3570],{"class":151}," props",[59,3572,155],{"class":65},[59,3574,749],{"class":151},[59,3576,395],{"class":65},[59,3578,3579,3582,3584,3586,3588,3591],{"class":61,"line":1985},[59,3580,3581],{"class":69}," url",[59,3583,272],{"class":65},[59,3585,3570],{"class":151},[59,3587,155],{"class":65},[59,3589,3590],{"class":151},"imageUrl",[59,3592,395],{"class":65},[59,3594,3595],{"class":61,"line":1991},[59,3596,3597],{"class":65}," },\n",[59,3599,3600,3603],{"class":61,"line":2017},[59,3601,3602],{"class":69}," ]",[59,3604,395],{"class":65},[59,3606,3607,3609],{"class":61,"line":2023},[59,3608,287],{"class":65},[59,3610,3097],{"class":69},[59,3612,3613],{"class":61,"line":2031},[59,3614,1852],{"class":65},[59,3616,3617,3619,3621],{"class":61,"line":2041},[59,3618,297],{"class":65},[59,3620,114],{"class":69},[59,3622,117],{"class":65},[18,3624,2713],{"id":2712},[14,3626,3627,3628,272],{},"Add to ",[41,3629,3630],{},".env",[50,3632,3634],{"className":2722,"code":3633,"language":2724,"meta":55,"style":55},"VITE_TRY_ON_API_KEY=pk_live_xxx\n",[41,3635,3636],{"__ignoreMap":55},[59,3637,3638,3640,3642],{"class":61,"line":62},[59,3639,3063],{"class":151},[59,3641,80],{"class":65},[59,3643,2735],{"class":86},[512,3645,3646],{},"html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}",{"title":55,"searchDepth":73,"depth":73,"links":3648},[3649,3655,3656],{"id":2769,"depth":73,"text":2770,"children":3650},[3651,3653],{"id":2783,"depth":93,"text":3652},"Option A — Per Page with useHead",{"id":3109,"depth":93,"text":3654},"Option B — Global in nuxt.config.ts",{"id":3311,"depth":73,"text":3312},{"id":2712,"depth":73,"text":2713},"Integrate with a Nuxt 3 \u002F Nuxt 4 app","i-lucide-nut",{},"\u002Fen\u002Fintegrations\u002Fnuxt",{"title":2757,"description":3657},"en\u002Fintegrations\u002Fnuxt","3xlJgokLPj3qTkGk4XWJ2RH_Ar2hK0jHeC6j3_o9shE",{"id":3665,"title":3666,"body":3667,"description":4551,"extension":525,"icon":4552,"meta":4553,"navigation":528,"path":4554,"seo":4555,"stem":4556,"__hash__":4557},"content\u002Fen\u002Fintegrations\u002Freact.md","React",{"type":7,"value":3668,"toc":4546},[3669,3673,3676,3680,3686,3871,3881,3885,4205,4209,4543],[10,3670,3672],{"id":3671},"react-integration","React Integration",[14,3674,3675],{},"Works with any React setup — Vite, Create React App, or custom.",[18,3677,3679],{"id":3678},"_1-load-the-widget-script","1. Load the Widget Script",[14,3681,3682,3683,272],{},"Add the script to your ",[41,3684,3685],{},"index.html",[50,3687,3689],{"className":52,"code":3688,"language":54,"meta":55,"style":55},"\u003C!-- In public\u002Findex.html or index.html (Vite) -->\n\u003Cscript\n src=\"https:\u002F\u002Fwidget.try-on.ru\u002Ffitting-widget-bundle.js\"\n id=\"fitting-widget-bundle\"\n>\u003C\u002Fscript>\n\u003Cscript id=\"fitting-init\">\n window.fitting = window.fitting || function() {\n (window.fitting.q = window.fitting.q || []).push(arguments);\n };\n window.fitting('init', {\n apiKey: '%VITE_TRY_ON_API_KEY%'\n });\n\u003C\u002Fscript>\n",[41,3690,3691,3696,3702,3714,3726,3734,3752,3776,3818,3822,3842,3855,3863],{"__ignoreMap":55},[59,3692,3693],{"class":61,"line":62},[59,3694,3695],{"class":2798},"\u003C!-- In public\u002Findex.html or index.html (Vite) -->\n",[59,3697,3698,3700],{"class":61,"line":73},[59,3699,66],{"class":65},[59,3701,70],{"class":69},[59,3703,3704,3706,3708,3710,3712],{"class":61,"line":93},[59,3705,77],{"class":76},[59,3707,80],{"class":65},[59,3709,83],{"class":65},[59,3711,87],{"class":86},[59,3713,90],{"class":65},[59,3715,3716,3718,3720,3722,3724],{"class":61,"line":108},[59,3717,96],{"class":76},[59,3719,80],{"class":65},[59,3721,83],{"class":65},[59,3723,103],{"class":86},[59,3725,90],{"class":65},[59,3727,3728,3730,3732],{"class":61,"line":242},[59,3729,111],{"class":65},[59,3731,114],{"class":69},[59,3733,117],{"class":65},[59,3735,3736,3738,3740,3742,3744,3746,3748,3750],{"class":61,"line":266},[59,3737,66],{"class":65},[59,3739,114],{"class":69},[59,3741,135],{"class":76},[59,3743,80],{"class":65},[59,3745,83],{"class":65},[59,3747,142],{"class":86},[59,3749,83],{"class":65},[59,3751,117],{"class":65},[59,3753,3754,3756,3758,3760,3762,3764,3766,3768,3770,3772,3774],{"class":61,"line":284},[59,3755,152],{"class":151},[59,3757,155],{"class":65},[59,3759,158],{"class":151},[59,3761,80],{"class":65},[59,3763,163],{"class":151},[59,3765,155],{"class":65},[59,3767,158],{"class":151},[59,3769,170],{"class":65},[59,3771,173],{"class":76},[59,3773,176],{"class":65},[59,3775,179],{"class":65},[59,3777,3778,3780,3782,3784,3786,3788,3790,3792,3794,3796,3798,3800,3802,3804,3806,3808,3810,3812,3814,3816],{"class":61,"line":294},[59,3779,184],{"class":69},[59,3781,187],{"class":151},[59,3783,155],{"class":65},[59,3785,192],{"class":151},[59,3787,155],{"class":65},[59,3789,197],{"class":151},[59,3791,200],{"class":65},[59,3793,163],{"class":151},[59,3795,155],{"class":65},[59,3797,192],{"class":151},[59,3799,155],{"class":65},[59,3801,197],{"class":151},[59,3803,213],{"class":65},[59,3805,216],{"class":69},[59,3807,155],{"class":65},[59,3809,222],{"class":221},[59,3811,225],{"class":69},[59,3813,228],{"class":151},[59,3815,231],{"class":69},[59,3817,234],{"class":65},[59,3819,3820],{"class":61,"line":466},[59,3821,239],{"class":65},[59,3823,3824,3826,3828,3830,3832,3834,3836,3838,3840],{"class":61,"line":474},[59,3825,152],{"class":151},[59,3827,155],{"class":65},[59,3829,192],{"class":221},[59,3831,225],{"class":151},[59,3833,253],{"class":65},[59,3835,256],{"class":86},[59,3837,253],{"class":65},[59,3839,261],{"class":65},[59,3841,179],{"class":65},[59,3843,3844,3846,3848,3850,3853],{"class":61,"line":1894},[59,3845,269],{"class":69},[59,3847,272],{"class":65},[59,3849,275],{"class":65},[59,3851,3852],{"class":86},"%VITE_TRY_ON_API_KEY%",[59,3854,281],{"class":65},[59,3856,3857,3859,3861],{"class":61,"line":1908},[59,3858,287],{"class":65},[59,3860,231],{"class":151},[59,3862,234],{"class":65},[59,3864,3865,3867,3869],{"class":61,"line":1914},[59,3866,297],{"class":65},[59,3868,114],{"class":69},[59,3870,117],{"class":65},[3872,3873,3875],"callout",{"icon":3874},"i-lucide-lightbulb",[14,3876,3877,3878,3880],{},"Replace ",[41,3879,3852],{}," at build time with your actual key, or use a runtime injection approach.",[18,3882,3884],{"id":3883},"_2-create-a-custom-hook","2. Create a Custom Hook",[50,3886,3888],{"className":1754,"code":3887,"language":1756,"meta":55,"style":55},"\u002F\u002F hooks\u002FuseFittingWidget.ts\ninterface TryonItem {\n productName: string;\n url: string;\n productId?: string;\n}\n\ninterface CreateOptions {\n targetElementId: string;\n model?: 'balanced' | 'quality' | 'speed';\n tryonItems: TryonItem[];\n}\n\ndeclare global {\n interface Window {\n fitting: (command: string, options?: unknown) => void;\n }\n}\n\nexport function useFittingWidget() {\n const open = (options: CreateOptions) => {\n window.fitting('create', options);\n };\n\n const close = () => {\n window.fitting('close');\n };\n\n return { open, close };\n}\n",[41,3889,3890,3895,3903,3913,3923,3934,3938,3942,3951,3961,3994,4007,4011,4015,4023,4031,4061,4065,4069,4073,4086,4110,4134,4138,4142,4157,4178,4182,4186,4201],{"__ignoreMap":55},[59,3891,3892],{"class":61,"line":62},[59,3893,3894],{"class":2798},"\u002F\u002F hooks\u002FuseFittingWidget.ts\n",[59,3896,3897,3899,3901],{"class":61,"line":73},[59,3898,2086],{"class":76},[59,3900,2089],{"class":1817},[59,3902,179],{"class":65},[59,3904,3905,3907,3909,3911],{"class":61,"line":93},[59,3906,2096],{"class":69},[59,3908,272],{"class":65},[59,3910,2101],{"class":1817},[59,3912,234],{"class":65},[59,3914,3915,3917,3919,3921],{"class":61,"line":108},[59,3916,2108],{"class":69},[59,3918,272],{"class":65},[59,3920,2101],{"class":1817},[59,3922,234],{"class":65},[59,3924,3925,3928,3930,3932],{"class":61,"line":242},[59,3926,3927],{"class":69}," productId",[59,3929,2168],{"class":65},[59,3931,2101],{"class":1817},[59,3933,234],{"class":65},[59,3935,3936],{"class":61,"line":266},[59,3937,1852],{"class":65},[59,3939,3940],{"class":61,"line":284},[59,3941,1784],{"emptyLinePlaceholder":528},[59,3943,3944,3946,3949],{"class":61,"line":294},[59,3945,2086],{"class":76},[59,3947,3948],{"class":1817}," CreateOptions",[59,3950,179],{"class":65},[59,3952,3953,3955,3957,3959],{"class":61,"line":466},[59,3954,384],{"class":69},[59,3956,272],{"class":65},[59,3958,2101],{"class":1817},[59,3960,234],{"class":65},[59,3962,3963,3965,3967,3969,3971,3973,3976,3978,3981,3983,3985,3987,3990,3992],{"class":61,"line":474},[59,3964,400],{"class":69},[59,3966,2168],{"class":65},[59,3968,275],{"class":65},[59,3970,407],{"class":86},[59,3972,253],{"class":65},[59,3974,3975],{"class":65}," |",[59,3977,275],{"class":65},[59,3979,3980],{"class":86},"quality",[59,3982,253],{"class":65},[59,3984,3975],{"class":65},[59,3986,275],{"class":65},[59,3988,3989],{"class":86},"speed",[59,3991,253],{"class":65},[59,3993,234],{"class":65},[59,3995,3996,3998,4000,4002,4005],{"class":61,"line":1894},[59,3997,416],{"class":69},[59,3999,272],{"class":65},[59,4001,2089],{"class":1817},[59,4003,4004],{"class":151},"[]",[59,4006,234],{"class":65},[59,4008,4009],{"class":61,"line":1908},[59,4010,1852],{"class":65},[59,4012,4013],{"class":61,"line":1914},[59,4014,1784],{"emptyLinePlaceholder":528},[59,4016,4017,4019,4021],{"class":61,"line":1919},[59,4018,2127],{"class":76},[59,4020,2130],{"class":151},[59,4022,2133],{"class":65},[59,4024,4025,4027,4029],{"class":61,"line":1926},[59,4026,2138],{"class":76},[59,4028,2141],{"class":1817},[59,4030,179],{"class":65},[59,4032,4033,4035,4037,4039,4041,4043,4045,4047,4049,4051,4053,4055,4057,4059],{"class":61,"line":1939},[59,4034,2148],{"class":69},[59,4036,272],{"class":65},[59,4038,2153],{"class":65},[59,4040,2156],{"class":1803},[59,4042,272],{"class":65},[59,4044,2101],{"class":1817},[59,4046,261],{"class":65},[59,4048,2165],{"class":1803},[59,4050,2168],{"class":65},[59,4052,2171],{"class":1817},[59,4054,231],{"class":65},[59,4056,2176],{"class":76},[59,4058,2179],{"class":1817},[59,4060,234],{"class":65},[59,4062,4063],{"class":61,"line":1952},[59,4064,2186],{"class":65},[59,4066,4067],{"class":61,"line":1958},[59,4068,1852],{"class":65},[59,4070,4071],{"class":61,"line":1967},[59,4072,1784],{"emptyLinePlaceholder":528},[59,4074,4075,4077,4079,4082,4084],{"class":61,"line":1973},[59,4076,1789],{"class":1763},[59,4078,173],{"class":76},[59,4080,4081],{"class":221}," useFittingWidget",[59,4083,176],{"class":65},[59,4085,179],{"class":65},[59,4087,4088,4090,4093,4095,4097,4100,4102,4104,4106,4108],{"class":61,"line":1979},[59,4089,2231],{"class":76},[59,4091,4092],{"class":151}," open",[59,4094,200],{"class":65},[59,4096,2153],{"class":65},[59,4098,4099],{"class":1803},"options",[59,4101,272],{"class":65},[59,4103,3948],{"class":1817},[59,4105,231],{"class":65},[59,4107,2176],{"class":76},[59,4109,179],{"class":65},[59,4111,4112,4114,4116,4118,4120,4122,4124,4126,4128,4130,4132],{"class":61,"line":1985},[59,4113,2248],{"class":151},[59,4115,155],{"class":65},[59,4117,192],{"class":221},[59,4119,225],{"class":69},[59,4121,253],{"class":65},[59,4123,351],{"class":86},[59,4125,253],{"class":65},[59,4127,261],{"class":65},[59,4129,2165],{"class":151},[59,4131,231],{"class":69},[59,4133,234],{"class":65},[59,4135,4136],{"class":61,"line":1991},[59,4137,239],{"class":65},[59,4139,4140],{"class":61,"line":2017},[59,4141,1784],{"emptyLinePlaceholder":528},[59,4143,4144,4146,4149,4151,4153,4155],{"class":61,"line":2023},[59,4145,2231],{"class":76},[59,4147,4148],{"class":151}," close",[59,4150,200],{"class":65},[59,4152,2239],{"class":65},[59,4154,2176],{"class":76},[59,4156,179],{"class":65},[59,4158,4159,4161,4163,4165,4167,4169,4172,4174,4176],{"class":61,"line":2031},[59,4160,2248],{"class":151},[59,4162,155],{"class":65},[59,4164,192],{"class":221},[59,4166,225],{"class":69},[59,4168,253],{"class":65},[59,4170,4171],{"class":86},"close",[59,4173,253],{"class":65},[59,4175,231],{"class":69},[59,4177,234],{"class":65},[59,4179,4180],{"class":61,"line":2041},[59,4181,239],{"class":65},[59,4183,4184],{"class":61,"line":2047},[59,4185,1784],{"emptyLinePlaceholder":528},[59,4187,4188,4190,4192,4194,4196,4198],{"class":61,"line":2055},[59,4189,1833],{"class":1763},[59,4191,1810],{"class":65},[59,4193,4092],{"class":151},[59,4195,261],{"class":65},[59,4197,4148],{"class":151},[59,4199,4200],{"class":65}," };\n",[59,4202,4203],{"class":61,"line":3092},[59,4204,1852],{"class":65},[18,4206,4208],{"id":4207},"_3-use-in-a-component","3. Use in a Component",[50,4210,4212],{"className":1754,"code":4211,"language":1756,"meta":55,"style":55},"\u002F\u002F components\u002FTryOnWidget.tsx\nimport { useFittingWidget } from '..\u002Fhooks\u002FuseFittingWidget';\n\ninterface Props {\n productName: string;\n imageUrl: string;\n}\n\nexport function TryOnWidget({ productName, imageUrl }: Props) {\n const { open } = useFittingWidget();\n\n return (\n \u003Cdiv>\n \u003Cdiv\n id=\"widget-container\"\n style={{ width: '100%', maxWidth: 600, aspectRatio: '3\u002F4' }}\n \u002F>\n \u003Cbutton\n onClick={() =>\n open({\n targetElementId: 'widget-container',\n model: 'balanced',\n tryonItems: [{ productName, url: imageUrl }],\n })\n }\n >\n Try On\n \u003C\u002Fbutton>\n \u003C\u002Fdiv>\n );\n}\n",[41,4213,4214,4219,4240,4244,4253,4263,4273,4277,4281,4308,4326,4330,4336,4344,4351,4363,4403,4407,4414,4425,4434,4449,4464,4496,4503,4508,4512,4517,4525,4533,4539],{"__ignoreMap":55},[59,4215,4216],{"class":61,"line":62},[59,4217,4218],{"class":2798},"\u002F\u002F components\u002FTryOnWidget.tsx\n",[59,4220,4221,4223,4225,4227,4229,4231,4233,4236,4238],{"class":61,"line":73},[59,4222,1764],{"class":1763},[59,4224,1810],{"class":65},[59,4226,4081],{"class":151},[59,4228,2456],{"class":65},[59,4230,2459],{"class":1763},[59,4232,275],{"class":65},[59,4234,4235],{"class":86},"..\u002Fhooks\u002FuseFittingWidget",[59,4237,253],{"class":65},[59,4239,234],{"class":65},[59,4241,4242],{"class":61,"line":93},[59,4243,1784],{"emptyLinePlaceholder":528},[59,4245,4246,4248,4251],{"class":61,"line":108},[59,4247,2086],{"class":76},[59,4249,4250],{"class":1817}," Props",[59,4252,179],{"class":65},[59,4254,4255,4257,4259,4261],{"class":61,"line":242},[59,4256,2096],{"class":69},[59,4258,272],{"class":65},[59,4260,2101],{"class":1817},[59,4262,234],{"class":65},[59,4264,4265,4267,4269,4271],{"class":61,"line":266},[59,4266,3466],{"class":69},[59,4268,272],{"class":65},[59,4270,2101],{"class":1817},[59,4272,234],{"class":65},[59,4274,4275],{"class":61,"line":284},[59,4276,1852],{"class":65},[59,4278,4279],{"class":61,"line":294},[59,4280,1784],{"emptyLinePlaceholder":528},[59,4282,4283,4285,4287,4290,4292,4295,4297,4300,4302,4304,4306],{"class":61,"line":466},[59,4284,1789],{"class":1763},[59,4286,173],{"class":76},[59,4288,4289],{"class":221}," TryOnWidget",[59,4291,1800],{"class":65},[59,4293,4294],{"class":1803}," productName",[59,4296,261],{"class":65},[59,4298,4299],{"class":1803}," imageUrl",[59,4301,1807],{"class":65},[59,4303,4250],{"class":1817},[59,4305,231],{"class":65},[59,4307,179],{"class":65},[59,4309,4310,4312,4314,4316,4318,4320,4322,4324],{"class":61,"line":474},[59,4311,2231],{"class":76},[59,4313,1810],{"class":65},[59,4315,4092],{"class":151},[59,4317,2456],{"class":65},[59,4319,200],{"class":65},[59,4321,4081],{"class":221},[59,4323,176],{"class":69},[59,4325,234],{"class":65},[59,4327,4328],{"class":61,"line":1894},[59,4329,1784],{"emptyLinePlaceholder":528},[59,4331,4332,4334],{"class":61,"line":1908},[59,4333,1833],{"class":1763},[59,4335,1836],{"class":69},[59,4337,4338,4340,4342],{"class":61,"line":1914},[59,4339,2558],{"class":65},[59,4341,324],{"class":69},[59,4343,117],{"class":65},[59,4345,4346,4348],{"class":61,"line":1919},[59,4347,1861],{"class":65},[59,4349,4350],{"class":69},"div\n",[59,4352,4353,4355,4357,4359,4361],{"class":61,"line":1926},[59,4354,1897],{"class":76},[59,4356,80],{"class":65},[59,4358,83],{"class":65},[59,4360,333],{"class":86},[59,4362,90],{"class":65},[59,4364,4365,4368,4370,4372,4374,4376,4378,4380,4382,4384,4386,4388,4390,4392,4394,4396,4398,4400],{"class":61,"line":1939},[59,4366,4367],{"class":76}," style",[59,4369,2354],{"class":65},[59,4371,2357],{"class":69},[59,4373,272],{"class":65},[59,4375,275],{"class":65},[59,4377,2364],{"class":86},[59,4379,253],{"class":65},[59,4381,261],{"class":65},[59,4383,2371],{"class":69},[59,4385,272],{"class":65},[59,4387,2377],{"class":2376},[59,4389,261],{"class":65},[59,4391,2382],{"class":69},[59,4393,272],{"class":65},[59,4395,275],{"class":65},[59,4397,2389],{"class":86},[59,4399,253],{"class":65},[59,4401,4402],{"class":65}," }}\n",[59,4404,4405],{"class":61,"line":1952},[59,4406,1911],{"class":65},[59,4408,4409,4411],{"class":61,"line":1958},[59,4410,1861],{"class":65},[59,4412,4413],{"class":69},"button\n",[59,4415,4416,4419,4422],{"class":61,"line":1967},[59,4417,4418],{"class":76}," onClick",[59,4420,4421],{"class":65},"={()",[59,4423,4424],{"class":76}," =>\n",[59,4426,4427,4430,4432],{"class":61,"line":1973},[59,4428,4429],{"class":221}," open",[59,4431,225],{"class":151},[59,4433,2133],{"class":65},[59,4435,4436,4439,4441,4443,4445,4447],{"class":61,"line":1979},[59,4437,4438],{"class":69}," targetElementId",[59,4440,272],{"class":65},[59,4442,275],{"class":65},[59,4444,333],{"class":86},[59,4446,253],{"class":65},[59,4448,395],{"class":65},[59,4450,4451,4454,4456,4458,4460,4462],{"class":61,"line":1985},[59,4452,4453],{"class":69}," model",[59,4455,272],{"class":65},[59,4457,275],{"class":65},[59,4459,407],{"class":86},[59,4461,253],{"class":65},[59,4463,395],{"class":65},[59,4465,4466,4469,4471,4474,4477,4479,4481,4484,4486,4489,4491,4494],{"class":61,"line":1991},[59,4467,4468],{"class":69}," tryonItems",[59,4470,272],{"class":65},[59,4472,4473],{"class":151}," [",[59,4475,4476],{"class":65},"{",[59,4478,4294],{"class":151},[59,4480,261],{"class":65},[59,4482,4483],{"class":69}," url",[59,4485,272],{"class":65},[59,4487,4488],{"class":151}," imageUrl ",[59,4490,477],{"class":65},[59,4492,4493],{"class":151},"]",[59,4495,395],{"class":65},[59,4497,4498,4501],{"class":61,"line":2017},[59,4499,4500],{"class":65}," }",[59,4502,3097],{"class":151},[59,4504,4505],{"class":61,"line":2023},[59,4506,4507],{"class":65}," }\n",[59,4509,4510],{"class":61,"line":2031},[59,4511,1955],{"class":65},[59,4513,4514],{"class":61,"line":2041},[59,4515,4516],{"class":151}," Try On\n",[59,4518,4519,4521,4523],{"class":61,"line":2047},[59,4520,2034],{"class":65},[59,4522,2401],{"class":69},[59,4524,117],{"class":65},[59,4526,4527,4529,4531],{"class":61,"line":2055},[59,4528,2695],{"class":65},[59,4530,324],{"class":69},[59,4532,117],{"class":65},[59,4534,4535,4537],{"class":61,"line":3092},[59,4536,2050],{"class":69},[59,4538,234],{"class":65},[59,4540,4541],{"class":61,"line":3100},[59,4542,1852],{"class":65},[512,4544,4545],{},"html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}",{"title":55,"searchDepth":73,"depth":73,"links":4547},[4548,4549,4550],{"id":3678,"depth":73,"text":3679},{"id":3883,"depth":73,"text":3884},{"id":4207,"depth":73,"text":4208},"Integrate with a React (Vite \u002F CRA) app","i-lucide-react",{},"\u002Fen\u002Fintegrations\u002Freact",{"title":3666,"description":4551},"en\u002Fintegrations\u002Freact","pb3AGE_nU_OjJFKOaRsB1vUMbyzjRuGZlTgplr5i71Q",{"id":4559,"title":4560,"body":4561,"description":5231,"extension":525,"icon":5232,"meta":5233,"navigation":528,"path":5234,"seo":5235,"stem":5236,"__hash__":5237},"content\u002Fen\u002Fintegrations\u002Fvanilla-js.md","Vanilla JS",{"type":7,"value":4562,"toc":5227},[4563,4567,4570,4574,5201,5205,5224],[10,4564,4566],{"id":4565},"vanilla-js-integration","Vanilla JS Integration",[14,4568,4569],{},"No framework needed — just HTML and JavaScript.",[18,4571,4573],{"id":4572},"full-example","Full Example",[50,4575,4577],{"className":52,"code":4576,"language":54,"meta":55,"style":55},"\u003C!DOCTYPE html>\n\u003Chtml lang=\"en\">\n\u003Chead>\n \u003Cmeta charset=\"UTF-8\" \u002F>\n \u003Cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \u002F>\n \u003Ctitle>Product Page — Virtual Try-On\u003C\u002Ftitle>\n\u003C\u002Fhead>\n\u003Cbody>\n\n \u003Ch1>Classic Denim Jacket\u003C\u002Fh1>\n \u003Cp>$89.00\u003C\u002Fp>\n\n \u003C!-- Widget container -->\n \u003Cdiv id=\"widget-container\" style=\"width: 100%; max-width: 600px; aspect-ratio: 3 \u002F 4;\">\u003C\u002Fdiv>\n\n \u003Cbutton onclick=\"openWidget()\">Try On\u003C\u002Fbutton>\n\n \u003C!-- 1. Load the widget bundle -->\n \u003Cscript\n src=\"https:\u002F\u002Fwidget.try-on.ru\u002Ffitting-widget-bundle.js\"\n id=\"fitting-widget-bundle\"\n >\u003C\u002Fscript>\n\n \u003C!-- 2. Initialize -->\n \u003Cscript id=\"fitting-init\">\n window.fitting = window.fitting || function() {\n (window.fitting.q = window.fitting.q || []).push(arguments);\n };\n window.fitting('init', {\n apiKey: 'YOUR_API_KEY'\n });\n \u003C\u002Fscript>\n\n \u003Cscript>\n function openWidget() {\n window.fitting('create', {\n targetElementId: 'widget-container',\n model: 'balanced',\n tryonItems: [\n {\n productName: 'Classic Denim Jacket',\n url: 'https:\u002F\u002Fexample.com\u002Fimages\u002Fjacket.jpg',\n },\n ],\n });\n }\n \u003C\u002Fscript>\n\u003C\u002Fbody>\n\u003C\u002Fhtml>\n",[41,4578,4579,4592,4611,4620,4640,4672,4690,4698,4707,4711,4727,4744,4748,4753,4786,4790,4820,4824,4829,4835,4848,4861,4870,4874,4879,4897,4921,4964,4969,4989,5002,5010,5019,5024,5033,5046,5068,5084,5100,5110,5115,5130,5146,5151,5158,5168,5174,5183,5192],{"__ignoreMap":55},[59,4580,4581,4584,4587,4590],{"class":61,"line":62},[59,4582,4583],{"class":65},"\u003C!",[59,4585,4586],{"class":69},"DOCTYPE",[59,4588,4589],{"class":76}," html",[59,4591,117],{"class":65},[59,4593,4594,4596,4598,4600,4602,4604,4607,4609],{"class":61,"line":73},[59,4595,66],{"class":65},[59,4597,54],{"class":69},[59,4599,2902],{"class":76},[59,4601,80],{"class":65},[59,4603,83],{"class":65},[59,4605,4606],{"class":86},"en",[59,4608,83],{"class":65},[59,4610,117],{"class":65},[59,4612,4613,4615,4618],{"class":61,"line":93},[59,4614,66],{"class":65},[59,4616,4617],{"class":69},"head",[59,4619,117],{"class":65},[59,4621,4622,4624,4626,4629,4631,4633,4636,4638],{"class":61,"line":108},[59,4623,2813],{"class":65},[59,4625,3054],{"class":69},[59,4627,4628],{"class":76}," charset",[59,4630,80],{"class":65},[59,4632,83],{"class":65},[59,4634,4635],{"class":86},"UTF-8",[59,4637,83],{"class":65},[59,4639,2869],{"class":65},[59,4641,4642,4644,4646,4649,4651,4653,4656,4658,4661,4663,4665,4668,4670],{"class":61,"line":242},[59,4643,2813],{"class":65},[59,4645,3054],{"class":69},[59,4647,4648],{"class":76}," name",[59,4650,80],{"class":65},[59,4652,83],{"class":65},[59,4654,4655],{"class":86},"viewport",[59,4657,83],{"class":65},[59,4659,4660],{"class":76}," content",[59,4662,80],{"class":65},[59,4664,83],{"class":65},[59,4666,4667],{"class":86},"width=device-width, initial-scale=1.0",[59,4669,83],{"class":65},[59,4671,2869],{"class":65},[59,4673,4674,4676,4679,4681,4684,4686,4688],{"class":61,"line":266},[59,4675,2813],{"class":65},[59,4677,4678],{"class":69},"title",[59,4680,2826],{"class":65},[59,4682,4683],{"class":151},"Product Page — Virtual Try-On",[59,4685,297],{"class":65},[59,4687,4678],{"class":69},[59,4689,117],{"class":65},[59,4691,4692,4694,4696],{"class":61,"line":284},[59,4693,297],{"class":65},[59,4695,4617],{"class":69},[59,4697,117],{"class":65},[59,4699,4700,4702,4705],{"class":61,"line":294},[59,4701,66],{"class":65},[59,4703,4704],{"class":69},"body",[59,4706,117],{"class":65},[59,4708,4709],{"class":61,"line":466},[59,4710,1784],{"emptyLinePlaceholder":528},[59,4712,4713,4715,4717,4719,4721,4723,4725],{"class":61,"line":474},[59,4714,2813],{"class":65},[59,4716,10],{"class":69},[59,4718,2826],{"class":65},[59,4720,438],{"class":151},[59,4722,297],{"class":65},[59,4724,10],{"class":69},[59,4726,117],{"class":65},[59,4728,4729,4731,4733,4735,4738,4740,4742],{"class":61,"line":1894},[59,4730,2813],{"class":65},[59,4732,14],{"class":69},[59,4734,2826],{"class":65},[59,4736,4737],{"class":151},"$89.00",[59,4739,297],{"class":65},[59,4741,14],{"class":69},[59,4743,117],{"class":65},[59,4745,4746],{"class":61,"line":1908},[59,4747,1784],{"emptyLinePlaceholder":528},[59,4749,4750],{"class":61,"line":1914},[59,4751,4752],{"class":2798}," \u003C!-- Widget container -->\n",[59,4754,4755,4757,4759,4761,4763,4765,4767,4769,4771,4773,4775,4778,4780,4782,4784],{"class":61,"line":1919},[59,4756,2813],{"class":65},[59,4758,324],{"class":69},[59,4760,135],{"class":76},[59,4762,80],{"class":65},[59,4764,83],{"class":65},[59,4766,333],{"class":86},[59,4768,83],{"class":65},[59,4770,2351],{"class":76},[59,4772,80],{"class":65},[59,4774,83],{"class":65},[59,4776,4777],{"class":86},"width: 100%; max-width: 600px; aspect-ratio: 3 \u002F 4;",[59,4779,83],{"class":65},[59,4781,111],{"class":65},[59,4783,324],{"class":69},[59,4785,117],{"class":65},[59,4787,4788],{"class":61,"line":1926},[59,4789,1784],{"emptyLinePlaceholder":528},[59,4791,4792,4794,4796,4799,4801,4803,4806,4808,4810,4812,4814,4816,4818],{"class":61,"line":1939},[59,4793,2813],{"class":65},[59,4795,2401],{"class":69},[59,4797,4798],{"class":76}," onclick",[59,4800,80],{"class":65},[59,4802,83],{"class":65},[59,4804,4805],{"class":221},"openWidget",[59,4807,176],{"class":86},[59,4809,83],{"class":65},[59,4811,2826],{"class":65},[59,4813,2416],{"class":151},[59,4815,297],{"class":65},[59,4817,2401],{"class":69},[59,4819,117],{"class":65},[59,4821,4822],{"class":61,"line":1952},[59,4823,1784],{"emptyLinePlaceholder":528},[59,4825,4826],{"class":61,"line":1958},[59,4827,4828],{"class":2798}," \u003C!-- 1. Load the widget bundle -->\n",[59,4830,4831,4833],{"class":61,"line":1967},[59,4832,2813],{"class":65},[59,4834,70],{"class":69},[59,4836,4837,4840,4842,4844,4846],{"class":61,"line":1973},[59,4838,4839],{"class":76}," src",[59,4841,80],{"class":65},[59,4843,83],{"class":65},[59,4845,87],{"class":86},[59,4847,90],{"class":65},[59,4849,4850,4853,4855,4857,4859],{"class":61,"line":1979},[59,4851,4852],{"class":76}," id",[59,4854,80],{"class":65},[59,4856,83],{"class":65},[59,4858,103],{"class":86},[59,4860,90],{"class":65},[59,4862,4863,4866,4868],{"class":61,"line":1985},[59,4864,4865],{"class":65}," >\u003C\u002F",[59,4867,114],{"class":69},[59,4869,117],{"class":65},[59,4871,4872],{"class":61,"line":1991},[59,4873,1784],{"emptyLinePlaceholder":528},[59,4875,4876],{"class":61,"line":2017},[59,4877,4878],{"class":2798}," \u003C!-- 2. Initialize -->\n",[59,4880,4881,4883,4885,4887,4889,4891,4893,4895],{"class":61,"line":2023},[59,4882,2813],{"class":65},[59,4884,114],{"class":69},[59,4886,135],{"class":76},[59,4888,80],{"class":65},[59,4890,83],{"class":65},[59,4892,142],{"class":86},[59,4894,83],{"class":65},[59,4896,117],{"class":65},[59,4898,4899,4901,4903,4905,4907,4909,4911,4913,4915,4917,4919],{"class":61,"line":2031},[59,4900,2248],{"class":151},[59,4902,155],{"class":65},[59,4904,158],{"class":151},[59,4906,80],{"class":65},[59,4908,163],{"class":151},[59,4910,155],{"class":65},[59,4912,158],{"class":151},[59,4914,170],{"class":65},[59,4916,173],{"class":76},[59,4918,176],{"class":65},[59,4920,179],{"class":65},[59,4922,4923,4926,4928,4930,4932,4934,4936,4938,4940,4942,4944,4946,4948,4950,4952,4954,4956,4958,4960,4962],{"class":61,"line":2041},[59,4924,4925],{"class":69}," (",[59,4927,187],{"class":151},[59,4929,155],{"class":65},[59,4931,192],{"class":151},[59,4933,155],{"class":65},[59,4935,197],{"class":151},[59,4937,200],{"class":65},[59,4939,163],{"class":151},[59,4941,155],{"class":65},[59,4943,192],{"class":151},[59,4945,155],{"class":65},[59,4947,197],{"class":151},[59,4949,213],{"class":65},[59,4951,216],{"class":69},[59,4953,155],{"class":65},[59,4955,222],{"class":221},[59,4957,225],{"class":69},[59,4959,228],{"class":151},[59,4961,231],{"class":69},[59,4963,234],{"class":65},[59,4965,4966],{"class":61,"line":2047},[59,4967,4968],{"class":65}," };\n",[59,4970,4971,4973,4975,4977,4979,4981,4983,4985,4987],{"class":61,"line":2055},[59,4972,2248],{"class":151},[59,4974,155],{"class":65},[59,4976,192],{"class":221},[59,4978,225],{"class":151},[59,4980,253],{"class":65},[59,4982,256],{"class":86},[59,4984,253],{"class":65},[59,4986,261],{"class":65},[59,4988,179],{"class":65},[59,4990,4991,4994,4996,4998,5000],{"class":61,"line":3092},[59,4992,4993],{"class":69}," apiKey",[59,4995,272],{"class":65},[59,4997,275],{"class":65},[59,4999,278],{"class":86},[59,5001,281],{"class":65},[59,5003,5004,5006,5008],{"class":61,"line":3100},[59,5005,2310],{"class":65},[59,5007,231],{"class":151},[59,5009,234],{"class":65},[59,5011,5013,5015,5017],{"class":61,"line":5012},32,[59,5014,2874],{"class":65},[59,5016,114],{"class":69},[59,5018,117],{"class":65},[59,5020,5022],{"class":61,"line":5021},33,[59,5023,1784],{"emptyLinePlaceholder":528},[59,5025,5027,5029,5031],{"class":61,"line":5026},34,[59,5028,2813],{"class":65},[59,5030,114],{"class":69},[59,5032,117],{"class":65},[59,5034,5036,5039,5042,5044],{"class":61,"line":5035},35,[59,5037,5038],{"class":76}," function",[59,5040,5041],{"class":221}," openWidget",[59,5043,176],{"class":65},[59,5045,179],{"class":65},[59,5047,5049,5052,5054,5056,5058,5060,5062,5064,5066],{"class":61,"line":5048},36,[59,5050,5051],{"class":151}," window",[59,5053,155],{"class":65},[59,5055,192],{"class":221},[59,5057,225],{"class":69},[59,5059,253],{"class":65},[59,5061,351],{"class":86},[59,5063,253],{"class":65},[59,5065,261],{"class":65},[59,5067,179],{"class":65},[59,5069,5071,5074,5076,5078,5080,5082],{"class":61,"line":5070},37,[59,5072,5073],{"class":69}," targetElementId",[59,5075,272],{"class":65},[59,5077,275],{"class":65},[59,5079,333],{"class":86},[59,5081,253],{"class":65},[59,5083,395],{"class":65},[59,5085,5087,5090,5092,5094,5096,5098],{"class":61,"line":5086},38,[59,5088,5089],{"class":69}," model",[59,5091,272],{"class":65},[59,5093,275],{"class":65},[59,5095,407],{"class":86},[59,5097,253],{"class":65},[59,5099,395],{"class":65},[59,5101,5103,5106,5108],{"class":61,"line":5102},39,[59,5104,5105],{"class":69}," tryonItems",[59,5107,272],{"class":65},[59,5109,421],{"class":69},[59,5111,5113],{"class":61,"line":5112},40,[59,5114,2644],{"class":65},[59,5116,5118,5120,5122,5124,5126,5128],{"class":61,"line":5117},41,[59,5119,2649],{"class":69},[59,5121,272],{"class":65},[59,5123,275],{"class":65},[59,5125,438],{"class":86},[59,5127,253],{"class":65},[59,5129,395],{"class":65},[59,5131,5133,5135,5137,5139,5142,5144],{"class":61,"line":5132},42,[59,5134,2664],{"class":69},[59,5136,272],{"class":65},[59,5138,275],{"class":65},[59,5140,5141],{"class":86},"https:\u002F\u002Fexample.com\u002Fimages\u002Fjacket.jpg",[59,5143,253],{"class":65},[59,5145,395],{"class":65},[59,5147,5149],{"class":61,"line":5148},43,[59,5150,2679],{"class":65},[59,5152,5154,5156],{"class":61,"line":5153},44,[59,5155,2684],{"class":69},[59,5157,395],{"class":65},[59,5159,5161,5164,5166],{"class":61,"line":5160},45,[59,5162,5163],{"class":65}," }",[59,5165,231],{"class":69},[59,5167,234],{"class":65},[59,5169,5171],{"class":61,"line":5170},46,[59,5172,5173],{"class":65}," }\n",[59,5175,5177,5179,5181],{"class":61,"line":5176},47,[59,5178,2874],{"class":65},[59,5180,114],{"class":69},[59,5182,117],{"class":65},[59,5184,5186,5188,5190],{"class":61,"line":5185},48,[59,5187,297],{"class":65},[59,5189,4704],{"class":69},[59,5191,117],{"class":65},[59,5193,5195,5197,5199],{"class":61,"line":5194},49,[59,5196,297],{"class":65},[59,5198,54],{"class":69},[59,5200,117],{"class":65},[18,5202,5204],{"id":5203},"key-points","Key Points",[494,5206,5207,5210,5219],{},[497,5208,5209],{},"Load the bundle script first.",[497,5211,5212,5213,5216,5217,155],{},"Initialize with ",[41,5214,5215],{},"window.fitting('init', { apiKey })"," before calling ",[41,5218,351],{},[497,5220,1628,5221,5223],{},[41,5222,675],{}," must match an existing element on the page.",[512,5225,5226],{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":55,"searchDepth":73,"depth":73,"links":5228},[5229,5230],{"id":4572,"depth":73,"text":4573},{"id":5203,"depth":73,"text":5204},"Integrate with plain HTML\u002FJavaScript","i-lucide-file-code",{},"\u002Fen\u002Fintegrations\u002Fvanilla-js",{"title":4560,"description":5231},"en\u002Fintegrations\u002Fvanilla-js","Ts8msIFer-tIlPDRwRbkNZSpWu0JrTJP8uMKqB57tJQ",{"id":5239,"title":5240,"body":5241,"description":6086,"extension":525,"icon":6087,"meta":6088,"navigation":528,"path":6089,"seo":6090,"stem":6091,"__hash__":6092},"content\u002Fen\u002Fintegrations\u002Fvue.md","Vue 3",{"type":7,"value":5242,"toc":6081},[5243,5247,5250,5252,5257,5436,5440,5738,5742,6078],[10,5244,5246],{"id":5245},"vue-3-integration","Vue 3 Integration",[14,5248,5249],{},"Works with Vue 3 + Vite or any Vue 3 setup.",[18,5251,3679],{"id":3678},[14,5253,5254,5255,272],{},"In ",[41,5256,3685],{},[50,5258,5260],{"className":52,"code":5259,"language":54,"meta":55,"style":55},"\u003Cscript\n src=\"https:\u002F\u002Fwidget.try-on.ru\u002Ffitting-widget-bundle.js\"\n id=\"fitting-widget-bundle\"\n>\u003C\u002Fscript>\n\u003Cscript id=\"fitting-init\">\n window.fitting = window.fitting || function() {\n (window.fitting.q = window.fitting.q || []).push(arguments);\n };\n window.fitting('init', {\n apiKey: 'YOUR_API_KEY'\n });\n\u003C\u002Fscript>\n",[41,5261,5262,5268,5280,5292,5300,5318,5342,5384,5388,5408,5420,5428],{"__ignoreMap":55},[59,5263,5264,5266],{"class":61,"line":62},[59,5265,66],{"class":65},[59,5267,70],{"class":69},[59,5269,5270,5272,5274,5276,5278],{"class":61,"line":73},[59,5271,77],{"class":76},[59,5273,80],{"class":65},[59,5275,83],{"class":65},[59,5277,87],{"class":86},[59,5279,90],{"class":65},[59,5281,5282,5284,5286,5288,5290],{"class":61,"line":93},[59,5283,96],{"class":76},[59,5285,80],{"class":65},[59,5287,83],{"class":65},[59,5289,103],{"class":86},[59,5291,90],{"class":65},[59,5293,5294,5296,5298],{"class":61,"line":108},[59,5295,111],{"class":65},[59,5297,114],{"class":69},[59,5299,117],{"class":65},[59,5301,5302,5304,5306,5308,5310,5312,5314,5316],{"class":61,"line":242},[59,5303,66],{"class":65},[59,5305,114],{"class":69},[59,5307,135],{"class":76},[59,5309,80],{"class":65},[59,5311,83],{"class":65},[59,5313,142],{"class":86},[59,5315,83],{"class":65},[59,5317,117],{"class":65},[59,5319,5320,5322,5324,5326,5328,5330,5332,5334,5336,5338,5340],{"class":61,"line":266},[59,5321,152],{"class":151},[59,5323,155],{"class":65},[59,5325,158],{"class":151},[59,5327,80],{"class":65},[59,5329,163],{"class":151},[59,5331,155],{"class":65},[59,5333,158],{"class":151},[59,5335,170],{"class":65},[59,5337,173],{"class":76},[59,5339,176],{"class":65},[59,5341,179],{"class":65},[59,5343,5344,5346,5348,5350,5352,5354,5356,5358,5360,5362,5364,5366,5368,5370,5372,5374,5376,5378,5380,5382],{"class":61,"line":284},[59,5345,184],{"class":69},[59,5347,187],{"class":151},[59,5349,155],{"class":65},[59,5351,192],{"class":151},[59,5353,155],{"class":65},[59,5355,197],{"class":151},[59,5357,200],{"class":65},[59,5359,163],{"class":151},[59,5361,155],{"class":65},[59,5363,192],{"class":151},[59,5365,155],{"class":65},[59,5367,197],{"class":151},[59,5369,213],{"class":65},[59,5371,216],{"class":69},[59,5373,155],{"class":65},[59,5375,222],{"class":221},[59,5377,225],{"class":69},[59,5379,228],{"class":151},[59,5381,231],{"class":69},[59,5383,234],{"class":65},[59,5385,5386],{"class":61,"line":294},[59,5387,239],{"class":65},[59,5389,5390,5392,5394,5396,5398,5400,5402,5404,5406],{"class":61,"line":466},[59,5391,152],{"class":151},[59,5393,155],{"class":65},[59,5395,192],{"class":221},[59,5397,225],{"class":151},[59,5399,253],{"class":65},[59,5401,256],{"class":86},[59,5403,253],{"class":65},[59,5405,261],{"class":65},[59,5407,179],{"class":65},[59,5409,5410,5412,5414,5416,5418],{"class":61,"line":474},[59,5411,269],{"class":69},[59,5413,272],{"class":65},[59,5415,275],{"class":65},[59,5417,278],{"class":86},[59,5419,281],{"class":65},[59,5421,5422,5424,5426],{"class":61,"line":1894},[59,5423,287],{"class":65},[59,5425,231],{"class":151},[59,5427,234],{"class":65},[59,5429,5430,5432,5434],{"class":61,"line":1908},[59,5431,297],{"class":65},[59,5433,114],{"class":69},[59,5435,117],{"class":65},[18,5437,5439],{"id":5438},"_2-create-a-composable","2. Create a Composable",[50,5441,5443],{"className":3115,"code":5442,"language":2909,"meta":55,"style":55},"\u002F\u002F composables\u002FuseFittingWidget.ts\nexport interface TryonItem {\n productName: string\n url: string\n productId?: string\n}\n\nexport interface CreateOptions {\n targetElementId: string\n model?: 'balanced' | 'quality' | 'speed'\n tryonItems: TryonItem[]\n}\n\ndeclare global {\n interface Window {\n fitting: (command: string, options?: unknown) => void\n }\n}\n\nexport function useFittingWidget() {\n const open = (options: CreateOptions) => {\n window.fitting('create', options)\n }\n\n const close = () => {\n window.fitting('close')\n }\n\n return { open, close }\n}\n",[41,5444,5445,5450,5461,5469,5477,5485,5489,5493,5503,5511,5539,5550,5554,5558,5566,5574,5603,5607,5611,5615,5627,5649,5671,5675,5679,5693,5711,5715,5719,5734],{"__ignoreMap":55},[59,5446,5447],{"class":61,"line":62},[59,5448,5449],{"class":2798},"\u002F\u002F composables\u002FuseFittingWidget.ts\n",[59,5451,5452,5454,5457,5459],{"class":61,"line":73},[59,5453,1789],{"class":1763},[59,5455,5456],{"class":76}," interface",[59,5458,2089],{"class":1817},[59,5460,179],{"class":65},[59,5462,5463,5465,5467],{"class":61,"line":93},[59,5464,2096],{"class":69},[59,5466,272],{"class":65},[59,5468,3461],{"class":1817},[59,5470,5471,5473,5475],{"class":61,"line":108},[59,5472,2108],{"class":69},[59,5474,272],{"class":65},[59,5476,3461],{"class":1817},[59,5478,5479,5481,5483],{"class":61,"line":242},[59,5480,3927],{"class":69},[59,5482,2168],{"class":65},[59,5484,3461],{"class":1817},[59,5486,5487],{"class":61,"line":266},[59,5488,1852],{"class":65},[59,5490,5491],{"class":61,"line":284},[59,5492,1784],{"emptyLinePlaceholder":528},[59,5494,5495,5497,5499,5501],{"class":61,"line":294},[59,5496,1789],{"class":1763},[59,5498,5456],{"class":76},[59,5500,3948],{"class":1817},[59,5502,179],{"class":65},[59,5504,5505,5507,5509],{"class":61,"line":466},[59,5506,384],{"class":69},[59,5508,272],{"class":65},[59,5510,3461],{"class":1817},[59,5512,5513,5515,5517,5519,5521,5523,5525,5527,5529,5531,5533,5535,5537],{"class":61,"line":474},[59,5514,400],{"class":69},[59,5516,2168],{"class":65},[59,5518,275],{"class":65},[59,5520,407],{"class":86},[59,5522,253],{"class":65},[59,5524,3975],{"class":65},[59,5526,275],{"class":65},[59,5528,3980],{"class":86},[59,5530,253],{"class":65},[59,5532,3975],{"class":65},[59,5534,275],{"class":65},[59,5536,3989],{"class":86},[59,5538,281],{"class":65},[59,5540,5541,5543,5545,5547],{"class":61,"line":1894},[59,5542,416],{"class":69},[59,5544,272],{"class":65},[59,5546,2089],{"class":1817},[59,5548,5549],{"class":151},"[]\n",[59,5551,5552],{"class":61,"line":1908},[59,5553,1852],{"class":65},[59,5555,5556],{"class":61,"line":1914},[59,5557,1784],{"emptyLinePlaceholder":528},[59,5559,5560,5562,5564],{"class":61,"line":1919},[59,5561,2127],{"class":76},[59,5563,2130],{"class":151},[59,5565,2133],{"class":65},[59,5567,5568,5570,5572],{"class":61,"line":1926},[59,5569,2138],{"class":76},[59,5571,2141],{"class":1817},[59,5573,179],{"class":65},[59,5575,5576,5578,5580,5582,5584,5586,5588,5590,5592,5594,5596,5598,5600],{"class":61,"line":1939},[59,5577,2148],{"class":69},[59,5579,272],{"class":65},[59,5581,2153],{"class":65},[59,5583,2156],{"class":1803},[59,5585,272],{"class":65},[59,5587,2101],{"class":1817},[59,5589,261],{"class":65},[59,5591,2165],{"class":1803},[59,5593,2168],{"class":65},[59,5595,2171],{"class":1817},[59,5597,231],{"class":65},[59,5599,2176],{"class":76},[59,5601,5602],{"class":1817}," void\n",[59,5604,5605],{"class":61,"line":1952},[59,5606,2186],{"class":65},[59,5608,5609],{"class":61,"line":1958},[59,5610,1852],{"class":65},[59,5612,5613],{"class":61,"line":1967},[59,5614,1784],{"emptyLinePlaceholder":528},[59,5616,5617,5619,5621,5623,5625],{"class":61,"line":1973},[59,5618,1789],{"class":1763},[59,5620,173],{"class":76},[59,5622,4081],{"class":221},[59,5624,176],{"class":65},[59,5626,179],{"class":65},[59,5628,5629,5631,5633,5635,5637,5639,5641,5643,5645,5647],{"class":61,"line":1979},[59,5630,2231],{"class":76},[59,5632,4092],{"class":151},[59,5634,200],{"class":65},[59,5636,2153],{"class":65},[59,5638,4099],{"class":1803},[59,5640,272],{"class":65},[59,5642,3948],{"class":1817},[59,5644,231],{"class":65},[59,5646,2176],{"class":76},[59,5648,179],{"class":65},[59,5650,5651,5653,5655,5657,5659,5661,5663,5665,5667,5669],{"class":61,"line":1985},[59,5652,2248],{"class":151},[59,5654,155],{"class":65},[59,5656,192],{"class":221},[59,5658,225],{"class":69},[59,5660,253],{"class":65},[59,5662,351],{"class":86},[59,5664,253],{"class":65},[59,5666,261],{"class":65},[59,5668,2165],{"class":151},[59,5670,3097],{"class":69},[59,5672,5673],{"class":61,"line":1991},[59,5674,2186],{"class":65},[59,5676,5677],{"class":61,"line":2017},[59,5678,1784],{"emptyLinePlaceholder":528},[59,5680,5681,5683,5685,5687,5689,5691],{"class":61,"line":2023},[59,5682,2231],{"class":76},[59,5684,4148],{"class":151},[59,5686,200],{"class":65},[59,5688,2239],{"class":65},[59,5690,2176],{"class":76},[59,5692,179],{"class":65},[59,5694,5695,5697,5699,5701,5703,5705,5707,5709],{"class":61,"line":2031},[59,5696,2248],{"class":151},[59,5698,155],{"class":65},[59,5700,192],{"class":221},[59,5702,225],{"class":69},[59,5704,253],{"class":65},[59,5706,4171],{"class":86},[59,5708,253],{"class":65},[59,5710,3097],{"class":69},[59,5712,5713],{"class":61,"line":2041},[59,5714,2186],{"class":65},[59,5716,5717],{"class":61,"line":2047},[59,5718,1784],{"emptyLinePlaceholder":528},[59,5720,5721,5723,5725,5727,5729,5731],{"class":61,"line":2055},[59,5722,1833],{"class":1763},[59,5724,1810],{"class":65},[59,5726,4092],{"class":151},[59,5728,261],{"class":65},[59,5730,4148],{"class":151},[59,5732,5733],{"class":65}," }\n",[59,5735,5736],{"class":61,"line":3092},[59,5737,1852],{"class":65},[18,5739,5741],{"id":5740},"_3-create-the-widget-component","3. Create the Widget Component",[50,5743,5745],{"className":2789,"code":5744,"language":2791,"meta":55,"style":55},"\u003C!-- components\u002FTryOnWidget.vue -->\n\u003Ctemplate>\n \u003Cdiv>\n \u003Cdiv\n id=\"widget-container\"\n style=\"width: 100%; max-width: 600px; aspect-ratio: 3\u002F4\"\n \u002F>\n \u003Cbutton @click=\"handleTryOn\">Try On\u003C\u002Fbutton>\n \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup lang=\"ts\">\nimport { useFittingWidget, type TryonItem } from '~\u002Fcomposables\u002FuseFittingWidget'\n\nconst props = defineProps\u003C{\n productName: string\n imageUrl: string\n}>()\n\nconst { open } = useFittingWidget()\n\nconst handleTryOn = () => {\n open({\n targetElementId: 'widget-container',\n model: 'balanced',\n tryonItems: [\n {\n productName: props.productName,\n url: props.imageUrl,\n },\n ],\n })\n}\n\u003C\u002Fscript>\n",[41,5746,5747,5751,5759,5767,5773,5785,5799,5804,5830,5838,5846,5850,5870,5896,5900,5912,5920,5928,5934,5938,5955,5959,5973,5982,5996,6010,6018,6022,6036,6050,6054,6060,6066,6070],{"__ignoreMap":55},[59,5748,5749],{"class":61,"line":62},[59,5750,3322],{"class":2798},[59,5752,5753,5755,5757],{"class":61,"line":73},[59,5754,66],{"class":65},[59,5756,2806],{"class":69},[59,5758,117],{"class":65},[59,5760,5761,5763,5765],{"class":61,"line":93},[59,5762,2813],{"class":65},[59,5764,324],{"class":69},[59,5766,117],{"class":65},[59,5768,5769,5771],{"class":61,"line":108},[59,5770,2558],{"class":65},[59,5772,4350],{"class":69},[59,5774,5775,5777,5779,5781,5783],{"class":61,"line":242},[59,5776,2978],{"class":76},[59,5778,80],{"class":65},[59,5780,83],{"class":65},[59,5782,333],{"class":86},[59,5784,90],{"class":65},[59,5786,5787,5790,5792,5794,5797],{"class":61,"line":266},[59,5788,5789],{"class":76}," style",[59,5791,80],{"class":65},[59,5793,83],{"class":65},[59,5795,5796],{"class":86},"width: 100%; max-width: 600px; aspect-ratio: 3\u002F4",[59,5798,90],{"class":65},[59,5800,5801],{"class":61,"line":284},[59,5802,5803],{"class":65}," \u002F>\n",[59,5805,5806,5808,5810,5812,5814,5816,5818,5820,5822,5824,5826,5828],{"class":61,"line":294},[59,5807,2558],{"class":65},[59,5809,2401],{"class":69},[59,5811,3377],{"class":76},[59,5813,80],{"class":65},[59,5815,83],{"class":65},[59,5817,3384],{"class":86},[59,5819,83],{"class":65},[59,5821,2826],{"class":65},[59,5823,2416],{"class":151},[59,5825,297],{"class":65},[59,5827,2401],{"class":69},[59,5829,117],{"class":65},[59,5831,5832,5834,5836],{"class":61,"line":466},[59,5833,2874],{"class":65},[59,5835,324],{"class":69},[59,5837,117],{"class":65},[59,5839,5840,5842,5844],{"class":61,"line":474},[59,5841,297],{"class":65},[59,5843,2806],{"class":69},[59,5845,117],{"class":65},[59,5847,5848],{"class":61,"line":1894},[59,5849,1784],{"emptyLinePlaceholder":528},[59,5851,5852,5854,5856,5858,5860,5862,5864,5866,5868],{"class":61,"line":1908},[59,5853,66],{"class":65},[59,5855,114],{"class":69},[59,5857,2899],{"class":76},[59,5859,2902],{"class":76},[59,5861,80],{"class":65},[59,5863,83],{"class":65},[59,5865,2909],{"class":86},[59,5867,83],{"class":65},[59,5869,117],{"class":65},[59,5871,5872,5874,5876,5878,5880,5883,5885,5887,5889,5891,5894],{"class":61,"line":1914},[59,5873,1764],{"class":1763},[59,5875,1810],{"class":65},[59,5877,4081],{"class":151},[59,5879,261],{"class":65},[59,5881,5882],{"class":1763}," type",[59,5884,2089],{"class":151},[59,5886,2456],{"class":65},[59,5888,2459],{"class":1763},[59,5890,275],{"class":65},[59,5892,5893],{"class":86},"~\u002Fcomposables\u002FuseFittingWidget",[59,5895,281],{"class":65},[59,5897,5898],{"class":61,"line":1919},[59,5899,1784],{"emptyLinePlaceholder":528},[59,5901,5902,5904,5906,5908,5910],{"class":61,"line":1926},[59,5903,3441],{"class":76},[59,5905,3444],{"class":151},[59,5907,80],{"class":65},[59,5909,3449],{"class":221},[59,5911,3452],{"class":65},[59,5913,5914,5916,5918],{"class":61,"line":1939},[59,5915,2096],{"class":69},[59,5917,272],{"class":65},[59,5919,3461],{"class":1817},[59,5921,5922,5924,5926],{"class":61,"line":1952},[59,5923,3466],{"class":69},[59,5925,272],{"class":65},[59,5927,3461],{"class":1817},[59,5929,5930,5932],{"class":61,"line":1958},[59,5931,2413],{"class":65},[59,5933,3477],{"class":151},[59,5935,5936],{"class":61,"line":1967},[59,5937,1784],{"emptyLinePlaceholder":528},[59,5939,5940,5942,5944,5947,5949,5951,5953],{"class":61,"line":1973},[59,5941,3441],{"class":76},[59,5943,1810],{"class":65},[59,5945,5946],{"class":151}," open ",[59,5948,477],{"class":65},[59,5950,200],{"class":65},[59,5952,4081],{"class":221},[59,5954,3477],{"class":151},[59,5956,5957],{"class":61,"line":1979},[59,5958,1784],{"emptyLinePlaceholder":528},[59,5960,5961,5963,5965,5967,5969,5971],{"class":61,"line":1985},[59,5962,3441],{"class":76},[59,5964,3488],{"class":151},[59,5966,80],{"class":65},[59,5968,2239],{"class":65},[59,5970,2176],{"class":76},[59,5972,179],{"class":65},[59,5974,5975,5978,5980],{"class":61,"line":1991},[59,5976,5977],{"class":221}," open",[59,5979,225],{"class":69},[59,5981,2133],{"class":65},[59,5983,5984,5986,5988,5990,5992,5994],{"class":61,"line":2017},[59,5985,3521],{"class":69},[59,5987,272],{"class":65},[59,5989,275],{"class":65},[59,5991,333],{"class":86},[59,5993,253],{"class":65},[59,5995,395],{"class":65},[59,5997,5998,6000,6002,6004,6006,6008],{"class":61,"line":2023},[59,5999,3536],{"class":69},[59,6001,272],{"class":65},[59,6003,275],{"class":65},[59,6005,407],{"class":86},[59,6007,253],{"class":65},[59,6009,395],{"class":65},[59,6011,6012,6014,6016],{"class":61,"line":2031},[59,6013,3551],{"class":69},[59,6015,272],{"class":65},[59,6017,421],{"class":69},[59,6019,6020],{"class":61,"line":2041},[59,6021,3560],{"class":65},[59,6023,6024,6026,6028,6030,6032,6034],{"class":61,"line":2047},[59,6025,3565],{"class":69},[59,6027,272],{"class":65},[59,6029,3570],{"class":151},[59,6031,155],{"class":65},[59,6033,749],{"class":151},[59,6035,395],{"class":65},[59,6037,6038,6040,6042,6044,6046,6048],{"class":61,"line":2055},[59,6039,3581],{"class":69},[59,6041,272],{"class":65},[59,6043,3570],{"class":151},[59,6045,155],{"class":65},[59,6047,3590],{"class":151},[59,6049,395],{"class":65},[59,6051,6052],{"class":61,"line":3092},[59,6053,3597],{"class":65},[59,6055,6056,6058],{"class":61,"line":3100},[59,6057,3602],{"class":69},[59,6059,395],{"class":65},[59,6061,6062,6064],{"class":61,"line":5012},[59,6063,287],{"class":65},[59,6065,3097],{"class":69},[59,6067,6068],{"class":61,"line":5021},[59,6069,1852],{"class":65},[59,6071,6072,6074,6076],{"class":61,"line":5026},[59,6073,297],{"class":65},[59,6075,114],{"class":69},[59,6077,117],{"class":65},[512,6079,6080],{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}",{"title":55,"searchDepth":73,"depth":73,"links":6082},[6083,6084,6085],{"id":3678,"depth":73,"text":3679},{"id":5438,"depth":73,"text":5439},{"id":5740,"depth":73,"text":5741},"Integrate with a Vue 3 application","i-lucide-venetian-mask",{},"\u002Fen\u002Fintegrations\u002Fvue",{"title":5240,"description":6086},"en\u002Fintegrations\u002Fvue","GShiJEM5AAOgyg7U0MXXp-Lqn_Y-1BooZA_uvPnVwT0",{"id":6094,"title":6095,"body":6096,"description":6505,"extension":525,"icon":526,"meta":6506,"navigation":528,"path":1694,"seo":6507,"stem":6508,"__hash__":6509},"content\u002Fgetting-started\u002Fquick-start.md","Быстрый старт",{"type":7,"value":6097,"toc":6496},[6098,6101,6104,6108,6115,6119,6127,6169,6173,6313,6317,6323,6349,6353,6359,6469,6473,6476,6480,6493],[10,6099,6095],{"id":6100},"быстрый-старт",[14,6102,6103],{},"Следуйте этим шагам, чтобы добавить виртуальную примерку на ваш сайт.",[18,6105,6107],{"id":6106},"_1-получите-api-ключ","1. Получите API-ключ",[14,6109,6110,6111,6114],{},"Зарегистрируйтесь на ",[26,6112,31],{"href":28,"rel":6113},[30],", чтобы получить бесплатный API-ключ.",[18,6116,6118],{"id":6117},"_2-загрузите-скрипт-виджета","2. Загрузите скрипт виджета",[14,6120,6121,6122,6124,6125,272],{},"Добавьте следующий тег ",[41,6123,43],{}," на страницу, желательно перед закрывающим тегом ",[41,6126,47],{},[50,6128,6129],{"className":52,"code":53,"language":54,"meta":55,"style":55},[41,6130,6131,6137,6149,6161],{"__ignoreMap":55},[59,6132,6133,6135],{"class":61,"line":62},[59,6134,66],{"class":65},[59,6136,70],{"class":69},[59,6138,6139,6141,6143,6145,6147],{"class":61,"line":73},[59,6140,77],{"class":76},[59,6142,80],{"class":65},[59,6144,83],{"class":65},[59,6146,87],{"class":86},[59,6148,90],{"class":65},[59,6150,6151,6153,6155,6157,6159],{"class":61,"line":93},[59,6152,96],{"class":76},[59,6154,80],{"class":65},[59,6156,83],{"class":65},[59,6158,103],{"class":86},[59,6160,90],{"class":65},[59,6162,6163,6165,6167],{"class":61,"line":108},[59,6164,111],{"class":65},[59,6166,114],{"class":69},[59,6168,117],{"class":65},[18,6170,6172],{"id":6171},"_3-инициализируйте-виджет","3. Инициализируйте виджет",[50,6174,6175],{"className":52,"code":124,"language":54,"meta":55,"style":55},[41,6176,6177,6195,6219,6261,6265,6285,6297,6305],{"__ignoreMap":55},[59,6178,6179,6181,6183,6185,6187,6189,6191,6193],{"class":61,"line":62},[59,6180,66],{"class":65},[59,6182,114],{"class":69},[59,6184,135],{"class":76},[59,6186,80],{"class":65},[59,6188,83],{"class":65},[59,6190,142],{"class":86},[59,6192,83],{"class":65},[59,6194,117],{"class":65},[59,6196,6197,6199,6201,6203,6205,6207,6209,6211,6213,6215,6217],{"class":61,"line":73},[59,6198,152],{"class":151},[59,6200,155],{"class":65},[59,6202,158],{"class":151},[59,6204,80],{"class":65},[59,6206,163],{"class":151},[59,6208,155],{"class":65},[59,6210,158],{"class":151},[59,6212,170],{"class":65},[59,6214,173],{"class":76},[59,6216,176],{"class":65},[59,6218,179],{"class":65},[59,6220,6221,6223,6225,6227,6229,6231,6233,6235,6237,6239,6241,6243,6245,6247,6249,6251,6253,6255,6257,6259],{"class":61,"line":93},[59,6222,184],{"class":69},[59,6224,187],{"class":151},[59,6226,155],{"class":65},[59,6228,192],{"class":151},[59,6230,155],{"class":65},[59,6232,197],{"class":151},[59,6234,200],{"class":65},[59,6236,163],{"class":151},[59,6238,155],{"class":65},[59,6240,192],{"class":151},[59,6242,155],{"class":65},[59,6244,197],{"class":151},[59,6246,213],{"class":65},[59,6248,216],{"class":69},[59,6250,155],{"class":65},[59,6252,222],{"class":221},[59,6254,225],{"class":69},[59,6256,228],{"class":151},[59,6258,231],{"class":69},[59,6260,234],{"class":65},[59,6262,6263],{"class":61,"line":108},[59,6264,239],{"class":65},[59,6266,6267,6269,6271,6273,6275,6277,6279,6281,6283],{"class":61,"line":242},[59,6268,152],{"class":151},[59,6270,155],{"class":65},[59,6272,192],{"class":221},[59,6274,225],{"class":151},[59,6276,253],{"class":65},[59,6278,256],{"class":86},[59,6280,253],{"class":65},[59,6282,261],{"class":65},[59,6284,179],{"class":65},[59,6286,6287,6289,6291,6293,6295],{"class":61,"line":266},[59,6288,269],{"class":69},[59,6290,272],{"class":65},[59,6292,275],{"class":65},[59,6294,278],{"class":86},[59,6296,281],{"class":65},[59,6298,6299,6301,6303],{"class":61,"line":284},[59,6300,287],{"class":65},[59,6302,231],{"class":151},[59,6304,234],{"class":65},[59,6306,6307,6309,6311],{"class":61,"line":294},[59,6308,297],{"class":65},[59,6310,114],{"class":69},[59,6312,117],{"class":65},[18,6314,6316],{"id":6315},"_4-добавьте-контейнер","4. Добавьте контейнер",[14,6318,6319,6320,6322],{},"Разместите ",[41,6321,311],{}," там, где должен отображаться виджет:",[50,6324,6325],{"className":52,"code":315,"language":54,"meta":55,"style":55},[41,6326,6327],{"__ignoreMap":55},[59,6328,6329,6331,6333,6335,6337,6339,6341,6343,6345,6347],{"class":61,"line":62},[59,6330,66],{"class":65},[59,6332,324],{"class":69},[59,6334,135],{"class":76},[59,6336,80],{"class":65},[59,6338,83],{"class":65},[59,6340,333],{"class":86},[59,6342,83],{"class":65},[59,6344,111],{"class":65},[59,6346,324],{"class":69},[59,6348,117],{"class":65},[18,6350,6352],{"id":6351},"_5-запустите-виджет","5. Запустите виджет",[14,6354,6355,6356,6358],{},"Вызовите метод ",[41,6357,351],{}," при нажатии пользователем кнопки:",[50,6360,6361],{"className":355,"code":356,"language":357,"meta":55,"style":55},[41,6362,6363,6383,6397,6411,6419,6423,6437,6451,6455,6461],{"__ignoreMap":55},[59,6364,6365,6367,6369,6371,6373,6375,6377,6379,6381],{"class":61,"line":62},[59,6366,187],{"class":151},[59,6368,155],{"class":65},[59,6370,192],{"class":221},[59,6372,225],{"class":151},[59,6374,253],{"class":65},[59,6376,351],{"class":86},[59,6378,253],{"class":65},[59,6380,261],{"class":65},[59,6382,179],{"class":65},[59,6384,6385,6387,6389,6391,6393,6395],{"class":61,"line":73},[59,6386,384],{"class":69},[59,6388,272],{"class":65},[59,6390,275],{"class":65},[59,6392,333],{"class":86},[59,6394,253],{"class":65},[59,6396,395],{"class":65},[59,6398,6399,6401,6403,6405,6407,6409],{"class":61,"line":93},[59,6400,400],{"class":69},[59,6402,272],{"class":65},[59,6404,275],{"class":65},[59,6406,407],{"class":86},[59,6408,253],{"class":65},[59,6410,395],{"class":65},[59,6412,6413,6415,6417],{"class":61,"line":108},[59,6414,416],{"class":69},[59,6416,272],{"class":65},[59,6418,421],{"class":151},[59,6420,6421],{"class":61,"line":242},[59,6422,426],{"class":65},[59,6424,6425,6427,6429,6431,6433,6435],{"class":61,"line":266},[59,6426,431],{"class":69},[59,6428,272],{"class":65},[59,6430,275],{"class":65},[59,6432,438],{"class":86},[59,6434,253],{"class":65},[59,6436,395],{"class":65},[59,6438,6439,6441,6443,6445,6447,6449],{"class":61,"line":284},[59,6440,447],{"class":69},[59,6442,272],{"class":65},[59,6444,275],{"class":65},[59,6446,454],{"class":86},[59,6448,253],{"class":65},[59,6450,395],{"class":65},[59,6452,6453],{"class":61,"line":294},[59,6454,463],{"class":65},[59,6456,6457,6459],{"class":61,"line":466},[59,6458,469],{"class":151},[59,6460,395],{"class":65},[59,6462,6463,6465,6467],{"class":61,"line":474},[59,6464,477],{"class":65},[59,6466,231],{"class":151},[59,6468,234],{"class":65},[18,6470,6472],{"id":6471},"результат","Результат",[14,6474,6475],{},"Теперь ваши покупатели могут загрузить фотографию и мгновенно увидеть, как на них сидит одежда.",[18,6477,6479],{"id":6478},"дальнейшие-шаги","Дальнейшие шаги",[494,6481,6482,6488],{},[497,6483,6484,6485,155],{},"Ознакомьтесь с руководствами для конкретных фреймворков в разделе ",[26,6486,6487],{"href":502},"Интеграции",[497,6489,6490,6491,155],{},"Изучите полный ",[26,6492,536],{"href":509},[512,6494,6495],{},"html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}",{"title":55,"searchDepth":73,"depth":73,"links":6497},[6498,6499,6500,6501,6502,6503,6504],{"id":6106,"depth":73,"text":6107},{"id":6117,"depth":73,"text":6118},{"id":6171,"depth":73,"text":6172},{"id":6315,"depth":73,"text":6316},{"id":6351,"depth":73,"text":6352},{"id":6471,"depth":73,"text":6472},{"id":6478,"depth":73,"text":6479},"Запустите Fitting Widget за считанные минуты",{},{"title":6095,"description":6505},"getting-started\u002Fquick-start","4USnYxFPZA1hrOvVApcSHMt9oQc0aZ6Ct8ohgcj8WJ8",{"id":6511,"title":6512,"body":6513,"description":6591,"extension":525,"icon":1702,"meta":6592,"navigation":528,"path":6593,"seo":6594,"stem":6595,"__hash__":6596},"content\u002Findex.md","Введение",{"type":7,"value":6514,"toc":6586},[6515,6519,6524,6528,6557,6561,6578,6580],[10,6516,6518],{"id":6517},"fitting-widget-виртуальная-примерка","Fitting Widget — Виртуальная примерка",[14,6520,6521,6523],{},[1630,6522,1632],{}," — это готовое решение для виртуальной примерки одежды в интернет-магазинах. Он позволяет вашим покупателям загрузить фотографию и мгновенно увидеть, как на них выглядит любой предмет одежды — прямо на странице товара.",[18,6525,6527],{"id":6526},"ключевые-возможности","Ключевые возможности",[494,6529,6530,6539,6545,6551],{},[497,6531,6532,6535,6536,6538],{},[1630,6533,6534],{},"Быстрая интеграция"," — Один тег ",[41,6537,43],{}," и несколько строк кода.",[497,6540,6541,6544],{},[1630,6542,6543],{},"Не зависит от фреймворков"," — Работает с Vanilla JS, React, Vue, Next.js, Nuxt и другими.",[497,6546,6547,6550],{},[1630,6548,6549],{},"Настраиваемый"," — Стилизуйте виджет под ваш бренд.",[497,6552,6553,6556],{},[1630,6554,6555],{},"Лёгкий"," — Оптимизированная загрузка, которая не замедляет магазин.",[18,6558,6560],{"id":6559},"как-это-работает","Как это работает",[1669,6562,6563,6566,6569,6575],{},[497,6564,6565],{},"Загрузите скрипт виджета на страницу.",[497,6567,6568],{},"Инициализируйте его с вашим API-ключом.",[497,6570,6571,6572,6574],{},"Вызовите ",[41,6573,1682],{}," с URL-адресами изображений товаров.",[497,6576,6577],{},"Виджет отображается внутри выбранного вами контейнера.",[18,6579,6095],{"id":6100},[14,6581,6582,6583,6585],{},"Перейдите к руководству ",[26,6584,6095],{"href":1694},", чтобы начать работу менее чем за 5 минут.",{"title":55,"searchDepth":73,"depth":73,"links":6587},[6588,6589,6590],{"id":6526,"depth":73,"text":6527},{"id":6559,"depth":73,"text":6560},{"id":6100,"depth":73,"text":6095},"Что такое Fitting Widget и зачем его использовать?",{},"\u002F",{"title":6512,"description":6591},"index","kGT91Bb-Wx88tMoHoRu65KMhDKtcehaBgnLzJYfeCWE",{"id":6598,"title":1710,"body":6599,"description":7474,"extension":525,"icon":2749,"meta":7475,"navigation":528,"path":7476,"seo":7477,"stem":7478,"__hash__":7479},"content\u002Fintegrations\u002Fnextjs.md",{"type":7,"value":6600,"toc":7465},[6601,6605,6613,6617,6625,6634,6870,6874,7202,7206,7442,7446,7451,7463],[10,6602,6604],{"id":6603},"интеграция-с-nextjs","Интеграция с Next.js",[14,6606,6607,6608,6610,6611,155],{},"Fitting Widget работает как с ",[1630,6609,1722],{},", так и с ",[1630,6612,1726],{},[18,6614,6616],{"id":6615},"app-router-рекомендуется","App Router (рекомендуется)",[14,6618,6619,6620,6622,6623,155],{},"Используйте компонент Next.js ",[41,6621,1736],{}," с ",[41,6624,1740],{},[724,6626,6628,6629,6631,6632],{"id":6627},"шаг-1-загрузка-скриптов-в-layouttsx-или-pagetsx","Шаг 1 — Загрузка скриптов в ",[41,6630,1747],{}," или ",[41,6633,1751],{},[50,6635,6636],{"className":1754,"code":1755,"language":1756,"meta":55,"style":55},[41,6637,6638,6654,6658,6690,6696,6700,6708,6712,6718,6730,6742,6754,6758,6762,6768,6780,6792,6796,6802,6806,6810,6814,6818,6838,6842,6848,6856,6860,6866],{"__ignoreMap":55},[59,6639,6640,6642,6644,6646,6648,6650,6652],{"class":61,"line":62},[59,6641,1764],{"class":1763},[59,6643,1767],{"class":151},[59,6645,1770],{"class":1763},[59,6647,275],{"class":65},[59,6649,1775],{"class":86},[59,6651,253],{"class":65},[59,6653,234],{"class":65},[59,6655,6656],{"class":61,"line":73},[59,6657,1784],{"emptyLinePlaceholder":528},[59,6659,6660,6662,6664,6666,6668,6670,6672,6674,6676,6678,6680,6682,6684,6686,6688],{"class":61,"line":93},[59,6661,1789],{"class":1763},[59,6663,1792],{"class":1763},[59,6665,173],{"class":76},[59,6667,1797],{"class":221},[59,6669,1800],{"class":65},[59,6671,1804],{"class":1803},[59,6673,1807],{"class":65},[59,6675,1810],{"class":65},[59,6677,1804],{"class":69},[59,6679,272],{"class":65},[59,6681,1818],{"class":1817},[59,6683,155],{"class":65},[59,6685,1823],{"class":1817},[59,6687,1826],{"class":65},[59,6689,179],{"class":65},[59,6691,6692,6694],{"class":61,"line":108},[59,6693,1833],{"class":1763},[59,6695,1836],{"class":69},[59,6697,6698],{"class":61,"line":242},[59,6699,1841],{"class":65},[59,6701,6702,6704,6706],{"class":61,"line":266},[59,6703,1846],{"class":65},[59,6705,1849],{"class":151},[59,6707,1852],{"class":65},[59,6709,6710],{"class":61,"line":284},[59,6711,1784],{"emptyLinePlaceholder":528},[59,6713,6714,6716],{"class":61,"line":294},[59,6715,1861],{"class":65},[59,6717,1864],{"class":1817},[59,6719,6720,6722,6724,6726,6728],{"class":61,"line":466},[59,6721,1869],{"class":76},[59,6723,80],{"class":65},[59,6725,83],{"class":65},[59,6727,87],{"class":86},[59,6729,90],{"class":65},[59,6731,6732,6734,6736,6738,6740],{"class":61,"line":474},[59,6733,1882],{"class":76},[59,6735,80],{"class":65},[59,6737,83],{"class":65},[59,6739,1889],{"class":86},[59,6741,90],{"class":65},[59,6743,6744,6746,6748,6750,6752],{"class":61,"line":1894},[59,6745,1897],{"class":76},[59,6747,80],{"class":65},[59,6749,83],{"class":65},[59,6751,103],{"class":86},[59,6753,90],{"class":65},[59,6755,6756],{"class":61,"line":1908},[59,6757,1911],{"class":65},[59,6759,6760],{"class":61,"line":1914},[59,6761,1784],{"emptyLinePlaceholder":528},[59,6763,6764,6766],{"class":61,"line":1919},[59,6765,1861],{"class":65},[59,6767,1864],{"class":1817},[59,6769,6770,6772,6774,6776,6778],{"class":61,"line":1926},[59,6771,1882],{"class":76},[59,6773,80],{"class":65},[59,6775,83],{"class":65},[59,6777,1889],{"class":86},[59,6779,90],{"class":65},[59,6781,6782,6784,6786,6788,6790],{"class":61,"line":1939},[59,6783,1897],{"class":76},[59,6785,80],{"class":65},[59,6787,83],{"class":65},[59,6789,142],{"class":86},[59,6791,90],{"class":65},[59,6793,6794],{"class":61,"line":1952},[59,6795,1955],{"class":65},[59,6797,6798,6800],{"class":61,"line":1958},[59,6799,1961],{"class":65},[59,6801,1964],{"class":65},[59,6803,6804],{"class":61,"line":1967},[59,6805,1970],{"class":86},[59,6807,6808],{"class":61,"line":1973},[59,6809,1976],{"class":86},[59,6811,6812],{"class":61,"line":1979},[59,6813,1982],{"class":86},[59,6815,6816],{"class":61,"line":1985},[59,6817,1988],{"class":86},[59,6819,6820,6822,6824,6826,6828,6830,6832,6834,6836],{"class":61,"line":1991},[59,6821,1994],{"class":86},[59,6823,1997],{"class":65},[59,6825,2000],{"class":151},[59,6827,155],{"class":65},[59,6829,2005],{"class":151},[59,6831,155],{"class":65},[59,6833,2010],{"class":151},[59,6835,477],{"class":65},[59,6837,281],{"class":86},[59,6839,6840],{"class":61,"line":2017},[59,6841,2020],{"class":86},[59,6843,6844,6846],{"class":61,"line":2023},[59,6845,2026],{"class":65},[59,6847,1852],{"class":65},[59,6849,6850,6852,6854],{"class":61,"line":2031},[59,6851,2034],{"class":65},[59,6853,1736],{"class":1817},[59,6855,117],{"class":65},[59,6857,6858],{"class":61,"line":2041},[59,6859,2044],{"class":65},[59,6861,6862,6864],{"class":61,"line":2047},[59,6863,2050],{"class":69},[59,6865,234],{"class":65},[59,6867,6868],{"class":61,"line":2055},[59,6869,1852],{"class":65},[724,6871,6873],{"id":6872},"шаг-2-создание-кнопки-виджета","Шаг 2 — Создание кнопки виджета",[50,6875,6877],{"className":1754,"code":6876,"language":1756,"meta":55,"style":55},"'use client';\n\ninterface TryonItem {\n productName: string;\n url: string;\n}\n\ndeclare global {\n interface Window {\n fitting: (command: string, options?: unknown) => void;\n }\n}\n\nexport function TryOnButton({ items }: { items: TryonItem[] }) {\n const handleClick = () => {\n window.fitting('create', {\n targetElementId: 'widget-container',\n model: 'balanced',\n tryonItems: items,\n });\n };\n\n return (\n \u003C>\n \u003Cdiv id=\"widget-container\" style={{ width: '100%', maxWidth: 600, aspectRatio: '3\u002F4' }} \u002F>\n \u003Cbutton onClick={handleClick}>Примерка\u003C\u002Fbutton>\n \u003C\u002F>\n );\n}\n",[41,6878,6879,6889,6893,6901,6911,6921,6925,6929,6937,6945,6975,6979,6983,6987,7015,7029,7049,7063,7077,7087,7095,7099,7103,7109,7113,7165,7188,7192,7198],{"__ignoreMap":55},[59,6880,6881,6883,6885,6887],{"class":61,"line":62},[59,6882,253],{"class":65},[59,6884,2073],{"class":86},[59,6886,253],{"class":65},[59,6888,234],{"class":65},[59,6890,6891],{"class":61,"line":73},[59,6892,1784],{"emptyLinePlaceholder":528},[59,6894,6895,6897,6899],{"class":61,"line":93},[59,6896,2086],{"class":76},[59,6898,2089],{"class":1817},[59,6900,179],{"class":65},[59,6902,6903,6905,6907,6909],{"class":61,"line":108},[59,6904,2096],{"class":69},[59,6906,272],{"class":65},[59,6908,2101],{"class":1817},[59,6910,234],{"class":65},[59,6912,6913,6915,6917,6919],{"class":61,"line":242},[59,6914,2108],{"class":69},[59,6916,272],{"class":65},[59,6918,2101],{"class":1817},[59,6920,234],{"class":65},[59,6922,6923],{"class":61,"line":266},[59,6924,1852],{"class":65},[59,6926,6927],{"class":61,"line":284},[59,6928,1784],{"emptyLinePlaceholder":528},[59,6930,6931,6933,6935],{"class":61,"line":294},[59,6932,2127],{"class":76},[59,6934,2130],{"class":151},[59,6936,2133],{"class":65},[59,6938,6939,6941,6943],{"class":61,"line":466},[59,6940,2138],{"class":76},[59,6942,2141],{"class":1817},[59,6944,179],{"class":65},[59,6946,6947,6949,6951,6953,6955,6957,6959,6961,6963,6965,6967,6969,6971,6973],{"class":61,"line":474},[59,6948,2148],{"class":69},[59,6950,272],{"class":65},[59,6952,2153],{"class":65},[59,6954,2156],{"class":1803},[59,6956,272],{"class":65},[59,6958,2101],{"class":1817},[59,6960,261],{"class":65},[59,6962,2165],{"class":1803},[59,6964,2168],{"class":65},[59,6966,2171],{"class":1817},[59,6968,231],{"class":65},[59,6970,2176],{"class":76},[59,6972,2179],{"class":1817},[59,6974,234],{"class":65},[59,6976,6977],{"class":61,"line":1894},[59,6978,2186],{"class":65},[59,6980,6981],{"class":61,"line":1908},[59,6982,1852],{"class":65},[59,6984,6985],{"class":61,"line":1914},[59,6986,1784],{"emptyLinePlaceholder":528},[59,6988,6989,6991,6993,6995,6997,6999,7001,7003,7005,7007,7009,7011,7013],{"class":61,"line":1919},[59,6990,1789],{"class":1763},[59,6992,173],{"class":76},[59,6994,2203],{"class":221},[59,6996,1800],{"class":65},[59,6998,2208],{"class":1803},[59,7000,1807],{"class":65},[59,7002,1810],{"class":65},[59,7004,2208],{"class":69},[59,7006,272],{"class":65},[59,7008,2089],{"class":1817},[59,7010,2221],{"class":151},[59,7012,2224],{"class":65},[59,7014,179],{"class":65},[59,7016,7017,7019,7021,7023,7025,7027],{"class":61,"line":1926},[59,7018,2231],{"class":76},[59,7020,2234],{"class":151},[59,7022,200],{"class":65},[59,7024,2239],{"class":65},[59,7026,2176],{"class":76},[59,7028,179],{"class":65},[59,7030,7031,7033,7035,7037,7039,7041,7043,7045,7047],{"class":61,"line":1939},[59,7032,2248],{"class":151},[59,7034,155],{"class":65},[59,7036,192],{"class":221},[59,7038,225],{"class":69},[59,7040,253],{"class":65},[59,7042,351],{"class":86},[59,7044,253],{"class":65},[59,7046,261],{"class":65},[59,7048,179],{"class":65},[59,7050,7051,7053,7055,7057,7059,7061],{"class":61,"line":1952},[59,7052,2269],{"class":69},[59,7054,272],{"class":65},[59,7056,275],{"class":65},[59,7058,333],{"class":86},[59,7060,253],{"class":65},[59,7062,395],{"class":65},[59,7064,7065,7067,7069,7071,7073,7075],{"class":61,"line":1958},[59,7066,2284],{"class":69},[59,7068,272],{"class":65},[59,7070,275],{"class":65},[59,7072,407],{"class":86},[59,7074,253],{"class":65},[59,7076,395],{"class":65},[59,7078,7079,7081,7083,7085],{"class":61,"line":1967},[59,7080,2299],{"class":69},[59,7082,272],{"class":65},[59,7084,2208],{"class":151},[59,7086,395],{"class":65},[59,7088,7089,7091,7093],{"class":61,"line":1973},[59,7090,2310],{"class":65},[59,7092,231],{"class":69},[59,7094,234],{"class":65},[59,7096,7097],{"class":61,"line":1979},[59,7098,239],{"class":65},[59,7100,7101],{"class":61,"line":1985},[59,7102,1784],{"emptyLinePlaceholder":528},[59,7104,7105,7107],{"class":61,"line":1991},[59,7106,1833],{"class":1763},[59,7108,1836],{"class":69},[59,7110,7111],{"class":61,"line":2017},[59,7112,1841],{"class":65},[59,7114,7115,7117,7119,7121,7123,7125,7127,7129,7131,7133,7135,7137,7139,7141,7143,7145,7147,7149,7151,7153,7155,7157,7159,7161,7163],{"class":61,"line":2023},[59,7116,1861],{"class":65},[59,7118,324],{"class":69},[59,7120,135],{"class":76},[59,7122,80],{"class":65},[59,7124,83],{"class":65},[59,7126,333],{"class":86},[59,7128,83],{"class":65},[59,7130,2351],{"class":76},[59,7132,2354],{"class":65},[59,7134,2357],{"class":69},[59,7136,272],{"class":65},[59,7138,275],{"class":65},[59,7140,2364],{"class":86},[59,7142,253],{"class":65},[59,7144,261],{"class":65},[59,7146,2371],{"class":69},[59,7148,272],{"class":65},[59,7150,2377],{"class":2376},[59,7152,261],{"class":65},[59,7154,2382],{"class":69},[59,7156,272],{"class":65},[59,7158,275],{"class":65},[59,7160,2389],{"class":86},[59,7162,253],{"class":65},[59,7164,2394],{"class":65},[59,7166,7167,7169,7171,7173,7175,7177,7179,7182,7184,7186],{"class":61,"line":2031},[59,7168,1861],{"class":65},[59,7170,2401],{"class":69},[59,7172,2404],{"class":76},[59,7174,2407],{"class":65},[59,7176,2410],{"class":151},[59,7178,2413],{"class":65},[59,7180,7181],{"class":151},"Примерка",[59,7183,297],{"class":65},[59,7185,2401],{"class":69},[59,7187,117],{"class":65},[59,7189,7190],{"class":61,"line":2041},[59,7191,2044],{"class":65},[59,7193,7194,7196],{"class":61,"line":2047},[59,7195,2050],{"class":69},[59,7197,234],{"class":65},[59,7199,7200],{"class":61,"line":2055},[59,7201,1852],{"class":65},[724,7203,7205],{"id":7204},"шаг-3-использование-на-странице-товара","Шаг 3 — Использование на странице товара",[50,7207,7208],{"className":1754,"code":2443,"language":1756,"meta":55,"style":55},[41,7209,7210,7230,7234,7272,7296,7300,7306,7314,7334,7364,7370,7378,7382,7396,7410,7414,7420,7424,7432,7438],{"__ignoreMap":55},[59,7211,7212,7214,7216,7218,7220,7222,7224,7226,7228],{"class":61,"line":62},[59,7213,1764],{"class":1763},[59,7215,1810],{"class":65},[59,7217,2203],{"class":151},[59,7219,2456],{"class":65},[59,7221,2459],{"class":1763},[59,7223,275],{"class":65},[59,7225,2464],{"class":86},[59,7227,253],{"class":65},[59,7229,234],{"class":65},[59,7231,7232],{"class":61,"line":73},[59,7233,1784],{"emptyLinePlaceholder":528},[59,7235,7236,7238,7240,7242,7244,7246,7248,7250,7252,7254,7256,7258,7260,7262,7264,7266,7268,7270],{"class":61,"line":93},[59,7237,1789],{"class":1763},[59,7239,1792],{"class":1763},[59,7241,2481],{"class":76},[59,7243,173],{"class":76},[59,7245,2486],{"class":221},[59,7247,1800],{"class":65},[59,7249,2491],{"class":1803},[59,7251,1807],{"class":65},[59,7253,1810],{"class":65},[59,7255,2491],{"class":69},[59,7257,272],{"class":65},[59,7259,1810],{"class":65},[59,7261,2504],{"class":69},[59,7263,272],{"class":65},[59,7265,2101],{"class":1817},[59,7267,2456],{"class":65},[59,7269,1826],{"class":65},[59,7271,179],{"class":65},[59,7273,7274,7276,7278,7280,7282,7284,7286,7288,7290,7292,7294],{"class":61,"line":108},[59,7275,2231],{"class":76},[59,7277,2521],{"class":151},[59,7279,200],{"class":65},[59,7281,2526],{"class":1763},[59,7283,2529],{"class":221},[59,7285,225],{"class":69},[59,7287,2534],{"class":151},[59,7289,155],{"class":65},[59,7291,2539],{"class":151},[59,7293,231],{"class":69},[59,7295,234],{"class":65},[59,7297,7298],{"class":61,"line":242},[59,7299,1784],{"emptyLinePlaceholder":528},[59,7301,7302,7304],{"class":61,"line":266},[59,7303,1833],{"class":1763},[59,7305,1836],{"class":69},[59,7307,7308,7310,7312],{"class":61,"line":284},[59,7309,2558],{"class":65},[59,7311,324],{"class":69},[59,7313,117],{"class":65},[59,7315,7316,7318,7320,7322,7324,7326,7328,7330,7332],{"class":61,"line":294},[59,7317,1861],{"class":65},[59,7319,10],{"class":69},[59,7321,2571],{"class":65},[59,7323,2574],{"class":151},[59,7325,155],{"class":65},[59,7327,2579],{"class":151},[59,7329,2582],{"class":65},[59,7331,10],{"class":69},[59,7333,117],{"class":65},[59,7335,7336,7338,7340,7342,7344,7346,7348,7350,7352,7354,7356,7358,7360,7362],{"class":61,"line":466},[59,7337,1861],{"class":65},[59,7339,2593],{"class":69},[59,7341,2596],{"class":76},[59,7343,2407],{"class":65},[59,7345,2574],{"class":151},[59,7347,155],{"class":65},[59,7349,2605],{"class":151},[59,7351,2608],{"class":65},[59,7353,2611],{"class":76},[59,7355,2407],{"class":65},[59,7357,2574],{"class":151},[59,7359,155],{"class":65},[59,7361,2579],{"class":151},[59,7363,2622],{"class":65},[59,7365,7366,7368],{"class":61,"line":474},[59,7367,1861],{"class":65},[59,7369,2629],{"class":1817},[59,7371,7372,7374,7376],{"class":61,"line":1894},[59,7373,2634],{"class":76},[59,7375,2407],{"class":65},[59,7377,2639],{"class":151},[59,7379,7380],{"class":61,"line":1908},[59,7381,2644],{"class":65},[59,7383,7384,7386,7388,7390,7392,7394],{"class":61,"line":1914},[59,7385,2649],{"class":69},[59,7387,272],{"class":65},[59,7389,2521],{"class":151},[59,7391,155],{"class":65},[59,7393,2579],{"class":151},[59,7395,395],{"class":65},[59,7397,7398,7400,7402,7404,7406,7408],{"class":61,"line":1919},[59,7399,2664],{"class":69},[59,7401,272],{"class":65},[59,7403,2521],{"class":151},[59,7405,155],{"class":65},[59,7407,2605],{"class":151},[59,7409,395],{"class":65},[59,7411,7412],{"class":61,"line":1926},[59,7413,2679],{"class":65},[59,7415,7416,7418],{"class":61,"line":1939},[59,7417,2684],{"class":151},[59,7419,1852],{"class":65},[59,7421,7422],{"class":61,"line":1952},[59,7423,1911],{"class":65},[59,7425,7426,7428,7430],{"class":61,"line":1958},[59,7427,2695],{"class":65},[59,7429,324],{"class":69},[59,7431,117],{"class":65},[59,7433,7434,7436],{"class":61,"line":1967},[59,7435,2050],{"class":69},[59,7437,234],{"class":65},[59,7439,7440],{"class":61,"line":1973},[59,7441,1852],{"class":65},[18,7443,7445],{"id":7444},"переменная-окружения","Переменная окружения",[14,7447,7448,7449,272],{},"Добавьте ваш API-ключ в ",[41,7450,2719],{},[50,7452,7453],{"className":2722,"code":2723,"language":2724,"meta":55,"style":55},[41,7454,7455],{"__ignoreMap":55},[59,7456,7457,7459,7461],{"class":61,"line":62},[59,7458,2010],{"class":151},[59,7460,80],{"class":65},[59,7462,2735],{"class":86},[512,7464,2738],{},{"title":55,"searchDepth":73,"depth":73,"links":7466},[7467,7473],{"id":6615,"depth":73,"text":6616,"children":7468},[7469,7471,7472],{"id":6627,"depth":93,"text":7470},"Шаг 1 — Загрузка скриптов в layout.tsx или page.tsx",{"id":6872,"depth":93,"text":6873},{"id":7204,"depth":93,"text":7205},{"id":7444,"depth":73,"text":7445},"Интеграция с Next.js (Pages Router и App Router)",{},"\u002Fintegrations\u002Fnextjs",{"title":1710,"description":7474},"integrations\u002Fnextjs","KS6JTPT1XrolEU5h4YdImeGYebYne3YB0eM4G4u-UlY",{"id":7481,"title":2757,"body":7482,"description":8295,"extension":525,"icon":3658,"meta":8296,"navigation":528,"path":8297,"seo":8298,"stem":8299,"__hash__":8300},"content\u002Fintegrations\u002Fnuxt.md",{"type":7,"value":7483,"toc":8285},[7484,7488,7491,7495,7503,7509,7791,7797,7973,7977,8264,8266,8271,8283],[10,7485,7487],{"id":7486},"интеграция-с-nuxt","Интеграция с Nuxt",[14,7489,7490],{},"Fitting Widget легко интегрируется с Nuxt 3 и Nuxt 4.",[18,7492,7494],{"id":7493},"_1-загрузка-скрипта","1. Загрузка скрипта",[14,7496,7497,7498,7500,7501,155],{},"Используйте composable ",[41,7499,2776],{}," или добавьте скрипты в ",[41,7502,2780],{},[724,7504,7506,7507],{"id":7505},"вариант-а-на-страницу-через-usehead","Вариант А — На страницу через ",[41,7508,2776],{},[50,7510,7511],{"className":2789,"code":2790,"language":2791,"meta":55,"style":55},[41,7512,7513,7517,7525,7533,7549,7577,7585,7593,7597,7617,7635,7639,7647,7655,7659,7673,7687,7691,7695,7709,7717,7721,7725,7729,7733,7757,7761,7767,7771,7777,7783],{"__ignoreMap":55},[59,7514,7515],{"class":61,"line":62},[59,7516,2799],{"class":2798},[59,7518,7519,7521,7523],{"class":61,"line":73},[59,7520,66],{"class":65},[59,7522,2806],{"class":69},[59,7524,117],{"class":65},[59,7526,7527,7529,7531],{"class":61,"line":93},[59,7528,2813],{"class":65},[59,7530,324],{"class":69},[59,7532,117],{"class":65},[59,7534,7535,7537,7539,7541,7543,7545,7547],{"class":61,"line":108},[59,7536,2558],{"class":65},[59,7538,10],{"class":69},[59,7540,2826],{"class":65},[59,7542,2829],{"class":151},[59,7544,297],{"class":65},[59,7546,10],{"class":69},[59,7548,117],{"class":65},[59,7550,7551,7553,7555,7557,7559,7561,7563,7565,7567,7569,7571,7573,7575],{"class":61,"line":242},[59,7552,2558],{"class":65},[59,7554,2842],{"class":69},[59,7556,2845],{"class":76},[59,7558,80],{"class":65},[59,7560,83],{"class":65},[59,7562,2852],{"class":86},[59,7564,83],{"class":65},[59,7566,2857],{"class":76},[59,7568,80],{"class":65},[59,7570,83],{"class":65},[59,7572,2864],{"class":86},[59,7574,83],{"class":65},[59,7576,2869],{"class":65},[59,7578,7579,7581,7583],{"class":61,"line":266},[59,7580,2874],{"class":65},[59,7582,324],{"class":69},[59,7584,117],{"class":65},[59,7586,7587,7589,7591],{"class":61,"line":284},[59,7588,297],{"class":65},[59,7590,2806],{"class":69},[59,7592,117],{"class":65},[59,7594,7595],{"class":61,"line":294},[59,7596,1784],{"emptyLinePlaceholder":528},[59,7598,7599,7601,7603,7605,7607,7609,7611,7613,7615],{"class":61,"line":466},[59,7600,66],{"class":65},[59,7602,114],{"class":69},[59,7604,2899],{"class":76},[59,7606,2902],{"class":76},[59,7608,80],{"class":65},[59,7610,83],{"class":65},[59,7612,2909],{"class":86},[59,7614,83],{"class":65},[59,7616,117],{"class":65},[59,7618,7619,7621,7623,7625,7627,7629,7631,7633],{"class":61,"line":474},[59,7620,1764],{"class":1763},[59,7622,1810],{"class":65},[59,7624,2922],{"class":151},[59,7626,2456],{"class":65},[59,7628,2459],{"class":1763},[59,7630,275],{"class":65},[59,7632,2931],{"class":86},[59,7634,281],{"class":65},[59,7636,7637],{"class":61,"line":1894},[59,7638,1784],{"emptyLinePlaceholder":528},[59,7640,7641,7643,7645],{"class":61,"line":1908},[59,7642,2776],{"class":221},[59,7644,225],{"class":151},[59,7646,2133],{"class":65},[59,7648,7649,7651,7653],{"class":61,"line":1914},[59,7650,2950],{"class":69},[59,7652,272],{"class":65},[59,7654,421],{"class":151},[59,7656,7657],{"class":61,"line":1919},[59,7658,426],{"class":65},[59,7660,7661,7663,7665,7667,7669,7671],{"class":61,"line":1926},[59,7662,2963],{"class":69},[59,7664,272],{"class":65},[59,7666,275],{"class":65},[59,7668,87],{"class":86},[59,7670,253],{"class":65},[59,7672,395],{"class":65},[59,7674,7675,7677,7679,7681,7683,7685],{"class":61,"line":1939},[59,7676,2978],{"class":69},[59,7678,272],{"class":65},[59,7680,275],{"class":65},[59,7682,103],{"class":86},[59,7684,253],{"class":65},[59,7686,395],{"class":65},[59,7688,7689],{"class":61,"line":1952},[59,7690,463],{"class":65},[59,7692,7693],{"class":61,"line":1958},[59,7694,426],{"class":65},[59,7696,7697,7699,7701,7703,7705,7707],{"class":61,"line":1967},[59,7698,2978],{"class":69},[59,7700,272],{"class":65},[59,7702,275],{"class":65},[59,7704,142],{"class":86},[59,7706,253],{"class":65},[59,7708,395],{"class":65},[59,7710,7711,7713,7715],{"class":61,"line":1973},[59,7712,3015],{"class":69},[59,7714,272],{"class":65},[59,7716,3020],{"class":65},[59,7718,7719],{"class":61,"line":1979},[59,7720,3025],{"class":86},[59,7722,7723],{"class":61,"line":1985},[59,7724,3030],{"class":86},[59,7726,7727],{"class":61,"line":1991},[59,7728,3035],{"class":86},[59,7730,7731],{"class":61,"line":2017},[59,7732,3040],{"class":86},[59,7734,7735,7737,7739,7741,7743,7745,7747,7749,7751,7753,7755],{"class":61,"line":2023},[59,7736,3045],{"class":86},[59,7738,1997],{"class":65},[59,7740,1764],{"class":1763},[59,7742,155],{"class":65},[59,7744,3054],{"class":151},[59,7746,155],{"class":65},[59,7748,2005],{"class":151},[59,7750,155],{"class":65},[59,7752,3063],{"class":151},[59,7754,477],{"class":65},[59,7756,281],{"class":86},[59,7758,7759],{"class":61,"line":2031},[59,7760,3072],{"class":86},[59,7762,7763,7765],{"class":61,"line":2041},[59,7764,3077],{"class":65},[59,7766,395],{"class":65},[59,7768,7769],{"class":61,"line":2047},[59,7770,463],{"class":65},[59,7772,7773,7775],{"class":61,"line":2055},[59,7774,469],{"class":151},[59,7776,395],{"class":65},[59,7778,7779,7781],{"class":61,"line":3092},[59,7780,477],{"class":65},[59,7782,3097],{"class":151},[59,7784,7785,7787,7789],{"class":61,"line":3100},[59,7786,297],{"class":65},[59,7788,114],{"class":69},[59,7790,117],{"class":65},[724,7792,7794,7795],{"id":7793},"вариант-б-глобально-в-nuxtconfigts","Вариант Б — Глобально в ",[41,7796,2780],{},[50,7798,7799],{"className":3115,"code":3116,"language":2909,"meta":55,"style":55},[41,7800,7801,7813,7821,7829,7837,7841,7855,7869,7873,7877,7891,7899,7903,7907,7911,7915,7939,7943,7949,7953,7959,7963,7967],{"__ignoreMap":55},[59,7802,7803,7805,7807,7809,7811],{"class":61,"line":62},[59,7804,1789],{"class":1763},[59,7806,1792],{"class":1763},[59,7808,3127],{"class":221},[59,7810,225],{"class":151},[59,7812,2133],{"class":65},[59,7814,7815,7817,7819],{"class":61,"line":73},[59,7816,3136],{"class":69},[59,7818,272],{"class":65},[59,7820,179],{"class":65},[59,7822,7823,7825,7827],{"class":61,"line":93},[59,7824,3145],{"class":69},[59,7826,272],{"class":65},[59,7828,179],{"class":65},[59,7830,7831,7833,7835],{"class":61,"line":108},[59,7832,3154],{"class":69},[59,7834,272],{"class":65},[59,7836,421],{"class":151},[59,7838,7839],{"class":61,"line":242},[59,7840,3163],{"class":65},[59,7842,7843,7845,7847,7849,7851,7853],{"class":61,"line":266},[59,7844,3168],{"class":69},[59,7846,272],{"class":65},[59,7848,275],{"class":65},[59,7850,87],{"class":86},[59,7852,253],{"class":65},[59,7854,395],{"class":65},[59,7856,7857,7859,7861,7863,7865,7867],{"class":61,"line":284},[59,7858,3183],{"class":69},[59,7860,272],{"class":65},[59,7862,275],{"class":65},[59,7864,103],{"class":86},[59,7866,253],{"class":65},[59,7868,395],{"class":65},[59,7870,7871],{"class":61,"line":294},[59,7872,3198],{"class":65},[59,7874,7875],{"class":61,"line":466},[59,7876,3163],{"class":65},[59,7878,7879,7881,7883,7885,7887,7889],{"class":61,"line":474},[59,7880,3183],{"class":69},[59,7882,272],{"class":65},[59,7884,275],{"class":65},[59,7886,142],{"class":86},[59,7888,253],{"class":65},[59,7890,395],{"class":65},[59,7892,7893,7895,7897],{"class":61,"line":1894},[59,7894,3221],{"class":69},[59,7896,272],{"class":65},[59,7898,3020],{"class":65},[59,7900,7901],{"class":61,"line":1908},[59,7902,3230],{"class":86},[59,7904,7905],{"class":61,"line":1914},[59,7906,3235],{"class":86},[59,7908,7909],{"class":61,"line":1919},[59,7910,3240],{"class":86},[59,7912,7913],{"class":61,"line":1926},[59,7914,3245],{"class":86},[59,7916,7917,7919,7921,7923,7925,7927,7929,7931,7933,7935,7937],{"class":61,"line":1939},[59,7918,3250],{"class":86},[59,7920,1997],{"class":65},[59,7922,1764],{"class":1763},[59,7924,155],{"class":65},[59,7926,3054],{"class":151},[59,7928,155],{"class":65},[59,7930,2005],{"class":151},[59,7932,155],{"class":65},[59,7934,3063],{"class":151},[59,7936,477],{"class":65},[59,7938,281],{"class":86},[59,7940,7941],{"class":61,"line":1952},[59,7942,3275],{"class":86},[59,7944,7945,7947],{"class":61,"line":1958},[59,7946,3280],{"class":65},[59,7948,395],{"class":65},[59,7950,7951],{"class":61,"line":1967},[59,7952,3198],{"class":65},[59,7954,7955,7957],{"class":61,"line":1973},[59,7956,3291],{"class":151},[59,7958,395],{"class":65},[59,7960,7961],{"class":61,"line":1979},[59,7962,463],{"class":65},[59,7964,7965],{"class":61,"line":1985},[59,7966,3302],{"class":65},[59,7968,7969,7971],{"class":61,"line":1991},[59,7970,477],{"class":65},[59,7972,3097],{"class":151},[18,7974,7976],{"id":7975},"_2-создание-компонента-обёртки","2. Создание компонента-обёртки",[50,7978,7980],{"className":2789,"code":7979,"language":2791,"meta":55,"style":55},"\u003C!-- components\u002FTryOnWidget.vue -->\n\u003Ctemplate>\n \u003Cdiv>\n \u003Cdiv id=\"widget-container\" class=\"aspect-[3\u002F4] w-full max-w-[600px]\" \u002F>\n \u003Cbutton @click=\"handleTryOn\">Примерка\u003C\u002Fbutton>\n \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup lang=\"ts\">\nconst props = defineProps\u003C{\n productName: string\n imageUrl: string\n}>()\n\nconst handleTryOn = () => {\n window.fitting('create', {\n targetElementId: 'widget-container',\n model: 'balanced',\n tryonItems: [\n {\n productName: props.productName,\n url: props.imageUrl,\n },\n ],\n })\n}\n\u003C\u002Fscript>\n",[41,7981,7982,7986,7994,8002,8030,8056,8064,8072,8076,8096,8108,8116,8124,8130,8134,8148,8168,8182,8196,8204,8208,8222,8236,8240,8246,8252,8256],{"__ignoreMap":55},[59,7983,7984],{"class":61,"line":62},[59,7985,3322],{"class":2798},[59,7987,7988,7990,7992],{"class":61,"line":73},[59,7989,66],{"class":65},[59,7991,2806],{"class":69},[59,7993,117],{"class":65},[59,7995,7996,7998,8000],{"class":61,"line":93},[59,7997,2813],{"class":65},[59,7999,324],{"class":69},[59,8001,117],{"class":65},[59,8003,8004,8006,8008,8010,8012,8014,8016,8018,8020,8022,8024,8026,8028],{"class":61,"line":108},[59,8005,2558],{"class":65},[59,8007,324],{"class":69},[59,8009,135],{"class":76},[59,8011,80],{"class":65},[59,8013,83],{"class":65},[59,8015,333],{"class":86},[59,8017,83],{"class":65},[59,8019,3357],{"class":76},[59,8021,80],{"class":65},[59,8023,83],{"class":65},[59,8025,3364],{"class":86},[59,8027,83],{"class":65},[59,8029,2869],{"class":65},[59,8031,8032,8034,8036,8038,8040,8042,8044,8046,8048,8050,8052,8054],{"class":61,"line":242},[59,8033,2558],{"class":65},[59,8035,2401],{"class":69},[59,8037,3377],{"class":76},[59,8039,80],{"class":65},[59,8041,83],{"class":65},[59,8043,3384],{"class":86},[59,8045,83],{"class":65},[59,8047,2826],{"class":65},[59,8049,7181],{"class":151},[59,8051,297],{"class":65},[59,8053,2401],{"class":69},[59,8055,117],{"class":65},[59,8057,8058,8060,8062],{"class":61,"line":266},[59,8059,2874],{"class":65},[59,8061,324],{"class":69},[59,8063,117],{"class":65},[59,8065,8066,8068,8070],{"class":61,"line":284},[59,8067,297],{"class":65},[59,8069,2806],{"class":69},[59,8071,117],{"class":65},[59,8073,8074],{"class":61,"line":294},[59,8075,1784],{"emptyLinePlaceholder":528},[59,8077,8078,8080,8082,8084,8086,8088,8090,8092,8094],{"class":61,"line":466},[59,8079,66],{"class":65},[59,8081,114],{"class":69},[59,8083,2899],{"class":76},[59,8085,2902],{"class":76},[59,8087,80],{"class":65},[59,8089,83],{"class":65},[59,8091,2909],{"class":86},[59,8093,83],{"class":65},[59,8095,117],{"class":65},[59,8097,8098,8100,8102,8104,8106],{"class":61,"line":474},[59,8099,3441],{"class":76},[59,8101,3444],{"class":151},[59,8103,80],{"class":65},[59,8105,3449],{"class":221},[59,8107,3452],{"class":65},[59,8109,8110,8112,8114],{"class":61,"line":1894},[59,8111,2096],{"class":69},[59,8113,272],{"class":65},[59,8115,3461],{"class":1817},[59,8117,8118,8120,8122],{"class":61,"line":1908},[59,8119,3466],{"class":69},[59,8121,272],{"class":65},[59,8123,3461],{"class":1817},[59,8125,8126,8128],{"class":61,"line":1914},[59,8127,2413],{"class":65},[59,8129,3477],{"class":151},[59,8131,8132],{"class":61,"line":1919},[59,8133,1784],{"emptyLinePlaceholder":528},[59,8135,8136,8138,8140,8142,8144,8146],{"class":61,"line":1926},[59,8137,3441],{"class":76},[59,8139,3488],{"class":151},[59,8141,80],{"class":65},[59,8143,2239],{"class":65},[59,8145,2176],{"class":76},[59,8147,179],{"class":65},[59,8149,8150,8152,8154,8156,8158,8160,8162,8164,8166],{"class":61,"line":1939},[59,8151,152],{"class":151},[59,8153,155],{"class":65},[59,8155,192],{"class":221},[59,8157,225],{"class":69},[59,8159,253],{"class":65},[59,8161,351],{"class":86},[59,8163,253],{"class":65},[59,8165,261],{"class":65},[59,8167,179],{"class":65},[59,8169,8170,8172,8174,8176,8178,8180],{"class":61,"line":1952},[59,8171,3521],{"class":69},[59,8173,272],{"class":65},[59,8175,275],{"class":65},[59,8177,333],{"class":86},[59,8179,253],{"class":65},[59,8181,395],{"class":65},[59,8183,8184,8186,8188,8190,8192,8194],{"class":61,"line":1958},[59,8185,3536],{"class":69},[59,8187,272],{"class":65},[59,8189,275],{"class":65},[59,8191,407],{"class":86},[59,8193,253],{"class":65},[59,8195,395],{"class":65},[59,8197,8198,8200,8202],{"class":61,"line":1967},[59,8199,3551],{"class":69},[59,8201,272],{"class":65},[59,8203,421],{"class":69},[59,8205,8206],{"class":61,"line":1973},[59,8207,3560],{"class":65},[59,8209,8210,8212,8214,8216,8218,8220],{"class":61,"line":1979},[59,8211,3565],{"class":69},[59,8213,272],{"class":65},[59,8215,3570],{"class":151},[59,8217,155],{"class":65},[59,8219,749],{"class":151},[59,8221,395],{"class":65},[59,8223,8224,8226,8228,8230,8232,8234],{"class":61,"line":1985},[59,8225,3581],{"class":69},[59,8227,272],{"class":65},[59,8229,3570],{"class":151},[59,8231,155],{"class":65},[59,8233,3590],{"class":151},[59,8235,395],{"class":65},[59,8237,8238],{"class":61,"line":1991},[59,8239,3597],{"class":65},[59,8241,8242,8244],{"class":61,"line":2017},[59,8243,3602],{"class":69},[59,8245,395],{"class":65},[59,8247,8248,8250],{"class":61,"line":2023},[59,8249,287],{"class":65},[59,8251,3097],{"class":69},[59,8253,8254],{"class":61,"line":2031},[59,8255,1852],{"class":65},[59,8257,8258,8260,8262],{"class":61,"line":2041},[59,8259,297],{"class":65},[59,8261,114],{"class":69},[59,8263,117],{"class":65},[18,8265,7445],{"id":7444},[14,8267,8268,8269,272],{},"Добавьте в ",[41,8270,3630],{},[50,8272,8273],{"className":2722,"code":3633,"language":2724,"meta":55,"style":55},[41,8274,8275],{"__ignoreMap":55},[59,8276,8277,8279,8281],{"class":61,"line":62},[59,8278,3063],{"class":151},[59,8280,80],{"class":65},[59,8282,2735],{"class":86},[512,8284,3646],{},{"title":55,"searchDepth":73,"depth":73,"links":8286},[8287,8293,8294],{"id":7493,"depth":73,"text":7494,"children":8288},[8289,8291],{"id":7505,"depth":93,"text":8290},"Вариант А — На страницу через useHead",{"id":7793,"depth":93,"text":8292},"Вариант Б — Глобально в nuxt.config.ts",{"id":7975,"depth":73,"text":7976},{"id":7444,"depth":73,"text":7445},"Интеграция с Nuxt 3 \u002F Nuxt 4 приложением",{},"\u002Fintegrations\u002Fnuxt",{"title":2757,"description":8295},"integrations\u002Fnuxt","mSERafXf_JPUG4rn6ZlSU_qJnLNa0suHinF4LwLrASI",{"id":8302,"title":3666,"body":8303,"description":9144,"extension":525,"icon":4552,"meta":9145,"navigation":528,"path":9146,"seo":9147,"stem":9148,"__hash__":9149},"content\u002Fintegrations\u002Freact.md",{"type":7,"value":8304,"toc":9139},[8305,8309,8312,8316,8321,8505,8513,8517,8823,8827,9137],[10,8306,8308],{"id":8307},"интеграция-с-react","Интеграция с React",[14,8310,8311],{},"Работает с любым React-окружением — Vite, Create React App или своим решением.",[18,8313,8315],{"id":8314},"_1-загрузка-скрипта-виджета","1. Загрузка скрипта виджета",[14,8317,8318,8319,272],{},"Добавьте скрипт в ваш ",[41,8320,3685],{},[50,8322,8324],{"className":52,"code":8323,"language":54,"meta":55,"style":55},"\u003C!-- В public\u002Findex.html или index.html (Vite) -->\n\u003Cscript\n src=\"https:\u002F\u002Fwidget.try-on.ru\u002Ffitting-widget-bundle.js\"\n id=\"fitting-widget-bundle\"\n>\u003C\u002Fscript>\n\u003Cscript id=\"fitting-init\">\n window.fitting = window.fitting || function() {\n (window.fitting.q = window.fitting.q || []).push(arguments);\n };\n window.fitting('init', {\n apiKey: '%VITE_TRY_ON_API_KEY%'\n });\n\u003C\u002Fscript>\n",[41,8325,8326,8331,8337,8349,8361,8369,8387,8411,8453,8457,8477,8489,8497],{"__ignoreMap":55},[59,8327,8328],{"class":61,"line":62},[59,8329,8330],{"class":2798},"\u003C!-- В public\u002Findex.html или index.html (Vite) -->\n",[59,8332,8333,8335],{"class":61,"line":73},[59,8334,66],{"class":65},[59,8336,70],{"class":69},[59,8338,8339,8341,8343,8345,8347],{"class":61,"line":93},[59,8340,77],{"class":76},[59,8342,80],{"class":65},[59,8344,83],{"class":65},[59,8346,87],{"class":86},[59,8348,90],{"class":65},[59,8350,8351,8353,8355,8357,8359],{"class":61,"line":108},[59,8352,96],{"class":76},[59,8354,80],{"class":65},[59,8356,83],{"class":65},[59,8358,103],{"class":86},[59,8360,90],{"class":65},[59,8362,8363,8365,8367],{"class":61,"line":242},[59,8364,111],{"class":65},[59,8366,114],{"class":69},[59,8368,117],{"class":65},[59,8370,8371,8373,8375,8377,8379,8381,8383,8385],{"class":61,"line":266},[59,8372,66],{"class":65},[59,8374,114],{"class":69},[59,8376,135],{"class":76},[59,8378,80],{"class":65},[59,8380,83],{"class":65},[59,8382,142],{"class":86},[59,8384,83],{"class":65},[59,8386,117],{"class":65},[59,8388,8389,8391,8393,8395,8397,8399,8401,8403,8405,8407,8409],{"class":61,"line":284},[59,8390,152],{"class":151},[59,8392,155],{"class":65},[59,8394,158],{"class":151},[59,8396,80],{"class":65},[59,8398,163],{"class":151},[59,8400,155],{"class":65},[59,8402,158],{"class":151},[59,8404,170],{"class":65},[59,8406,173],{"class":76},[59,8408,176],{"class":65},[59,8410,179],{"class":65},[59,8412,8413,8415,8417,8419,8421,8423,8425,8427,8429,8431,8433,8435,8437,8439,8441,8443,8445,8447,8449,8451],{"class":61,"line":294},[59,8414,184],{"class":69},[59,8416,187],{"class":151},[59,8418,155],{"class":65},[59,8420,192],{"class":151},[59,8422,155],{"class":65},[59,8424,197],{"class":151},[59,8426,200],{"class":65},[59,8428,163],{"class":151},[59,8430,155],{"class":65},[59,8432,192],{"class":151},[59,8434,155],{"class":65},[59,8436,197],{"class":151},[59,8438,213],{"class":65},[59,8440,216],{"class":69},[59,8442,155],{"class":65},[59,8444,222],{"class":221},[59,8446,225],{"class":69},[59,8448,228],{"class":151},[59,8450,231],{"class":69},[59,8452,234],{"class":65},[59,8454,8455],{"class":61,"line":466},[59,8456,239],{"class":65},[59,8458,8459,8461,8463,8465,8467,8469,8471,8473,8475],{"class":61,"line":474},[59,8460,152],{"class":151},[59,8462,155],{"class":65},[59,8464,192],{"class":221},[59,8466,225],{"class":151},[59,8468,253],{"class":65},[59,8470,256],{"class":86},[59,8472,253],{"class":65},[59,8474,261],{"class":65},[59,8476,179],{"class":65},[59,8478,8479,8481,8483,8485,8487],{"class":61,"line":1894},[59,8480,269],{"class":69},[59,8482,272],{"class":65},[59,8484,275],{"class":65},[59,8486,3852],{"class":86},[59,8488,281],{"class":65},[59,8490,8491,8493,8495],{"class":61,"line":1908},[59,8492,287],{"class":65},[59,8494,231],{"class":151},[59,8496,234],{"class":65},[59,8498,8499,8501,8503],{"class":61,"line":1914},[59,8500,297],{"class":65},[59,8502,114],{"class":69},[59,8504,117],{"class":65},[3872,8506,8507],{"icon":3874},[14,8508,8509,8510,8512],{},"Замените ",[41,8511,3852],{}," на ваш реальный ключ во время сборки, или используйте инъекцию во время выполнения.",[18,8514,8516],{"id":8515},"_2-создайте-свой-хук","2. Создайте свой хук",[50,8518,8519],{"className":1754,"code":3887,"language":1756,"meta":55,"style":55},[41,8520,8521,8525,8533,8543,8553,8563,8567,8571,8579,8589,8619,8631,8635,8639,8647,8655,8685,8689,8693,8697,8709,8731,8755,8759,8763,8777,8797,8801,8805,8819],{"__ignoreMap":55},[59,8522,8523],{"class":61,"line":62},[59,8524,3894],{"class":2798},[59,8526,8527,8529,8531],{"class":61,"line":73},[59,8528,2086],{"class":76},[59,8530,2089],{"class":1817},[59,8532,179],{"class":65},[59,8534,8535,8537,8539,8541],{"class":61,"line":93},[59,8536,2096],{"class":69},[59,8538,272],{"class":65},[59,8540,2101],{"class":1817},[59,8542,234],{"class":65},[59,8544,8545,8547,8549,8551],{"class":61,"line":108},[59,8546,2108],{"class":69},[59,8548,272],{"class":65},[59,8550,2101],{"class":1817},[59,8552,234],{"class":65},[59,8554,8555,8557,8559,8561],{"class":61,"line":242},[59,8556,3927],{"class":69},[59,8558,2168],{"class":65},[59,8560,2101],{"class":1817},[59,8562,234],{"class":65},[59,8564,8565],{"class":61,"line":266},[59,8566,1852],{"class":65},[59,8568,8569],{"class":61,"line":284},[59,8570,1784],{"emptyLinePlaceholder":528},[59,8572,8573,8575,8577],{"class":61,"line":294},[59,8574,2086],{"class":76},[59,8576,3948],{"class":1817},[59,8578,179],{"class":65},[59,8580,8581,8583,8585,8587],{"class":61,"line":466},[59,8582,384],{"class":69},[59,8584,272],{"class":65},[59,8586,2101],{"class":1817},[59,8588,234],{"class":65},[59,8590,8591,8593,8595,8597,8599,8601,8603,8605,8607,8609,8611,8613,8615,8617],{"class":61,"line":474},[59,8592,400],{"class":69},[59,8594,2168],{"class":65},[59,8596,275],{"class":65},[59,8598,407],{"class":86},[59,8600,253],{"class":65},[59,8602,3975],{"class":65},[59,8604,275],{"class":65},[59,8606,3980],{"class":86},[59,8608,253],{"class":65},[59,8610,3975],{"class":65},[59,8612,275],{"class":65},[59,8614,3989],{"class":86},[59,8616,253],{"class":65},[59,8618,234],{"class":65},[59,8620,8621,8623,8625,8627,8629],{"class":61,"line":1894},[59,8622,416],{"class":69},[59,8624,272],{"class":65},[59,8626,2089],{"class":1817},[59,8628,4004],{"class":151},[59,8630,234],{"class":65},[59,8632,8633],{"class":61,"line":1908},[59,8634,1852],{"class":65},[59,8636,8637],{"class":61,"line":1914},[59,8638,1784],{"emptyLinePlaceholder":528},[59,8640,8641,8643,8645],{"class":61,"line":1919},[59,8642,2127],{"class":76},[59,8644,2130],{"class":151},[59,8646,2133],{"class":65},[59,8648,8649,8651,8653],{"class":61,"line":1926},[59,8650,2138],{"class":76},[59,8652,2141],{"class":1817},[59,8654,179],{"class":65},[59,8656,8657,8659,8661,8663,8665,8667,8669,8671,8673,8675,8677,8679,8681,8683],{"class":61,"line":1939},[59,8658,2148],{"class":69},[59,8660,272],{"class":65},[59,8662,2153],{"class":65},[59,8664,2156],{"class":1803},[59,8666,272],{"class":65},[59,8668,2101],{"class":1817},[59,8670,261],{"class":65},[59,8672,2165],{"class":1803},[59,8674,2168],{"class":65},[59,8676,2171],{"class":1817},[59,8678,231],{"class":65},[59,8680,2176],{"class":76},[59,8682,2179],{"class":1817},[59,8684,234],{"class":65},[59,8686,8687],{"class":61,"line":1952},[59,8688,2186],{"class":65},[59,8690,8691],{"class":61,"line":1958},[59,8692,1852],{"class":65},[59,8694,8695],{"class":61,"line":1967},[59,8696,1784],{"emptyLinePlaceholder":528},[59,8698,8699,8701,8703,8705,8707],{"class":61,"line":1973},[59,8700,1789],{"class":1763},[59,8702,173],{"class":76},[59,8704,4081],{"class":221},[59,8706,176],{"class":65},[59,8708,179],{"class":65},[59,8710,8711,8713,8715,8717,8719,8721,8723,8725,8727,8729],{"class":61,"line":1979},[59,8712,2231],{"class":76},[59,8714,4092],{"class":151},[59,8716,200],{"class":65},[59,8718,2153],{"class":65},[59,8720,4099],{"class":1803},[59,8722,272],{"class":65},[59,8724,3948],{"class":1817},[59,8726,231],{"class":65},[59,8728,2176],{"class":76},[59,8730,179],{"class":65},[59,8732,8733,8735,8737,8739,8741,8743,8745,8747,8749,8751,8753],{"class":61,"line":1985},[59,8734,2248],{"class":151},[59,8736,155],{"class":65},[59,8738,192],{"class":221},[59,8740,225],{"class":69},[59,8742,253],{"class":65},[59,8744,351],{"class":86},[59,8746,253],{"class":65},[59,8748,261],{"class":65},[59,8750,2165],{"class":151},[59,8752,231],{"class":69},[59,8754,234],{"class":65},[59,8756,8757],{"class":61,"line":1991},[59,8758,239],{"class":65},[59,8760,8761],{"class":61,"line":2017},[59,8762,1784],{"emptyLinePlaceholder":528},[59,8764,8765,8767,8769,8771,8773,8775],{"class":61,"line":2023},[59,8766,2231],{"class":76},[59,8768,4148],{"class":151},[59,8770,200],{"class":65},[59,8772,2239],{"class":65},[59,8774,2176],{"class":76},[59,8776,179],{"class":65},[59,8778,8779,8781,8783,8785,8787,8789,8791,8793,8795],{"class":61,"line":2031},[59,8780,2248],{"class":151},[59,8782,155],{"class":65},[59,8784,192],{"class":221},[59,8786,225],{"class":69},[59,8788,253],{"class":65},[59,8790,4171],{"class":86},[59,8792,253],{"class":65},[59,8794,231],{"class":69},[59,8796,234],{"class":65},[59,8798,8799],{"class":61,"line":2041},[59,8800,239],{"class":65},[59,8802,8803],{"class":61,"line":2047},[59,8804,1784],{"emptyLinePlaceholder":528},[59,8806,8807,8809,8811,8813,8815,8817],{"class":61,"line":2055},[59,8808,1833],{"class":1763},[59,8810,1810],{"class":65},[59,8812,4092],{"class":151},[59,8814,261],{"class":65},[59,8816,4148],{"class":151},[59,8818,4200],{"class":65},[59,8820,8821],{"class":61,"line":3092},[59,8822,1852],{"class":65},[18,8824,8826],{"id":8825},"_3-использование-в-компоненте","3. Использование в компоненте",[50,8828,8830],{"className":1754,"code":8829,"language":1756,"meta":55,"style":55},"\u002F\u002F components\u002FTryOnWidget.tsx\nimport { useFittingWidget } from '..\u002Fhooks\u002FuseFittingWidget';\n\ninterface Props {\n productName: string;\n imageUrl: string;\n}\n\nexport function TryOnWidget({ productName, imageUrl }: Props) {\n const { open } = useFittingWidget();\n\n return (\n \u003Cdiv>\n \u003Cdiv\n id=\"widget-container\"\n style={{ width: '100%', maxWidth: 600, aspectRatio: '3\u002F4' }}\n \u002F>\n \u003Cbutton\n onClick={() =>\n open({\n targetElementId: 'widget-container',\n model: 'balanced',\n tryonItems: [{ productName, url: imageUrl }],\n })\n }\n >\n Примерка\n \u003C\u002Fbutton>\n \u003C\u002Fdiv>\n );\n}\n",[41,8831,8832,8836,8856,8860,8868,8878,8888,8892,8896,8920,8938,8942,8948,8956,8962,8974,9012,9016,9022,9030,9038,9052,9066,9092,9098,9102,9106,9111,9119,9127,9133],{"__ignoreMap":55},[59,8833,8834],{"class":61,"line":62},[59,8835,4218],{"class":2798},[59,8837,8838,8840,8842,8844,8846,8848,8850,8852,8854],{"class":61,"line":73},[59,8839,1764],{"class":1763},[59,8841,1810],{"class":65},[59,8843,4081],{"class":151},[59,8845,2456],{"class":65},[59,8847,2459],{"class":1763},[59,8849,275],{"class":65},[59,8851,4235],{"class":86},[59,8853,253],{"class":65},[59,8855,234],{"class":65},[59,8857,8858],{"class":61,"line":93},[59,8859,1784],{"emptyLinePlaceholder":528},[59,8861,8862,8864,8866],{"class":61,"line":108},[59,8863,2086],{"class":76},[59,8865,4250],{"class":1817},[59,8867,179],{"class":65},[59,8869,8870,8872,8874,8876],{"class":61,"line":242},[59,8871,2096],{"class":69},[59,8873,272],{"class":65},[59,8875,2101],{"class":1817},[59,8877,234],{"class":65},[59,8879,8880,8882,8884,8886],{"class":61,"line":266},[59,8881,3466],{"class":69},[59,8883,272],{"class":65},[59,8885,2101],{"class":1817},[59,8887,234],{"class":65},[59,8889,8890],{"class":61,"line":284},[59,8891,1852],{"class":65},[59,8893,8894],{"class":61,"line":294},[59,8895,1784],{"emptyLinePlaceholder":528},[59,8897,8898,8900,8902,8904,8906,8908,8910,8912,8914,8916,8918],{"class":61,"line":466},[59,8899,1789],{"class":1763},[59,8901,173],{"class":76},[59,8903,4289],{"class":221},[59,8905,1800],{"class":65},[59,8907,4294],{"class":1803},[59,8909,261],{"class":65},[59,8911,4299],{"class":1803},[59,8913,1807],{"class":65},[59,8915,4250],{"class":1817},[59,8917,231],{"class":65},[59,8919,179],{"class":65},[59,8921,8922,8924,8926,8928,8930,8932,8934,8936],{"class":61,"line":474},[59,8923,2231],{"class":76},[59,8925,1810],{"class":65},[59,8927,4092],{"class":151},[59,8929,2456],{"class":65},[59,8931,200],{"class":65},[59,8933,4081],{"class":221},[59,8935,176],{"class":69},[59,8937,234],{"class":65},[59,8939,8940],{"class":61,"line":1894},[59,8941,1784],{"emptyLinePlaceholder":528},[59,8943,8944,8946],{"class":61,"line":1908},[59,8945,1833],{"class":1763},[59,8947,1836],{"class":69},[59,8949,8950,8952,8954],{"class":61,"line":1914},[59,8951,2558],{"class":65},[59,8953,324],{"class":69},[59,8955,117],{"class":65},[59,8957,8958,8960],{"class":61,"line":1919},[59,8959,1861],{"class":65},[59,8961,4350],{"class":69},[59,8963,8964,8966,8968,8970,8972],{"class":61,"line":1926},[59,8965,1897],{"class":76},[59,8967,80],{"class":65},[59,8969,83],{"class":65},[59,8971,333],{"class":86},[59,8973,90],{"class":65},[59,8975,8976,8978,8980,8982,8984,8986,8988,8990,8992,8994,8996,8998,9000,9002,9004,9006,9008,9010],{"class":61,"line":1939},[59,8977,4367],{"class":76},[59,8979,2354],{"class":65},[59,8981,2357],{"class":69},[59,8983,272],{"class":65},[59,8985,275],{"class":65},[59,8987,2364],{"class":86},[59,8989,253],{"class":65},[59,8991,261],{"class":65},[59,8993,2371],{"class":69},[59,8995,272],{"class":65},[59,8997,2377],{"class":2376},[59,8999,261],{"class":65},[59,9001,2382],{"class":69},[59,9003,272],{"class":65},[59,9005,275],{"class":65},[59,9007,2389],{"class":86},[59,9009,253],{"class":65},[59,9011,4402],{"class":65},[59,9013,9014],{"class":61,"line":1952},[59,9015,1911],{"class":65},[59,9017,9018,9020],{"class":61,"line":1958},[59,9019,1861],{"class":65},[59,9021,4413],{"class":69},[59,9023,9024,9026,9028],{"class":61,"line":1967},[59,9025,4418],{"class":76},[59,9027,4421],{"class":65},[59,9029,4424],{"class":76},[59,9031,9032,9034,9036],{"class":61,"line":1973},[59,9033,4429],{"class":221},[59,9035,225],{"class":151},[59,9037,2133],{"class":65},[59,9039,9040,9042,9044,9046,9048,9050],{"class":61,"line":1979},[59,9041,4438],{"class":69},[59,9043,272],{"class":65},[59,9045,275],{"class":65},[59,9047,333],{"class":86},[59,9049,253],{"class":65},[59,9051,395],{"class":65},[59,9053,9054,9056,9058,9060,9062,9064],{"class":61,"line":1985},[59,9055,4453],{"class":69},[59,9057,272],{"class":65},[59,9059,275],{"class":65},[59,9061,407],{"class":86},[59,9063,253],{"class":65},[59,9065,395],{"class":65},[59,9067,9068,9070,9072,9074,9076,9078,9080,9082,9084,9086,9088,9090],{"class":61,"line":1991},[59,9069,4468],{"class":69},[59,9071,272],{"class":65},[59,9073,4473],{"class":151},[59,9075,4476],{"class":65},[59,9077,4294],{"class":151},[59,9079,261],{"class":65},[59,9081,4483],{"class":69},[59,9083,272],{"class":65},[59,9085,4488],{"class":151},[59,9087,477],{"class":65},[59,9089,4493],{"class":151},[59,9091,395],{"class":65},[59,9093,9094,9096],{"class":61,"line":2017},[59,9095,4500],{"class":65},[59,9097,3097],{"class":151},[59,9099,9100],{"class":61,"line":2023},[59,9101,4507],{"class":65},[59,9103,9104],{"class":61,"line":2031},[59,9105,1955],{"class":65},[59,9107,9108],{"class":61,"line":2041},[59,9109,9110],{"class":151}," Примерка\n",[59,9112,9113,9115,9117],{"class":61,"line":2047},[59,9114,2034],{"class":65},[59,9116,2401],{"class":69},[59,9118,117],{"class":65},[59,9120,9121,9123,9125],{"class":61,"line":2055},[59,9122,2695],{"class":65},[59,9124,324],{"class":69},[59,9126,117],{"class":65},[59,9128,9129,9131],{"class":61,"line":3092},[59,9130,2050],{"class":69},[59,9132,234],{"class":65},[59,9134,9135],{"class":61,"line":3100},[59,9136,1852],{"class":65},[512,9138,4545],{},{"title":55,"searchDepth":73,"depth":73,"links":9140},[9141,9142,9143],{"id":8314,"depth":73,"text":8315},{"id":8515,"depth":73,"text":8516},{"id":8825,"depth":73,"text":8826},"Интеграция с React-приложением (Vite \u002F CRA)",{},"\u002Fintegrations\u002Freact",{"title":3666,"description":9144},"integrations\u002Freact","F7mSDoVd1RiVLbrCGyquPOzGkvCalo0IeQdlhW6YYUs",{"id":9151,"title":4560,"body":9152,"description":9773,"extension":525,"icon":5232,"meta":9774,"navigation":528,"path":502,"seo":9775,"stem":9776,"__hash__":9777},"content\u002Fintegrations\u002Fvanilla-js.md",{"type":7,"value":9153,"toc":9769},[9154,9158,9161,9165,9745,9749,9767],[10,9155,9157],{"id":9156},"интеграция-с-vanilla-js","Интеграция с Vanilla JS",[14,9159,9160],{},"Без фреймворков — только HTML и JavaScript.",[18,9162,9164],{"id":9163},"полный-пример","Полный пример",[50,9166,9168],{"className":52,"code":9167,"language":54,"meta":55,"style":55},"\u003C!DOCTYPE html>\n\u003Chtml lang=\"ru\">\n\u003Chead>\n \u003Cmeta charset=\"UTF-8\" \u002F>\n \u003Cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \u002F>\n \u003Ctitle>Страница товара — Виртуальная примерка\u003C\u002Ftitle>\n\u003C\u002Fhead>\n\u003Cbody>\n\n \u003Ch1>Классическая джинсовая куртка\u003C\u002Fh1>\n \u003Cp>7 500 ₽\u003C\u002Fp>\n\n \u003C!-- Контейнер виджета -->\n \u003Cdiv id=\"widget-container\" style=\"width: 100%; max-width: 600px; aspect-ratio: 3 \u002F 4;\">\u003C\u002Fdiv>\n\n \u003Cbutton onclick=\"openWidget()\">Примерка\u003C\u002Fbutton>\n\n \u003C!-- 1. Загрузка пакета виджета -->\n \u003Cscript\n src=\"https:\u002F\u002Fwidget.try-on.ru\u002Ffitting-widget-bundle.js\"\n id=\"fitting-widget-bundle\"\n >\u003C\u002Fscript>\n\n \u003C!-- 2. Инициализация -->\n \u003Cscript id=\"fitting-init\">\n window.fitting = window.fitting || function() {\n (window.fitting.q = window.fitting.q || []).push(arguments);\n };\n window.fitting('init', {\n apiKey: 'YOUR_API_KEY'\n });\n \u003C\u002Fscript>\n\n \u003Cscript>\n function openWidget() {\n window.fitting('create', {\n targetElementId: 'widget-container',\n model: 'balanced',\n tryonItems: [\n {\n productName: 'Классическая джинсовая куртка',\n url: 'https:\u002F\u002Fexample.com\u002Fimages\u002Fjacket.jpg',\n },\n ],\n });\n }\n \u003C\u002Fscript>\n\u003C\u002Fbody>\n\u003C\u002Fhtml>\n",[41,9169,9170,9180,9199,9207,9225,9253,9270,9278,9286,9290,9307,9324,9328,9333,9365,9369,9397,9401,9406,9412,9424,9436,9444,9448,9453,9471,9495,9537,9541,9561,9573,9581,9589,9593,9601,9611,9631,9645,9659,9667,9671,9685,9699,9703,9709,9717,9721,9729,9737],{"__ignoreMap":55},[59,9171,9172,9174,9176,9178],{"class":61,"line":62},[59,9173,4583],{"class":65},[59,9175,4586],{"class":69},[59,9177,4589],{"class":76},[59,9179,117],{"class":65},[59,9181,9182,9184,9186,9188,9190,9192,9195,9197],{"class":61,"line":73},[59,9183,66],{"class":65},[59,9185,54],{"class":69},[59,9187,2902],{"class":76},[59,9189,80],{"class":65},[59,9191,83],{"class":65},[59,9193,9194],{"class":86},"ru",[59,9196,83],{"class":65},[59,9198,117],{"class":65},[59,9200,9201,9203,9205],{"class":61,"line":93},[59,9202,66],{"class":65},[59,9204,4617],{"class":69},[59,9206,117],{"class":65},[59,9208,9209,9211,9213,9215,9217,9219,9221,9223],{"class":61,"line":108},[59,9210,2813],{"class":65},[59,9212,3054],{"class":69},[59,9214,4628],{"class":76},[59,9216,80],{"class":65},[59,9218,83],{"class":65},[59,9220,4635],{"class":86},[59,9222,83],{"class":65},[59,9224,2869],{"class":65},[59,9226,9227,9229,9231,9233,9235,9237,9239,9241,9243,9245,9247,9249,9251],{"class":61,"line":242},[59,9228,2813],{"class":65},[59,9230,3054],{"class":69},[59,9232,4648],{"class":76},[59,9234,80],{"class":65},[59,9236,83],{"class":65},[59,9238,4655],{"class":86},[59,9240,83],{"class":65},[59,9242,4660],{"class":76},[59,9244,80],{"class":65},[59,9246,83],{"class":65},[59,9248,4667],{"class":86},[59,9250,83],{"class":65},[59,9252,2869],{"class":65},[59,9254,9255,9257,9259,9261,9264,9266,9268],{"class":61,"line":266},[59,9256,2813],{"class":65},[59,9258,4678],{"class":69},[59,9260,2826],{"class":65},[59,9262,9263],{"class":151},"Страница товара — Виртуальная примерка",[59,9265,297],{"class":65},[59,9267,4678],{"class":69},[59,9269,117],{"class":65},[59,9271,9272,9274,9276],{"class":61,"line":284},[59,9273,297],{"class":65},[59,9275,4617],{"class":69},[59,9277,117],{"class":65},[59,9279,9280,9282,9284],{"class":61,"line":294},[59,9281,66],{"class":65},[59,9283,4704],{"class":69},[59,9285,117],{"class":65},[59,9287,9288],{"class":61,"line":466},[59,9289,1784],{"emptyLinePlaceholder":528},[59,9291,9292,9294,9296,9298,9301,9303,9305],{"class":61,"line":474},[59,9293,2813],{"class":65},[59,9295,10],{"class":69},[59,9297,2826],{"class":65},[59,9299,9300],{"class":151},"Классическая джинсовая куртка",[59,9302,297],{"class":65},[59,9304,10],{"class":69},[59,9306,117],{"class":65},[59,9308,9309,9311,9313,9315,9318,9320,9322],{"class":61,"line":1894},[59,9310,2813],{"class":65},[59,9312,14],{"class":69},[59,9314,2826],{"class":65},[59,9316,9317],{"class":151},"7 500 ₽",[59,9319,297],{"class":65},[59,9321,14],{"class":69},[59,9323,117],{"class":65},[59,9325,9326],{"class":61,"line":1908},[59,9327,1784],{"emptyLinePlaceholder":528},[59,9329,9330],{"class":61,"line":1914},[59,9331,9332],{"class":2798}," \u003C!-- Контейнер виджета -->\n",[59,9334,9335,9337,9339,9341,9343,9345,9347,9349,9351,9353,9355,9357,9359,9361,9363],{"class":61,"line":1919},[59,9336,2813],{"class":65},[59,9338,324],{"class":69},[59,9340,135],{"class":76},[59,9342,80],{"class":65},[59,9344,83],{"class":65},[59,9346,333],{"class":86},[59,9348,83],{"class":65},[59,9350,2351],{"class":76},[59,9352,80],{"class":65},[59,9354,83],{"class":65},[59,9356,4777],{"class":86},[59,9358,83],{"class":65},[59,9360,111],{"class":65},[59,9362,324],{"class":69},[59,9364,117],{"class":65},[59,9366,9367],{"class":61,"line":1926},[59,9368,1784],{"emptyLinePlaceholder":528},[59,9370,9371,9373,9375,9377,9379,9381,9383,9385,9387,9389,9391,9393,9395],{"class":61,"line":1939},[59,9372,2813],{"class":65},[59,9374,2401],{"class":69},[59,9376,4798],{"class":76},[59,9378,80],{"class":65},[59,9380,83],{"class":65},[59,9382,4805],{"class":221},[59,9384,176],{"class":86},[59,9386,83],{"class":65},[59,9388,2826],{"class":65},[59,9390,7181],{"class":151},[59,9392,297],{"class":65},[59,9394,2401],{"class":69},[59,9396,117],{"class":65},[59,9398,9399],{"class":61,"line":1952},[59,9400,1784],{"emptyLinePlaceholder":528},[59,9402,9403],{"class":61,"line":1958},[59,9404,9405],{"class":2798}," \u003C!-- 1. Загрузка пакета виджета -->\n",[59,9407,9408,9410],{"class":61,"line":1967},[59,9409,2813],{"class":65},[59,9411,70],{"class":69},[59,9413,9414,9416,9418,9420,9422],{"class":61,"line":1973},[59,9415,4839],{"class":76},[59,9417,80],{"class":65},[59,9419,83],{"class":65},[59,9421,87],{"class":86},[59,9423,90],{"class":65},[59,9425,9426,9428,9430,9432,9434],{"class":61,"line":1979},[59,9427,4852],{"class":76},[59,9429,80],{"class":65},[59,9431,83],{"class":65},[59,9433,103],{"class":86},[59,9435,90],{"class":65},[59,9437,9438,9440,9442],{"class":61,"line":1985},[59,9439,4865],{"class":65},[59,9441,114],{"class":69},[59,9443,117],{"class":65},[59,9445,9446],{"class":61,"line":1991},[59,9447,1784],{"emptyLinePlaceholder":528},[59,9449,9450],{"class":61,"line":2017},[59,9451,9452],{"class":2798}," \u003C!-- 2. Инициализация -->\n",[59,9454,9455,9457,9459,9461,9463,9465,9467,9469],{"class":61,"line":2023},[59,9456,2813],{"class":65},[59,9458,114],{"class":69},[59,9460,135],{"class":76},[59,9462,80],{"class":65},[59,9464,83],{"class":65},[59,9466,142],{"class":86},[59,9468,83],{"class":65},[59,9470,117],{"class":65},[59,9472,9473,9475,9477,9479,9481,9483,9485,9487,9489,9491,9493],{"class":61,"line":2031},[59,9474,2248],{"class":151},[59,9476,155],{"class":65},[59,9478,158],{"class":151},[59,9480,80],{"class":65},[59,9482,163],{"class":151},[59,9484,155],{"class":65},[59,9486,158],{"class":151},[59,9488,170],{"class":65},[59,9490,173],{"class":76},[59,9492,176],{"class":65},[59,9494,179],{"class":65},[59,9496,9497,9499,9501,9503,9505,9507,9509,9511,9513,9515,9517,9519,9521,9523,9525,9527,9529,9531,9533,9535],{"class":61,"line":2041},[59,9498,4925],{"class":69},[59,9500,187],{"class":151},[59,9502,155],{"class":65},[59,9504,192],{"class":151},[59,9506,155],{"class":65},[59,9508,197],{"class":151},[59,9510,200],{"class":65},[59,9512,163],{"class":151},[59,9514,155],{"class":65},[59,9516,192],{"class":151},[59,9518,155],{"class":65},[59,9520,197],{"class":151},[59,9522,213],{"class":65},[59,9524,216],{"class":69},[59,9526,155],{"class":65},[59,9528,222],{"class":221},[59,9530,225],{"class":69},[59,9532,228],{"class":151},[59,9534,231],{"class":69},[59,9536,234],{"class":65},[59,9538,9539],{"class":61,"line":2047},[59,9540,4968],{"class":65},[59,9542,9543,9545,9547,9549,9551,9553,9555,9557,9559],{"class":61,"line":2055},[59,9544,2248],{"class":151},[59,9546,155],{"class":65},[59,9548,192],{"class":221},[59,9550,225],{"class":151},[59,9552,253],{"class":65},[59,9554,256],{"class":86},[59,9556,253],{"class":65},[59,9558,261],{"class":65},[59,9560,179],{"class":65},[59,9562,9563,9565,9567,9569,9571],{"class":61,"line":3092},[59,9564,4993],{"class":69},[59,9566,272],{"class":65},[59,9568,275],{"class":65},[59,9570,278],{"class":86},[59,9572,281],{"class":65},[59,9574,9575,9577,9579],{"class":61,"line":3100},[59,9576,2310],{"class":65},[59,9578,231],{"class":151},[59,9580,234],{"class":65},[59,9582,9583,9585,9587],{"class":61,"line":5012},[59,9584,2874],{"class":65},[59,9586,114],{"class":69},[59,9588,117],{"class":65},[59,9590,9591],{"class":61,"line":5021},[59,9592,1784],{"emptyLinePlaceholder":528},[59,9594,9595,9597,9599],{"class":61,"line":5026},[59,9596,2813],{"class":65},[59,9598,114],{"class":69},[59,9600,117],{"class":65},[59,9602,9603,9605,9607,9609],{"class":61,"line":5035},[59,9604,5038],{"class":76},[59,9606,5041],{"class":221},[59,9608,176],{"class":65},[59,9610,179],{"class":65},[59,9612,9613,9615,9617,9619,9621,9623,9625,9627,9629],{"class":61,"line":5048},[59,9614,5051],{"class":151},[59,9616,155],{"class":65},[59,9618,192],{"class":221},[59,9620,225],{"class":69},[59,9622,253],{"class":65},[59,9624,351],{"class":86},[59,9626,253],{"class":65},[59,9628,261],{"class":65},[59,9630,179],{"class":65},[59,9632,9633,9635,9637,9639,9641,9643],{"class":61,"line":5070},[59,9634,5073],{"class":69},[59,9636,272],{"class":65},[59,9638,275],{"class":65},[59,9640,333],{"class":86},[59,9642,253],{"class":65},[59,9644,395],{"class":65},[59,9646,9647,9649,9651,9653,9655,9657],{"class":61,"line":5086},[59,9648,5089],{"class":69},[59,9650,272],{"class":65},[59,9652,275],{"class":65},[59,9654,407],{"class":86},[59,9656,253],{"class":65},[59,9658,395],{"class":65},[59,9660,9661,9663,9665],{"class":61,"line":5102},[59,9662,5105],{"class":69},[59,9664,272],{"class":65},[59,9666,421],{"class":69},[59,9668,9669],{"class":61,"line":5112},[59,9670,2644],{"class":65},[59,9672,9673,9675,9677,9679,9681,9683],{"class":61,"line":5117},[59,9674,2649],{"class":69},[59,9676,272],{"class":65},[59,9678,275],{"class":65},[59,9680,9300],{"class":86},[59,9682,253],{"class":65},[59,9684,395],{"class":65},[59,9686,9687,9689,9691,9693,9695,9697],{"class":61,"line":5132},[59,9688,2664],{"class":69},[59,9690,272],{"class":65},[59,9692,275],{"class":65},[59,9694,5141],{"class":86},[59,9696,253],{"class":65},[59,9698,395],{"class":65},[59,9700,9701],{"class":61,"line":5148},[59,9702,2679],{"class":65},[59,9704,9705,9707],{"class":61,"line":5153},[59,9706,2684],{"class":69},[59,9708,395],{"class":65},[59,9710,9711,9713,9715],{"class":61,"line":5160},[59,9712,5163],{"class":65},[59,9714,231],{"class":69},[59,9716,234],{"class":65},[59,9718,9719],{"class":61,"line":5170},[59,9720,5173],{"class":65},[59,9722,9723,9725,9727],{"class":61,"line":5176},[59,9724,2874],{"class":65},[59,9726,114],{"class":69},[59,9728,117],{"class":65},[59,9730,9731,9733,9735],{"class":61,"line":5185},[59,9732,297],{"class":65},[59,9734,4704],{"class":69},[59,9736,117],{"class":65},[59,9738,9739,9741,9743],{"class":61,"line":5194},[59,9740,297],{"class":65},[59,9742,54],{"class":69},[59,9744,117],{"class":65},[18,9746,9748],{"id":9747},"ключевые-моменты","Ключевые моменты",[494,9750,9751,9754,9762],{},[497,9752,9753],{},"Сначала загружается пакетный скрипт.",[497,9755,9756,9757,9759,9760,155],{},"Инициализируйте с помощью ",[41,9758,5215],{}," перед вызовом ",[41,9761,351],{},[497,9763,9764,9766],{},[41,9765,675],{}," должен совпадать с существующим элементом на странице.",[512,9768,5226],{},{"title":55,"searchDepth":73,"depth":73,"links":9770},[9771,9772],{"id":9163,"depth":73,"text":9164},{"id":9747,"depth":73,"text":9748},"Интеграция с обычным HTML\u002FJavaScript",{},{"title":4560,"description":9773},"integrations\u002Fvanilla-js","TOVOFdq4t72IBSUKHoJgLGlQk10I_zCs_rea9Sj9PGA",{"id":9779,"title":5240,"body":9780,"description":10610,"extension":525,"icon":6087,"meta":10611,"navigation":528,"path":10612,"seo":10613,"stem":10614,"__hash__":10615},"content\u002Fintegrations\u002Fvue.md",{"type":7,"value":9781,"toc":10605},[9782,9786,9789,9791,9796,9974,9978,10270,10274,10603],[10,9783,9785],{"id":9784},"интеграция-с-vue-3","Интеграция с Vue 3",[14,9787,9788],{},"Работает с Vue 3 + Vite или любым другим окружением Vue 3.",[18,9790,8315],{"id":8314},[14,9792,9793,9794,272],{},"В ",[41,9795,3685],{},[50,9797,9798],{"className":52,"code":5259,"language":54,"meta":55,"style":55},[41,9799,9800,9806,9818,9830,9838,9856,9880,9922,9926,9946,9958,9966],{"__ignoreMap":55},[59,9801,9802,9804],{"class":61,"line":62},[59,9803,66],{"class":65},[59,9805,70],{"class":69},[59,9807,9808,9810,9812,9814,9816],{"class":61,"line":73},[59,9809,77],{"class":76},[59,9811,80],{"class":65},[59,9813,83],{"class":65},[59,9815,87],{"class":86},[59,9817,90],{"class":65},[59,9819,9820,9822,9824,9826,9828],{"class":61,"line":93},[59,9821,96],{"class":76},[59,9823,80],{"class":65},[59,9825,83],{"class":65},[59,9827,103],{"class":86},[59,9829,90],{"class":65},[59,9831,9832,9834,9836],{"class":61,"line":108},[59,9833,111],{"class":65},[59,9835,114],{"class":69},[59,9837,117],{"class":65},[59,9839,9840,9842,9844,9846,9848,9850,9852,9854],{"class":61,"line":242},[59,9841,66],{"class":65},[59,9843,114],{"class":69},[59,9845,135],{"class":76},[59,9847,80],{"class":65},[59,9849,83],{"class":65},[59,9851,142],{"class":86},[59,9853,83],{"class":65},[59,9855,117],{"class":65},[59,9857,9858,9860,9862,9864,9866,9868,9870,9872,9874,9876,9878],{"class":61,"line":266},[59,9859,152],{"class":151},[59,9861,155],{"class":65},[59,9863,158],{"class":151},[59,9865,80],{"class":65},[59,9867,163],{"class":151},[59,9869,155],{"class":65},[59,9871,158],{"class":151},[59,9873,170],{"class":65},[59,9875,173],{"class":76},[59,9877,176],{"class":65},[59,9879,179],{"class":65},[59,9881,9882,9884,9886,9888,9890,9892,9894,9896,9898,9900,9902,9904,9906,9908,9910,9912,9914,9916,9918,9920],{"class":61,"line":284},[59,9883,184],{"class":69},[59,9885,187],{"class":151},[59,9887,155],{"class":65},[59,9889,192],{"class":151},[59,9891,155],{"class":65},[59,9893,197],{"class":151},[59,9895,200],{"class":65},[59,9897,163],{"class":151},[59,9899,155],{"class":65},[59,9901,192],{"class":151},[59,9903,155],{"class":65},[59,9905,197],{"class":151},[59,9907,213],{"class":65},[59,9909,216],{"class":69},[59,9911,155],{"class":65},[59,9913,222],{"class":221},[59,9915,225],{"class":69},[59,9917,228],{"class":151},[59,9919,231],{"class":69},[59,9921,234],{"class":65},[59,9923,9924],{"class":61,"line":294},[59,9925,239],{"class":65},[59,9927,9928,9930,9932,9934,9936,9938,9940,9942,9944],{"class":61,"line":466},[59,9929,152],{"class":151},[59,9931,155],{"class":65},[59,9933,192],{"class":221},[59,9935,225],{"class":151},[59,9937,253],{"class":65},[59,9939,256],{"class":86},[59,9941,253],{"class":65},[59,9943,261],{"class":65},[59,9945,179],{"class":65},[59,9947,9948,9950,9952,9954,9956],{"class":61,"line":474},[59,9949,269],{"class":69},[59,9951,272],{"class":65},[59,9953,275],{"class":65},[59,9955,278],{"class":86},[59,9957,281],{"class":65},[59,9959,9960,9962,9964],{"class":61,"line":1894},[59,9961,287],{"class":65},[59,9963,231],{"class":151},[59,9965,234],{"class":65},[59,9967,9968,9970,9972],{"class":61,"line":1908},[59,9969,297],{"class":65},[59,9971,114],{"class":69},[59,9973,117],{"class":65},[18,9975,9977],{"id":9976},"_2-создайте-composable","2. Создайте composable",[50,9979,9980],{"className":3115,"code":5442,"language":2909,"meta":55,"style":55},[41,9981,9982,9986,9996,10004,10012,10020,10024,10028,10038,10046,10074,10084,10088,10092,10100,10108,10136,10140,10144,10148,10160,10182,10204,10208,10212,10226,10244,10248,10252,10266],{"__ignoreMap":55},[59,9983,9984],{"class":61,"line":62},[59,9985,5449],{"class":2798},[59,9987,9988,9990,9992,9994],{"class":61,"line":73},[59,9989,1789],{"class":1763},[59,9991,5456],{"class":76},[59,9993,2089],{"class":1817},[59,9995,179],{"class":65},[59,9997,9998,10000,10002],{"class":61,"line":93},[59,9999,2096],{"class":69},[59,10001,272],{"class":65},[59,10003,3461],{"class":1817},[59,10005,10006,10008,10010],{"class":61,"line":108},[59,10007,2108],{"class":69},[59,10009,272],{"class":65},[59,10011,3461],{"class":1817},[59,10013,10014,10016,10018],{"class":61,"line":242},[59,10015,3927],{"class":69},[59,10017,2168],{"class":65},[59,10019,3461],{"class":1817},[59,10021,10022],{"class":61,"line":266},[59,10023,1852],{"class":65},[59,10025,10026],{"class":61,"line":284},[59,10027,1784],{"emptyLinePlaceholder":528},[59,10029,10030,10032,10034,10036],{"class":61,"line":294},[59,10031,1789],{"class":1763},[59,10033,5456],{"class":76},[59,10035,3948],{"class":1817},[59,10037,179],{"class":65},[59,10039,10040,10042,10044],{"class":61,"line":466},[59,10041,384],{"class":69},[59,10043,272],{"class":65},[59,10045,3461],{"class":1817},[59,10047,10048,10050,10052,10054,10056,10058,10060,10062,10064,10066,10068,10070,10072],{"class":61,"line":474},[59,10049,400],{"class":69},[59,10051,2168],{"class":65},[59,10053,275],{"class":65},[59,10055,407],{"class":86},[59,10057,253],{"class":65},[59,10059,3975],{"class":65},[59,10061,275],{"class":65},[59,10063,3980],{"class":86},[59,10065,253],{"class":65},[59,10067,3975],{"class":65},[59,10069,275],{"class":65},[59,10071,3989],{"class":86},[59,10073,281],{"class":65},[59,10075,10076,10078,10080,10082],{"class":61,"line":1894},[59,10077,416],{"class":69},[59,10079,272],{"class":65},[59,10081,2089],{"class":1817},[59,10083,5549],{"class":151},[59,10085,10086],{"class":61,"line":1908},[59,10087,1852],{"class":65},[59,10089,10090],{"class":61,"line":1914},[59,10091,1784],{"emptyLinePlaceholder":528},[59,10093,10094,10096,10098],{"class":61,"line":1919},[59,10095,2127],{"class":76},[59,10097,2130],{"class":151},[59,10099,2133],{"class":65},[59,10101,10102,10104,10106],{"class":61,"line":1926},[59,10103,2138],{"class":76},[59,10105,2141],{"class":1817},[59,10107,179],{"class":65},[59,10109,10110,10112,10114,10116,10118,10120,10122,10124,10126,10128,10130,10132,10134],{"class":61,"line":1939},[59,10111,2148],{"class":69},[59,10113,272],{"class":65},[59,10115,2153],{"class":65},[59,10117,2156],{"class":1803},[59,10119,272],{"class":65},[59,10121,2101],{"class":1817},[59,10123,261],{"class":65},[59,10125,2165],{"class":1803},[59,10127,2168],{"class":65},[59,10129,2171],{"class":1817},[59,10131,231],{"class":65},[59,10133,2176],{"class":76},[59,10135,5602],{"class":1817},[59,10137,10138],{"class":61,"line":1952},[59,10139,2186],{"class":65},[59,10141,10142],{"class":61,"line":1958},[59,10143,1852],{"class":65},[59,10145,10146],{"class":61,"line":1967},[59,10147,1784],{"emptyLinePlaceholder":528},[59,10149,10150,10152,10154,10156,10158],{"class":61,"line":1973},[59,10151,1789],{"class":1763},[59,10153,173],{"class":76},[59,10155,4081],{"class":221},[59,10157,176],{"class":65},[59,10159,179],{"class":65},[59,10161,10162,10164,10166,10168,10170,10172,10174,10176,10178,10180],{"class":61,"line":1979},[59,10163,2231],{"class":76},[59,10165,4092],{"class":151},[59,10167,200],{"class":65},[59,10169,2153],{"class":65},[59,10171,4099],{"class":1803},[59,10173,272],{"class":65},[59,10175,3948],{"class":1817},[59,10177,231],{"class":65},[59,10179,2176],{"class":76},[59,10181,179],{"class":65},[59,10183,10184,10186,10188,10190,10192,10194,10196,10198,10200,10202],{"class":61,"line":1985},[59,10185,2248],{"class":151},[59,10187,155],{"class":65},[59,10189,192],{"class":221},[59,10191,225],{"class":69},[59,10193,253],{"class":65},[59,10195,351],{"class":86},[59,10197,253],{"class":65},[59,10199,261],{"class":65},[59,10201,2165],{"class":151},[59,10203,3097],{"class":69},[59,10205,10206],{"class":61,"line":1991},[59,10207,2186],{"class":65},[59,10209,10210],{"class":61,"line":2017},[59,10211,1784],{"emptyLinePlaceholder":528},[59,10213,10214,10216,10218,10220,10222,10224],{"class":61,"line":2023},[59,10215,2231],{"class":76},[59,10217,4148],{"class":151},[59,10219,200],{"class":65},[59,10221,2239],{"class":65},[59,10223,2176],{"class":76},[59,10225,179],{"class":65},[59,10227,10228,10230,10232,10234,10236,10238,10240,10242],{"class":61,"line":2031},[59,10229,2248],{"class":151},[59,10231,155],{"class":65},[59,10233,192],{"class":221},[59,10235,225],{"class":69},[59,10237,253],{"class":65},[59,10239,4171],{"class":86},[59,10241,253],{"class":65},[59,10243,3097],{"class":69},[59,10245,10246],{"class":61,"line":2041},[59,10247,2186],{"class":65},[59,10249,10250],{"class":61,"line":2047},[59,10251,1784],{"emptyLinePlaceholder":528},[59,10253,10254,10256,10258,10260,10262,10264],{"class":61,"line":2055},[59,10255,1833],{"class":1763},[59,10257,1810],{"class":65},[59,10259,4092],{"class":151},[59,10261,261],{"class":65},[59,10263,4148],{"class":151},[59,10265,5733],{"class":65},[59,10267,10268],{"class":61,"line":3092},[59,10269,1852],{"class":65},[18,10271,10273],{"id":10272},"_3-создайте-компонент-виджета","3. Создайте компонент виджета",[50,10275,10277],{"className":2789,"code":10276,"language":2791,"meta":55,"style":55},"\u003C!-- components\u002FTryOnWidget.vue -->\n\u003Ctemplate>\n \u003Cdiv>\n \u003Cdiv\n id=\"widget-container\"\n style=\"width: 100%; max-width: 600px; aspect-ratio: 3\u002F4\"\n \u002F>\n \u003Cbutton @click=\"handleTryOn\">Примерка\u003C\u002Fbutton>\n \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup lang=\"ts\">\nimport { useFittingWidget, type TryonItem } from '~\u002Fcomposables\u002FuseFittingWidget'\n\nconst props = defineProps\u003C{\n productName: string\n imageUrl: string\n}>()\n\nconst { open } = useFittingWidget()\n\nconst handleTryOn = () => {\n open({\n targetElementId: 'widget-container',\n model: 'balanced',\n tryonItems: [\n {\n productName: props.productName,\n url: props.imageUrl,\n },\n ],\n })\n}\n\u003C\u002Fscript>\n",[41,10278,10279,10283,10291,10299,10305,10317,10329,10333,10359,10367,10375,10379,10399,10423,10427,10439,10447,10455,10461,10465,10481,10485,10499,10507,10521,10535,10543,10547,10561,10575,10579,10585,10591,10595],{"__ignoreMap":55},[59,10280,10281],{"class":61,"line":62},[59,10282,3322],{"class":2798},[59,10284,10285,10287,10289],{"class":61,"line":73},[59,10286,66],{"class":65},[59,10288,2806],{"class":69},[59,10290,117],{"class":65},[59,10292,10293,10295,10297],{"class":61,"line":93},[59,10294,2813],{"class":65},[59,10296,324],{"class":69},[59,10298,117],{"class":65},[59,10300,10301,10303],{"class":61,"line":108},[59,10302,2558],{"class":65},[59,10304,4350],{"class":69},[59,10306,10307,10309,10311,10313,10315],{"class":61,"line":242},[59,10308,2978],{"class":76},[59,10310,80],{"class":65},[59,10312,83],{"class":65},[59,10314,333],{"class":86},[59,10316,90],{"class":65},[59,10318,10319,10321,10323,10325,10327],{"class":61,"line":266},[59,10320,5789],{"class":76},[59,10322,80],{"class":65},[59,10324,83],{"class":65},[59,10326,5796],{"class":86},[59,10328,90],{"class":65},[59,10330,10331],{"class":61,"line":284},[59,10332,5803],{"class":65},[59,10334,10335,10337,10339,10341,10343,10345,10347,10349,10351,10353,10355,10357],{"class":61,"line":294},[59,10336,2558],{"class":65},[59,10338,2401],{"class":69},[59,10340,3377],{"class":76},[59,10342,80],{"class":65},[59,10344,83],{"class":65},[59,10346,3384],{"class":86},[59,10348,83],{"class":65},[59,10350,2826],{"class":65},[59,10352,7181],{"class":151},[59,10354,297],{"class":65},[59,10356,2401],{"class":69},[59,10358,117],{"class":65},[59,10360,10361,10363,10365],{"class":61,"line":466},[59,10362,2874],{"class":65},[59,10364,324],{"class":69},[59,10366,117],{"class":65},[59,10368,10369,10371,10373],{"class":61,"line":474},[59,10370,297],{"class":65},[59,10372,2806],{"class":69},[59,10374,117],{"class":65},[59,10376,10377],{"class":61,"line":1894},[59,10378,1784],{"emptyLinePlaceholder":528},[59,10380,10381,10383,10385,10387,10389,10391,10393,10395,10397],{"class":61,"line":1908},[59,10382,66],{"class":65},[59,10384,114],{"class":69},[59,10386,2899],{"class":76},[59,10388,2902],{"class":76},[59,10390,80],{"class":65},[59,10392,83],{"class":65},[59,10394,2909],{"class":86},[59,10396,83],{"class":65},[59,10398,117],{"class":65},[59,10400,10401,10403,10405,10407,10409,10411,10413,10415,10417,10419,10421],{"class":61,"line":1914},[59,10402,1764],{"class":1763},[59,10404,1810],{"class":65},[59,10406,4081],{"class":151},[59,10408,261],{"class":65},[59,10410,5882],{"class":1763},[59,10412,2089],{"class":151},[59,10414,2456],{"class":65},[59,10416,2459],{"class":1763},[59,10418,275],{"class":65},[59,10420,5893],{"class":86},[59,10422,281],{"class":65},[59,10424,10425],{"class":61,"line":1919},[59,10426,1784],{"emptyLinePlaceholder":528},[59,10428,10429,10431,10433,10435,10437],{"class":61,"line":1926},[59,10430,3441],{"class":76},[59,10432,3444],{"class":151},[59,10434,80],{"class":65},[59,10436,3449],{"class":221},[59,10438,3452],{"class":65},[59,10440,10441,10443,10445],{"class":61,"line":1939},[59,10442,2096],{"class":69},[59,10444,272],{"class":65},[59,10446,3461],{"class":1817},[59,10448,10449,10451,10453],{"class":61,"line":1952},[59,10450,3466],{"class":69},[59,10452,272],{"class":65},[59,10454,3461],{"class":1817},[59,10456,10457,10459],{"class":61,"line":1958},[59,10458,2413],{"class":65},[59,10460,3477],{"class":151},[59,10462,10463],{"class":61,"line":1967},[59,10464,1784],{"emptyLinePlaceholder":528},[59,10466,10467,10469,10471,10473,10475,10477,10479],{"class":61,"line":1973},[59,10468,3441],{"class":76},[59,10470,1810],{"class":65},[59,10472,5946],{"class":151},[59,10474,477],{"class":65},[59,10476,200],{"class":65},[59,10478,4081],{"class":221},[59,10480,3477],{"class":151},[59,10482,10483],{"class":61,"line":1979},[59,10484,1784],{"emptyLinePlaceholder":528},[59,10486,10487,10489,10491,10493,10495,10497],{"class":61,"line":1985},[59,10488,3441],{"class":76},[59,10490,3488],{"class":151},[59,10492,80],{"class":65},[59,10494,2239],{"class":65},[59,10496,2176],{"class":76},[59,10498,179],{"class":65},[59,10500,10501,10503,10505],{"class":61,"line":1991},[59,10502,5977],{"class":221},[59,10504,225],{"class":69},[59,10506,2133],{"class":65},[59,10508,10509,10511,10513,10515,10517,10519],{"class":61,"line":2017},[59,10510,3521],{"class":69},[59,10512,272],{"class":65},[59,10514,275],{"class":65},[59,10516,333],{"class":86},[59,10518,253],{"class":65},[59,10520,395],{"class":65},[59,10522,10523,10525,10527,10529,10531,10533],{"class":61,"line":2023},[59,10524,3536],{"class":69},[59,10526,272],{"class":65},[59,10528,275],{"class":65},[59,10530,407],{"class":86},[59,10532,253],{"class":65},[59,10534,395],{"class":65},[59,10536,10537,10539,10541],{"class":61,"line":2031},[59,10538,3551],{"class":69},[59,10540,272],{"class":65},[59,10542,421],{"class":69},[59,10544,10545],{"class":61,"line":2041},[59,10546,3560],{"class":65},[59,10548,10549,10551,10553,10555,10557,10559],{"class":61,"line":2047},[59,10550,3565],{"class":69},[59,10552,272],{"class":65},[59,10554,3570],{"class":151},[59,10556,155],{"class":65},[59,10558,749],{"class":151},[59,10560,395],{"class":65},[59,10562,10563,10565,10567,10569,10571,10573],{"class":61,"line":2055},[59,10564,3581],{"class":69},[59,10566,272],{"class":65},[59,10568,3570],{"class":151},[59,10570,155],{"class":65},[59,10572,3590],{"class":151},[59,10574,395],{"class":65},[59,10576,10577],{"class":61,"line":3092},[59,10578,3597],{"class":65},[59,10580,10581,10583],{"class":61,"line":3100},[59,10582,3602],{"class":69},[59,10584,395],{"class":65},[59,10586,10587,10589],{"class":61,"line":5012},[59,10588,287],{"class":65},[59,10590,3097],{"class":69},[59,10592,10593],{"class":61,"line":5021},[59,10594,1852],{"class":65},[59,10596,10597,10599,10601],{"class":61,"line":5026},[59,10598,297],{"class":65},[59,10600,114],{"class":69},[59,10602,117],{"class":65},[512,10604,6080],{},{"title":55,"searchDepth":73,"depth":73,"links":10606},[10607,10608,10609],{"id":8314,"depth":73,"text":8315},{"id":9976,"depth":73,"text":9977},{"id":10272,"depth":73,"text":10273},"Интеграция с Vue 3 приложением",{},"\u002Fintegrations\u002Fvue",{"title":5240,"description":10610},"integrations\u002Fvue","940Q7exH9C3y9bXr_sW6skJzNNxxGlNzOBpnASqYjFU",1779283221010]