[{"data":1,"prerenderedAt":10838},["ShallowReactive",2],{"\u002Fen\u002Fintegrations\u002Fvanilla-js":3,"all-pages-\u002Fen\u002Fintegrations\u002Fvanilla-js":801},{"id":4,"title":5,"body":6,"description":793,"extension":794,"icon":795,"meta":796,"navigation":191,"path":797,"seo":798,"stem":799,"__hash__":800},"content\u002Fen\u002Fintegrations\u002Fvanilla-js.md","Vanilla JS",{"type":7,"value":8,"toc":789},"minimark",[9,14,18,23,758,762,785],[10,11,13],"h1",{"id":12},"vanilla-js-integration","Vanilla JS Integration",[15,16,17],"p",{},"No framework needed — just HTML and JavaScript.",[19,20,22],"h2",{"id":21},"full-example","Full Example",[24,25,30],"pre",{"className":26,"code":27,"language":28,"meta":29,"style":29},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\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","html","",[31,32,33,53,78,88,112,145,167,176,186,193,211,229,234,241,280,285,320,325,331,339,355,370,381,386,392,412,444,499,505,529,547,557,567,572,581,594,617,634,651,662,668,684,701,707,715,725,731,740,749],"code",{"__ignoreMap":29},[34,35,38,42,46,50],"span",{"class":36,"line":37},"line",1,[34,39,41],{"class":40},"sMK4o","\u003C!",[34,43,45],{"class":44},"swJcz","DOCTYPE",[34,47,49],{"class":48},"spNyl"," html",[34,51,52],{"class":40},">\n",[34,54,56,59,61,64,67,70,74,76],{"class":36,"line":55},2,[34,57,58],{"class":40},"\u003C",[34,60,28],{"class":44},[34,62,63],{"class":48}," lang",[34,65,66],{"class":40},"=",[34,68,69],{"class":40},"\"",[34,71,73],{"class":72},"sfazB","en",[34,75,69],{"class":40},[34,77,52],{"class":40},[34,79,81,83,86],{"class":36,"line":80},3,[34,82,58],{"class":40},[34,84,85],{"class":44},"head",[34,87,52],{"class":40},[34,89,91,94,97,100,102,104,107,109],{"class":36,"line":90},4,[34,92,93],{"class":40}," \u003C",[34,95,96],{"class":44},"meta",[34,98,99],{"class":48}," charset",[34,101,66],{"class":40},[34,103,69],{"class":40},[34,105,106],{"class":72},"UTF-8",[34,108,69],{"class":40},[34,110,111],{"class":40}," \u002F>\n",[34,113,115,117,119,122,124,126,129,131,134,136,138,141,143],{"class":36,"line":114},5,[34,116,93],{"class":40},[34,118,96],{"class":44},[34,120,121],{"class":48}," name",[34,123,66],{"class":40},[34,125,69],{"class":40},[34,127,128],{"class":72},"viewport",[34,130,69],{"class":40},[34,132,133],{"class":48}," content",[34,135,66],{"class":40},[34,137,69],{"class":40},[34,139,140],{"class":72},"width=device-width, initial-scale=1.0",[34,142,69],{"class":40},[34,144,111],{"class":40},[34,146,148,150,153,156,160,163,165],{"class":36,"line":147},6,[34,149,93],{"class":40},[34,151,152],{"class":44},"title",[34,154,155],{"class":40},">",[34,157,159],{"class":158},"sTEyZ","Product Page — Virtual Try-On",[34,161,162],{"class":40},"\u003C\u002F",[34,164,152],{"class":44},[34,166,52],{"class":40},[34,168,170,172,174],{"class":36,"line":169},7,[34,171,162],{"class":40},[34,173,85],{"class":44},[34,175,52],{"class":40},[34,177,179,181,184],{"class":36,"line":178},8,[34,180,58],{"class":40},[34,182,183],{"class":44},"body",[34,185,52],{"class":40},[34,187,189],{"class":36,"line":188},9,[34,190,192],{"emptyLinePlaceholder":191},true,"\n",[34,194,196,198,200,202,205,207,209],{"class":36,"line":195},10,[34,197,93],{"class":40},[34,199,10],{"class":44},[34,201,155],{"class":40},[34,203,204],{"class":158},"Classic Denim Jacket",[34,206,162],{"class":40},[34,208,10],{"class":44},[34,210,52],{"class":40},[34,212,214,216,218,220,223,225,227],{"class":36,"line":213},11,[34,215,93],{"class":40},[34,217,15],{"class":44},[34,219,155],{"class":40},[34,221,222],{"class":158},"$89.00",[34,224,162],{"class":40},[34,226,15],{"class":44},[34,228,52],{"class":40},[34,230,232],{"class":36,"line":231},12,[34,233,192],{"emptyLinePlaceholder":191},[34,235,237],{"class":36,"line":236},13,[34,238,240],{"class":239},"sHwdD"," \u003C!-- Widget container -->\n",[34,242,244,246,249,252,254,256,259,261,264,266,268,271,273,276,278],{"class":36,"line":243},14,[34,245,93],{"class":40},[34,247,248],{"class":44},"div",[34,250,251],{"class":48}," id",[34,253,66],{"class":40},[34,255,69],{"class":40},[34,257,258],{"class":72},"widget-container",[34,260,69],{"class":40},[34,262,263],{"class":48}," style",[34,265,66],{"class":40},[34,267,69],{"class":40},[34,269,270],{"class":72},"width: 100%; max-width: 600px; aspect-ratio: 3 \u002F 4;",[34,272,69],{"class":40},[34,274,275],{"class":40},">\u003C\u002F",[34,277,248],{"class":44},[34,279,52],{"class":40},[34,281,283],{"class":36,"line":282},15,[34,284,192],{"emptyLinePlaceholder":191},[34,286,288,290,293,296,298,300,304,307,309,311,314,316,318],{"class":36,"line":287},16,[34,289,93],{"class":40},[34,291,292],{"class":44},"button",[34,294,295],{"class":48}," onclick",[34,297,66],{"class":40},[34,299,69],{"class":40},[34,301,303],{"class":302},"s2Zo4","openWidget",[34,305,306],{"class":72},"()",[34,308,69],{"class":40},[34,310,155],{"class":40},[34,312,313],{"class":158},"Try On",[34,315,162],{"class":40},[34,317,292],{"class":44},[34,319,52],{"class":40},[34,321,323],{"class":36,"line":322},17,[34,324,192],{"emptyLinePlaceholder":191},[34,326,328],{"class":36,"line":327},18,[34,329,330],{"class":239}," \u003C!-- 1. Load the widget bundle -->\n",[34,332,334,336],{"class":36,"line":333},19,[34,335,93],{"class":40},[34,337,338],{"class":44},"script\n",[34,340,342,345,347,349,352],{"class":36,"line":341},20,[34,343,344],{"class":48}," src",[34,346,66],{"class":40},[34,348,69],{"class":40},[34,350,351],{"class":72},"https:\u002F\u002Fwidget.try-on.ru\u002Ffitting-widget-bundle.js",[34,353,354],{"class":40},"\"\n",[34,356,358,361,363,365,368],{"class":36,"line":357},21,[34,359,360],{"class":48}," id",[34,362,66],{"class":40},[34,364,69],{"class":40},[34,366,367],{"class":72},"fitting-widget-bundle",[34,369,354],{"class":40},[34,371,373,376,379],{"class":36,"line":372},22,[34,374,375],{"class":40}," >\u003C\u002F",[34,377,378],{"class":44},"script",[34,380,52],{"class":40},[34,382,384],{"class":36,"line":383},23,[34,385,192],{"emptyLinePlaceholder":191},[34,387,389],{"class":36,"line":388},24,[34,390,391],{"class":239}," \u003C!-- 2. Initialize -->\n",[34,393,395,397,399,401,403,405,408,410],{"class":36,"line":394},25,[34,396,93],{"class":40},[34,398,378],{"class":44},[34,400,251],{"class":48},[34,402,66],{"class":40},[34,404,69],{"class":40},[34,406,407],{"class":72},"fitting-init",[34,409,69],{"class":40},[34,411,52],{"class":40},[34,413,415,418,421,424,426,429,431,433,436,439,441],{"class":36,"line":414},26,[34,416,417],{"class":158}," window",[34,419,420],{"class":40},".",[34,422,423],{"class":158},"fitting ",[34,425,66],{"class":40},[34,427,428],{"class":158}," window",[34,430,420],{"class":40},[34,432,423],{"class":158},[34,434,435],{"class":40},"||",[34,437,438],{"class":48}," function",[34,440,306],{"class":40},[34,442,443],{"class":40}," {\n",[34,445,447,450,453,455,458,460,463,466,468,470,472,474,476,479,482,484,487,490,493,496],{"class":36,"line":446},27,[34,448,449],{"class":44}," (",[34,451,452],{"class":158},"window",[34,454,420],{"class":40},[34,456,457],{"class":158},"fitting",[34,459,420],{"class":40},[34,461,462],{"class":158},"q",[34,464,465],{"class":40}," =",[34,467,428],{"class":158},[34,469,420],{"class":40},[34,471,457],{"class":158},[34,473,420],{"class":40},[34,475,462],{"class":158},[34,477,478],{"class":40}," ||",[34,480,481],{"class":44}," [])",[34,483,420],{"class":40},[34,485,486],{"class":302},"push",[34,488,489],{"class":44},"(",[34,491,492],{"class":158},"arguments",[34,494,495],{"class":44},")",[34,497,498],{"class":40},";\n",[34,500,502],{"class":36,"line":501},28,[34,503,504],{"class":40}," };\n",[34,506,508,510,512,514,516,519,522,524,527],{"class":36,"line":507},29,[34,509,417],{"class":158},[34,511,420],{"class":40},[34,513,457],{"class":302},[34,515,489],{"class":158},[34,517,518],{"class":40},"'",[34,520,521],{"class":72},"init",[34,523,518],{"class":40},[34,525,526],{"class":40},",",[34,528,443],{"class":40},[34,530,532,535,538,541,544],{"class":36,"line":531},30,[34,533,534],{"class":44}," apiKey",[34,536,537],{"class":40},":",[34,539,540],{"class":40}," '",[34,542,543],{"class":72},"YOUR_API_KEY",[34,545,546],{"class":40},"'\n",[34,548,550,553,555],{"class":36,"line":549},31,[34,551,552],{"class":40}," }",[34,554,495],{"class":158},[34,556,498],{"class":40},[34,558,560,563,565],{"class":36,"line":559},32,[34,561,562],{"class":40}," \u003C\u002F",[34,564,378],{"class":44},[34,566,52],{"class":40},[34,568,570],{"class":36,"line":569},33,[34,571,192],{"emptyLinePlaceholder":191},[34,573,575,577,579],{"class":36,"line":574},34,[34,576,93],{"class":40},[34,578,378],{"class":44},[34,580,52],{"class":40},[34,582,584,587,590,592],{"class":36,"line":583},35,[34,585,586],{"class":48}," function",[34,588,589],{"class":302}," openWidget",[34,591,306],{"class":40},[34,593,443],{"class":40},[34,595,597,600,602,604,606,608,611,613,615],{"class":36,"line":596},36,[34,598,599],{"class":158}," window",[34,601,420],{"class":40},[34,603,457],{"class":302},[34,605,489],{"class":44},[34,607,518],{"class":40},[34,609,610],{"class":72},"create",[34,612,518],{"class":40},[34,614,526],{"class":40},[34,616,443],{"class":40},[34,618,620,623,625,627,629,631],{"class":36,"line":619},37,[34,621,622],{"class":44}," targetElementId",[34,624,537],{"class":40},[34,626,540],{"class":40},[34,628,258],{"class":72},[34,630,518],{"class":40},[34,632,633],{"class":40},",\n",[34,635,637,640,642,644,647,649],{"class":36,"line":636},38,[34,638,639],{"class":44}," model",[34,641,537],{"class":40},[34,643,540],{"class":40},[34,645,646],{"class":72},"balanced",[34,648,518],{"class":40},[34,650,633],{"class":40},[34,652,654,657,659],{"class":36,"line":653},39,[34,655,656],{"class":44}," tryonItems",[34,658,537],{"class":40},[34,660,661],{"class":44}," [\n",[34,663,665],{"class":36,"line":664},40,[34,666,667],{"class":40}," {\n",[34,669,671,674,676,678,680,682],{"class":36,"line":670},41,[34,672,673],{"class":44}," productName",[34,675,537],{"class":40},[34,677,540],{"class":40},[34,679,204],{"class":72},[34,681,518],{"class":40},[34,683,633],{"class":40},[34,685,687,690,692,694,697,699],{"class":36,"line":686},42,[34,688,689],{"class":44}," url",[34,691,537],{"class":40},[34,693,540],{"class":40},[34,695,696],{"class":72},"https:\u002F\u002Fexample.com\u002Fimages\u002Fjacket.jpg",[34,698,518],{"class":40},[34,700,633],{"class":40},[34,702,704],{"class":36,"line":703},43,[34,705,706],{"class":40}," },\n",[34,708,710,713],{"class":36,"line":709},44,[34,711,712],{"class":44}," ]",[34,714,633],{"class":40},[34,716,718,721,723],{"class":36,"line":717},45,[34,719,720],{"class":40}," }",[34,722,495],{"class":44},[34,724,498],{"class":40},[34,726,728],{"class":36,"line":727},46,[34,729,730],{"class":40}," }\n",[34,732,734,736,738],{"class":36,"line":733},47,[34,735,562],{"class":40},[34,737,378],{"class":44},[34,739,52],{"class":40},[34,741,743,745,747],{"class":36,"line":742},48,[34,744,162],{"class":40},[34,746,183],{"class":44},[34,748,52],{"class":40},[34,750,752,754,756],{"class":36,"line":751},49,[34,753,162],{"class":40},[34,755,28],{"class":44},[34,757,52],{"class":40},[19,759,761],{"id":760},"key-points","Key Points",[763,764,765,769,778],"ul",{},[766,767,768],"li",{},"Load the bundle script first.",[766,770,771,772,775,776,420],{},"Initialize with ",[31,773,774],{},"window.fitting('init', { apiKey })"," before calling ",[31,777,610],{},[766,779,780,781,784],{},"The ",[31,782,783],{},"targetElementId"," must match an existing element on the page.",[786,787,788],"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 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":29,"searchDepth":55,"depth":55,"links":790},[791,792],{"id":21,"depth":55,"text":22},{"id":760,"depth":55,"text":761},"Integrate with plain HTML\u002FJavaScript","md","i-lucide-file-code",{},"\u002Fen\u002Fintegrations\u002Fvanilla-js",{"title":5,"description":793},"en\u002Fintegrations\u002Fvanilla-js","Ts8msIFer-tIlPDRwRbkNZSpWu0JrTJP8uMKqB57tJQ",[802,1178,1514,1954,2044,3061,3961,4855,5460,6315,6732,6819,7702,8523,9372,10000],{"id":803,"title":804,"body":805,"description":1171,"extension":794,"icon":1172,"meta":1173,"navigation":191,"path":1174,"seo":1175,"stem":1176,"__hash__":1177},"content\u002Fapi\u002Findex.md","Справочник API",{"type":7,"value":806,"toc":1165},[807,810,814,817,862,914,917,921,924,993,998,1041,1162],[10,808,804],{"id":809},"справочник-api",[19,811,813],{"id":812},"windowfittinginit-options","window.fitting('init', options)",[15,815,816],{},"Инициализирует виджет. Вызывается один раз, до всех остальных методов.",[818,819,820,840],"table",{},[821,822,823],"thead",{},[824,825,826,830,833,837],"tr",{},[827,828,829],"th",{},"Параметр",[827,831,832],{},"Тип",[827,834,836],{"align":835},"center","Обязателен",[827,838,839],{},"Описание",[841,842,843],"tbody",{},[824,844,845,851,856,859],{},[846,847,848],"td",{},[31,849,850],{},"apiKey",[846,852,853],{},[31,854,855],{},"string",[846,857,858],{"align":835},"Да",[846,860,861],{},"Ваш API-ключ виджета",[24,863,867],{"className":864,"code":865,"language":866,"meta":29,"style":29},"language-js shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","window.fitting('init', {\n apiKey: 'pk_live_xxx',\n});\n","js",[31,868,869,889,905],{"__ignoreMap":29},[34,870,871,873,875,877,879,881,883,885,887],{"class":36,"line":37},[34,872,452],{"class":158},[34,874,420],{"class":40},[34,876,457],{"class":302},[34,878,489],{"class":158},[34,880,518],{"class":40},[34,882,521],{"class":72},[34,884,518],{"class":40},[34,886,526],{"class":40},[34,888,443],{"class":40},[34,890,891,894,896,898,901,903],{"class":36,"line":55},[34,892,893],{"class":44}," apiKey",[34,895,537],{"class":40},[34,897,540],{"class":40},[34,899,900],{"class":72},"pk_live_xxx",[34,902,518],{"class":40},[34,904,633],{"class":40},[34,906,907,910,912],{"class":36,"line":80},[34,908,909],{"class":40},"}",[34,911,495],{"class":158},[34,913,498],{"class":40},[915,916],"hr",{},[19,918,920],{"id":919},"windowfittingcreate-options","window.fitting('create', options)",[15,922,923],{},"Запускает виртуальную примерку.",[818,925,926,938],{},[821,927,928],{},[824,929,930,932,934,936],{},[827,931,829],{},[827,933,832],{},[827,935,836],{"align":835},[827,937,839],{},[841,939,940,955,972],{},[824,941,942,946,950,952],{},[846,943,944],{},[31,945,783],{},[846,947,948],{},[31,949,855],{},[846,951,858],{"align":835},[846,953,954],{},"ID контейнера, в котором отображается виджет",[824,956,957,962,967,969],{},[846,958,959],{},[31,960,961],{},"tryonItems",[846,963,964],{},[31,965,966],{},"TryonItem[]",[846,968,858],{"align":835},[846,970,971],{},"Массив товаров, доступных для примерки",[824,973,974,979,984,987],{},[846,975,976],{},[31,977,978],{},"model",[846,980,981],{},[31,982,983],{},"'balanced' | 'quality' | 'performance'",[846,985,986],{"align":835},"Нет",[846,988,989,990,495],{},"Режим отрисовки (по умолчанию: ",[31,991,992],{},"'balanced'",[994,995,997],"h3",{"id":996},"tryonitem","TryonItem",[818,999,1000,1011],{},[821,1001,1002],{},[824,1003,1004,1007,1009],{},[827,1005,1006],{},"Поле",[827,1008,832],{},[827,1010,839],{},[841,1012,1013,1027],{},[824,1014,1015,1020,1024],{},[846,1016,1017],{},[31,1018,1019],{},"productName",[846,1021,1022],{},[31,1023,855],{},[846,1025,1026],{},"Отображаемое название товара",[824,1028,1029,1034,1038],{},[846,1030,1031],{},[31,1032,1033],{},"url",[846,1035,1036],{},[31,1037,855],{},[846,1039,1040],{},"Полный URL изображения товара",[24,1042,1044],{"className":864,"code":1043,"language":866,"meta":29,"style":29},"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",[31,1045,1046,1066,1081,1096,1105,1110,1126,1142,1147,1154],{"__ignoreMap":29},[34,1047,1048,1050,1052,1054,1056,1058,1060,1062,1064],{"class":36,"line":37},[34,1049,452],{"class":158},[34,1051,420],{"class":40},[34,1053,457],{"class":302},[34,1055,489],{"class":158},[34,1057,518],{"class":40},[34,1059,610],{"class":72},[34,1061,518],{"class":40},[34,1063,526],{"class":40},[34,1065,443],{"class":40},[34,1067,1068,1071,1073,1075,1077,1079],{"class":36,"line":55},[34,1069,1070],{"class":44}," targetElementId",[34,1072,537],{"class":40},[34,1074,540],{"class":40},[34,1076,258],{"class":72},[34,1078,518],{"class":40},[34,1080,633],{"class":40},[34,1082,1083,1086,1088,1090,1092,1094],{"class":36,"line":80},[34,1084,1085],{"class":44}," model",[34,1087,537],{"class":40},[34,1089,540],{"class":40},[34,1091,646],{"class":72},[34,1093,518],{"class":40},[34,1095,633],{"class":40},[34,1097,1098,1101,1103],{"class":36,"line":90},[34,1099,1100],{"class":44}," tryonItems",[34,1102,537],{"class":40},[34,1104,661],{"class":158},[34,1106,1107],{"class":36,"line":114},[34,1108,1109],{"class":40}," {\n",[34,1111,1112,1115,1117,1119,1122,1124],{"class":36,"line":147},[34,1113,1114],{"class":44}," productName",[34,1116,537],{"class":40},[34,1118,540],{"class":40},[34,1120,1121],{"class":72},"Джинсовая куртка",[34,1123,518],{"class":40},[34,1125,633],{"class":40},[34,1127,1128,1131,1133,1135,1138,1140],{"class":36,"line":169},[34,1129,1130],{"class":44}," url",[34,1132,537],{"class":40},[34,1134,540],{"class":40},[34,1136,1137],{"class":72},"https:\u002F\u002Fexample.com\u002Fjacket.png",[34,1139,518],{"class":40},[34,1141,633],{"class":40},[34,1143,1144],{"class":36,"line":178},[34,1145,1146],{"class":40}," },\n",[34,1148,1149,1152],{"class":36,"line":188},[34,1150,1151],{"class":158}," ]",[34,1153,633],{"class":40},[34,1155,1156,1158,1160],{"class":36,"line":195},[34,1157,909],{"class":40},[34,1159,495],{"class":158},[34,1161,498],{"class":40},[786,1163,1164],{},"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":29,"searchDepth":55,"depth":55,"links":1166},[1167,1168],{"id":812,"depth":55,"text":813},{"id":919,"depth":55,"text":920,"children":1169},[1170],{"id":996,"depth":80,"text":997},"Полный справочник по API Fitting Widget","i-lucide-code",{},"\u002Fapi",{"title":804,"description":1171},"api\u002Findex","nBz9Z0BX1B-BPJzD-HVF5oHrejoQd0__hLi-_PGCmvk",{"id":1179,"title":1180,"body":1181,"description":1508,"extension":794,"icon":1172,"meta":1509,"navigation":191,"path":1510,"seo":1511,"stem":1512,"__hash__":1513},"content\u002Fen\u002Fapi\u002Findex.md","API Reference",{"type":7,"value":1182,"toc":1502},[1183,1186,1188,1191,1227,1273,1275,1277,1280,1345,1347,1388,1500],[10,1184,1180],{"id":1185},"api-reference",[19,1187,813],{"id":812},[15,1189,1190],{},"Initializes the widget. Call this once, before any other methods.",[818,1192,1193,1209],{},[821,1194,1195],{},[824,1196,1197,1200,1203,1206],{},[827,1198,1199],{},"Parameter",[827,1201,1202],{},"Type",[827,1204,1205],{"align":835},"Required",[827,1207,1208],{},"Description",[841,1210,1211],{},[824,1212,1213,1217,1221,1224],{},[846,1214,1215],{},[31,1216,850],{},[846,1218,1219],{},[31,1220,855],{},[846,1222,1223],{"align":835},"Yes",[846,1225,1226],{},"Your widget API key",[24,1228,1229],{"className":864,"code":865,"language":866,"meta":29,"style":29},[31,1230,1231,1251,1265],{"__ignoreMap":29},[34,1232,1233,1235,1237,1239,1241,1243,1245,1247,1249],{"class":36,"line":37},[34,1234,452],{"class":158},[34,1236,420],{"class":40},[34,1238,457],{"class":302},[34,1240,489],{"class":158},[34,1242,518],{"class":40},[34,1244,521],{"class":72},[34,1246,518],{"class":40},[34,1248,526],{"class":40},[34,1250,443],{"class":40},[34,1252,1253,1255,1257,1259,1261,1263],{"class":36,"line":55},[34,1254,893],{"class":44},[34,1256,537],{"class":40},[34,1258,540],{"class":40},[34,1260,900],{"class":72},[34,1262,518],{"class":40},[34,1264,633],{"class":40},[34,1266,1267,1269,1271],{"class":36,"line":80},[34,1268,909],{"class":40},[34,1270,495],{"class":158},[34,1272,498],{"class":40},[915,1274],{},[19,1276,920],{"id":919},[15,1278,1279],{},"Opens the virtual try-on experience.",[818,1281,1282,1294],{},[821,1283,1284],{},[824,1285,1286,1288,1290,1292],{},[827,1287,1199],{},[827,1289,1202],{},[827,1291,1205],{"align":835},[827,1293,1208],{},[841,1295,1296,1311,1326],{},[824,1297,1298,1302,1306,1308],{},[846,1299,1300],{},[31,1301,783],{},[846,1303,1304],{},[31,1305,855],{},[846,1307,1223],{"align":835},[846,1309,1310],{},"ID of the container element where the widget renders",[824,1312,1313,1317,1321,1323],{},[846,1314,1315],{},[31,1316,961],{},[846,1318,1319],{},[31,1320,966],{},[846,1322,1223],{"align":835},[846,1324,1325],{},"Array of items available for try-on",[824,1327,1328,1332,1337,1340],{},[846,1329,1330],{},[31,1331,978],{},[846,1333,1334],{},[31,1335,1336],{},"'balanced' | 'quality' | 'speed'",[846,1338,1339],{"align":835},"No",[846,1341,1342,1343,495],{},"Rendering model (default: ",[31,1344,992],{},[994,1346,997],{"id":996},[818,1348,1349,1360],{},[821,1350,1351],{},[824,1352,1353,1356,1358],{},[827,1354,1355],{},"Field",[827,1357,1202],{},[827,1359,1208],{},[841,1361,1362,1375],{},[824,1363,1364,1368,1372],{},[846,1365,1366],{},[31,1367,1019],{},[846,1369,1370],{},[31,1371,855],{},[846,1373,1374],{},"Display name of the garment",[824,1376,1377,1381,1385],{},[846,1378,1379],{},[31,1380,1033],{},[846,1382,1383],{},[31,1384,855],{},[846,1386,1387],{},"Full URL to the garment image",[24,1389,1391],{"className":864,"code":1390,"language":866,"meta":29,"style":29},"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",[31,1392,1393,1413,1427,1441,1449,1453,1468,1482,1486,1492],{"__ignoreMap":29},[34,1394,1395,1397,1399,1401,1403,1405,1407,1409,1411],{"class":36,"line":37},[34,1396,452],{"class":158},[34,1398,420],{"class":40},[34,1400,457],{"class":302},[34,1402,489],{"class":158},[34,1404,518],{"class":40},[34,1406,610],{"class":72},[34,1408,518],{"class":40},[34,1410,526],{"class":40},[34,1412,443],{"class":40},[34,1414,1415,1417,1419,1421,1423,1425],{"class":36,"line":55},[34,1416,1070],{"class":44},[34,1418,537],{"class":40},[34,1420,540],{"class":40},[34,1422,258],{"class":72},[34,1424,518],{"class":40},[34,1426,633],{"class":40},[34,1428,1429,1431,1433,1435,1437,1439],{"class":36,"line":80},[34,1430,1085],{"class":44},[34,1432,537],{"class":40},[34,1434,540],{"class":40},[34,1436,646],{"class":72},[34,1438,518],{"class":40},[34,1440,633],{"class":40},[34,1442,1443,1445,1447],{"class":36,"line":90},[34,1444,1100],{"class":44},[34,1446,537],{"class":40},[34,1448,661],{"class":158},[34,1450,1451],{"class":36,"line":114},[34,1452,1109],{"class":40},[34,1454,1455,1457,1459,1461,1464,1466],{"class":36,"line":147},[34,1456,1114],{"class":44},[34,1458,537],{"class":40},[34,1460,540],{"class":40},[34,1462,1463],{"class":72},"Denim Jacket",[34,1465,518],{"class":40},[34,1467,633],{"class":40},[34,1469,1470,1472,1474,1476,1478,1480],{"class":36,"line":169},[34,1471,1130],{"class":44},[34,1473,537],{"class":40},[34,1475,540],{"class":40},[34,1477,1137],{"class":72},[34,1479,518],{"class":40},[34,1481,633],{"class":40},[34,1483,1484],{"class":36,"line":178},[34,1485,1146],{"class":40},[34,1487,1488,1490],{"class":36,"line":188},[34,1489,1151],{"class":158},[34,1491,633],{"class":40},[34,1493,1494,1496,1498],{"class":36,"line":195},[34,1495,909],{"class":40},[34,1497,495],{"class":158},[34,1499,498],{"class":40},[786,1501,1164],{},{"title":29,"searchDepth":55,"depth":55,"links":1503},[1504,1505],{"id":812,"depth":55,"text":813},{"id":919,"depth":55,"text":920,"children":1506},[1507],{"id":996,"depth":80,"text":997},"Complete reference for the Fitting Widget API",{},"\u002Fen\u002Fapi",{"title":1180,"description":1508},"en\u002Fapi\u002Findex","5vrf4TtfB7Sr4MpfgLzStW-oF0xDBiShwkqA4UFzgA0",{"id":1515,"title":1516,"body":1517,"description":1947,"extension":794,"icon":1948,"meta":1949,"navigation":191,"path":1950,"seo":1951,"stem":1952,"__hash__":1953},"content\u002Fen\u002Fgetting-started\u002Fquick-start.md","Quick Start",{"type":7,"value":1518,"toc":1938},[1519,1522,1525,1529,1540,1544,1555,1600,1604,1750,1754,1761,1788,1792,1798,1910,1914,1917,1921,1935],[10,1520,1516],{"id":1521},"quick-start",[15,1523,1524],{},"Follow these steps to add virtual try-on to your e-commerce site.",[19,1526,1528],{"id":1527},"_1-get-your-api-key","1. Get Your API Key",[15,1530,1531,1532,1539],{},"Sign up at ",[1533,1534,1538],"a",{"href":1535,"rel":1536},"https:\u002F\u002Fwidget.try-on.ru",[1537],"nofollow","widget.try-on.ru"," to obtain your free API key.",[19,1541,1543],{"id":1542},"_2-load-the-widget-script","2. Load the Widget Script",[15,1545,1546,1547,1550,1551,1554],{},"Add the following ",[31,1548,1549],{},"\u003Cscript>"," tag to your page, ideally right before the closing ",[31,1552,1553],{},"\u003C\u002Fbody>"," tag:",[24,1556,1558],{"className":26,"code":1557,"language":28,"meta":29,"style":29},"\u003Cscript\n src=\"https:\u002F\u002Fwidget.try-on.ru\u002Ffitting-widget-bundle.js\"\n id=\"fitting-widget-bundle\"\n>\u003C\u002Fscript>\n",[31,1559,1560,1566,1579,1592],{"__ignoreMap":29},[34,1561,1562,1564],{"class":36,"line":37},[34,1563,58],{"class":40},[34,1565,338],{"class":44},[34,1567,1568,1571,1573,1575,1577],{"class":36,"line":55},[34,1569,1570],{"class":48}," src",[34,1572,66],{"class":40},[34,1574,69],{"class":40},[34,1576,351],{"class":72},[34,1578,354],{"class":40},[34,1580,1581,1584,1586,1588,1590],{"class":36,"line":80},[34,1582,1583],{"class":48}," id",[34,1585,66],{"class":40},[34,1587,69],{"class":40},[34,1589,367],{"class":72},[34,1591,354],{"class":40},[34,1593,1594,1596,1598],{"class":36,"line":90},[34,1595,275],{"class":40},[34,1597,378],{"class":44},[34,1599,52],{"class":40},[19,1601,1603],{"id":1602},"_3-initialize-the-widget","3. Initialize the Widget",[24,1605,1607],{"className":26,"code":1606,"language":28,"meta":29,"style":29},"\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",[31,1608,1609,1627,1652,1695,1700,1720,1733,1742],{"__ignoreMap":29},[34,1610,1611,1613,1615,1617,1619,1621,1623,1625],{"class":36,"line":37},[34,1612,58],{"class":40},[34,1614,378],{"class":44},[34,1616,251],{"class":48},[34,1618,66],{"class":40},[34,1620,69],{"class":40},[34,1622,407],{"class":72},[34,1624,69],{"class":40},[34,1626,52],{"class":40},[34,1628,1629,1632,1634,1636,1638,1640,1642,1644,1646,1648,1650],{"class":36,"line":55},[34,1630,1631],{"class":158}," window",[34,1633,420],{"class":40},[34,1635,423],{"class":158},[34,1637,66],{"class":40},[34,1639,428],{"class":158},[34,1641,420],{"class":40},[34,1643,423],{"class":158},[34,1645,435],{"class":40},[34,1647,438],{"class":48},[34,1649,306],{"class":40},[34,1651,443],{"class":40},[34,1653,1654,1657,1659,1661,1663,1665,1667,1669,1671,1673,1675,1677,1679,1681,1683,1685,1687,1689,1691,1693],{"class":36,"line":80},[34,1655,1656],{"class":44}," (",[34,1658,452],{"class":158},[34,1660,420],{"class":40},[34,1662,457],{"class":158},[34,1664,420],{"class":40},[34,1666,462],{"class":158},[34,1668,465],{"class":40},[34,1670,428],{"class":158},[34,1672,420],{"class":40},[34,1674,457],{"class":158},[34,1676,420],{"class":40},[34,1678,462],{"class":158},[34,1680,478],{"class":40},[34,1682,481],{"class":44},[34,1684,420],{"class":40},[34,1686,486],{"class":302},[34,1688,489],{"class":44},[34,1690,492],{"class":158},[34,1692,495],{"class":44},[34,1694,498],{"class":40},[34,1696,1697],{"class":36,"line":90},[34,1698,1699],{"class":40}," };\n",[34,1701,1702,1704,1706,1708,1710,1712,1714,1716,1718],{"class":36,"line":114},[34,1703,1631],{"class":158},[34,1705,420],{"class":40},[34,1707,457],{"class":302},[34,1709,489],{"class":158},[34,1711,518],{"class":40},[34,1713,521],{"class":72},[34,1715,518],{"class":40},[34,1717,526],{"class":40},[34,1719,443],{"class":40},[34,1721,1722,1725,1727,1729,1731],{"class":36,"line":147},[34,1723,1724],{"class":44}," apiKey",[34,1726,537],{"class":40},[34,1728,540],{"class":40},[34,1730,543],{"class":72},[34,1732,546],{"class":40},[34,1734,1735,1738,1740],{"class":36,"line":169},[34,1736,1737],{"class":40}," }",[34,1739,495],{"class":158},[34,1741,498],{"class":40},[34,1743,1744,1746,1748],{"class":36,"line":178},[34,1745,162],{"class":40},[34,1747,378],{"class":44},[34,1749,52],{"class":40},[19,1751,1753],{"id":1752},"_4-add-a-container","4. Add a Container",[15,1755,1756,1757,1760],{},"Place a ",[31,1758,1759],{},"\u003Cdiv>"," wherever you want the widget to appear:",[24,1762,1764],{"className":26,"code":1763,"language":28,"meta":29,"style":29},"\u003Cdiv id=\"widget-container\">\u003C\u002Fdiv>\n",[31,1765,1766],{"__ignoreMap":29},[34,1767,1768,1770,1772,1774,1776,1778,1780,1782,1784,1786],{"class":36,"line":37},[34,1769,58],{"class":40},[34,1771,248],{"class":44},[34,1773,251],{"class":48},[34,1775,66],{"class":40},[34,1777,69],{"class":40},[34,1779,258],{"class":72},[34,1781,69],{"class":40},[34,1783,275],{"class":40},[34,1785,248],{"class":44},[34,1787,52],{"class":40},[19,1789,1791],{"id":1790},"_5-launch-the-widget","5. Launch the Widget",[15,1793,1794,1795,1797],{},"Call the ",[31,1796,610],{}," method when the user clicks a button:",[24,1799,1801],{"className":864,"code":1800,"language":866,"meta":29,"style":29},"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",[31,1802,1803,1823,1837,1851,1859,1863,1877,1892,1896,1902],{"__ignoreMap":29},[34,1804,1805,1807,1809,1811,1813,1815,1817,1819,1821],{"class":36,"line":37},[34,1806,452],{"class":158},[34,1808,420],{"class":40},[34,1810,457],{"class":302},[34,1812,489],{"class":158},[34,1814,518],{"class":40},[34,1816,610],{"class":72},[34,1818,518],{"class":40},[34,1820,526],{"class":40},[34,1822,443],{"class":40},[34,1824,1825,1827,1829,1831,1833,1835],{"class":36,"line":55},[34,1826,1070],{"class":44},[34,1828,537],{"class":40},[34,1830,540],{"class":40},[34,1832,258],{"class":72},[34,1834,518],{"class":40},[34,1836,633],{"class":40},[34,1838,1839,1841,1843,1845,1847,1849],{"class":36,"line":80},[34,1840,1085],{"class":44},[34,1842,537],{"class":40},[34,1844,540],{"class":40},[34,1846,646],{"class":72},[34,1848,518],{"class":40},[34,1850,633],{"class":40},[34,1852,1853,1855,1857],{"class":36,"line":90},[34,1854,1100],{"class":44},[34,1856,537],{"class":40},[34,1858,661],{"class":158},[34,1860,1861],{"class":36,"line":114},[34,1862,1109],{"class":40},[34,1864,1865,1867,1869,1871,1873,1875],{"class":36,"line":147},[34,1866,1114],{"class":44},[34,1868,537],{"class":40},[34,1870,540],{"class":40},[34,1872,204],{"class":72},[34,1874,518],{"class":40},[34,1876,633],{"class":40},[34,1878,1879,1881,1883,1885,1888,1890],{"class":36,"line":169},[34,1880,1130],{"class":44},[34,1882,537],{"class":40},[34,1884,540],{"class":40},[34,1886,1887],{"class":72},"https:\u002F\u002Fyour-store.com\u002Fimages\u002Fjacket.jpg",[34,1889,518],{"class":40},[34,1891,633],{"class":40},[34,1893,1894],{"class":36,"line":178},[34,1895,1146],{"class":40},[34,1897,1898,1900],{"class":36,"line":188},[34,1899,1151],{"class":158},[34,1901,633],{"class":40},[34,1903,1904,1906,1908],{"class":36,"line":195},[34,1905,909],{"class":40},[34,1907,495],{"class":158},[34,1909,498],{"class":40},[19,1911,1913],{"id":1912},"result","Result",[15,1915,1916],{},"Your customers can now upload a photo and see the garment on them instantly.",[19,1918,1920],{"id":1919},"next-steps","Next Steps",[763,1922,1923,1930],{},[766,1924,1925,1926,420],{},"See framework-specific guides under ",[1533,1927,1929],{"href":1928},"\u002Fintegrations\u002Fvanilla-js","Integrations",[766,1931,1932,1933,420],{},"Explore the full ",[1533,1934,1180],{"href":1174},[786,1936,1937],{},"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":29,"searchDepth":55,"depth":55,"links":1939},[1940,1941,1942,1943,1944,1945,1946],{"id":1527,"depth":55,"text":1528},{"id":1542,"depth":55,"text":1543},{"id":1602,"depth":55,"text":1603},{"id":1752,"depth":55,"text":1753},{"id":1790,"depth":55,"text":1791},{"id":1912,"depth":55,"text":1913},{"id":1919,"depth":55,"text":1920},"Get the Fitting Widget running in minutes","i-lucide-rocket",{},"\u002Fen\u002Fgetting-started\u002Fquick-start",{"title":1516,"description":1947},"en\u002Fgetting-started\u002Fquick-start","Cy6rzr6z6R2nhbEqOeB18fbbe2pOjXOk0inGXqhKfHg",{"id":1955,"title":1956,"body":1957,"description":2037,"extension":794,"icon":2038,"meta":2039,"navigation":191,"path":2040,"seo":2041,"stem":2042,"__hash__":2043},"content\u002Fen\u002Findex.md","Introduction",{"type":7,"value":1958,"toc":2032},[1959,1963,1970,1974,2000,2004,2023,2025],[10,1960,1962],{"id":1961},"fitting-widget-virtual-try-on","Fitting Widget — Virtual Try-On",[15,1964,780,1965,1969],{},[1966,1967,1968],"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.",[19,1971,1973],{"id":1972},"key-features","Key Features",[763,1975,1976,1982,1988,1994],{},[766,1977,1978,1981],{},[1966,1979,1980],{},"Quick Integration"," — Add one script tag and a few lines of code.",[766,1983,1984,1987],{},[1966,1985,1986],{},"Framework-Agnostic"," — Works with Vanilla JS, React, Vue, Next.js, Nuxt, and more.",[766,1989,1990,1993],{},[1966,1991,1992],{},"Customizable"," — Style the widget to match your brand.",[766,1995,1996,1999],{},[1966,1997,1998],{},"Lightweight"," — Optimized loading; won't slow down your store.",[19,2001,2003],{"id":2002},"how-it-works","How It Works",[2005,2006,2007,2010,2013,2020],"ol",{},[766,2008,2009],{},"Load the widget script on your page.",[766,2011,2012],{},"Initialize with your API key.",[766,2014,2015,2016,2019],{},"Call ",[31,2017,2018],{},"window.fitting('create', { ... })"," with product image URLs.",[766,2021,2022],{},"The widget renders inside a container element of your choice.",[19,2024,1516],{"id":1521},[15,2026,2027,2028,2031],{},"Head over to the ",[1533,2029,1516],{"href":2030},"\u002Fgetting-started\u002Fquick-start"," guide to get up and running in under 5 minutes.",{"title":29,"searchDepth":55,"depth":55,"links":2033},[2034,2035,2036],{"id":1972,"depth":55,"text":1973},{"id":2002,"depth":55,"text":2003},{"id":1521,"depth":55,"text":1516},"What is the Fitting Widget and why use it?","i-lucide-sparkles",{},"\u002Fen",{"title":1956,"description":2037},"en\u002Findex","zjI3aBTZ8Y2iRdmkieXP4q0o6PKbIjE5hUkB6Y1ledA",{"id":2045,"title":2046,"body":2047,"description":3054,"extension":794,"icon":3055,"meta":3056,"navigation":191,"path":3057,"seo":3058,"stem":3059,"__hash__":3060},"content\u002Fen\u002Fintegrations\u002Fnextjs.md","Next.js",{"type":7,"value":2048,"toc":3045},[2049,2053,2063,2067,2077,2088,2374,2378,2748,2752,3016,3020,3026,3042],[10,2050,2052],{"id":2051},"nextjs-integration","Next.js Integration",[15,2054,2055,2056,2059,2060,420],{},"The Fitting Widget works with both the ",[1966,2057,2058],{},"Pages Router"," and ",[1966,2061,2062],{},"App Router",[19,2064,2066],{"id":2065},"app-router-recommended","App Router (Recommended)",[15,2068,2069,2070,2073,2074,420],{},"Use the Next.js ",[31,2071,2072],{},"Script"," component with ",[31,2075,2076],{},"strategy=\"afterInteractive\"",[994,2078,2080,2081,2084,2085],{"id":2079},"step-1-load-scripts-in-layouttsx-or-pagetsx","Step 1 — Load Scripts in ",[31,2082,2083],{},"layout.tsx"," or ",[31,2086,2087],{},"page.tsx",[24,2089,2093],{"className":2090,"code":2091,"language":2092,"meta":29,"style":29},"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",[31,2094,2095,2116,2120,2164,2172,2177,2188,2192,2200,2213,2227,2240,2245,2249,2255,2267,2279,2284,2292,2297,2302,2307,2312,2337,2342,2349,2358,2363,2370],{"__ignoreMap":29},[34,2096,2097,2101,2104,2107,2109,2112,2114],{"class":36,"line":37},[34,2098,2100],{"class":2099},"s7zQu","import",[34,2102,2103],{"class":158}," Script ",[34,2105,2106],{"class":2099},"from",[34,2108,540],{"class":40},[34,2110,2111],{"class":72},"next\u002Fscript",[34,2113,518],{"class":40},[34,2115,498],{"class":40},[34,2117,2118],{"class":36,"line":55},[34,2119,192],{"emptyLinePlaceholder":191},[34,2121,2122,2125,2128,2130,2133,2136,2140,2143,2146,2148,2150,2154,2156,2159,2162],{"class":36,"line":80},[34,2123,2124],{"class":2099},"export",[34,2126,2127],{"class":2099}," default",[34,2129,438],{"class":48},[34,2131,2132],{"class":302}," ProductLayout",[34,2134,2135],{"class":40},"({",[34,2137,2139],{"class":2138},"sHdIc"," children",[34,2141,2142],{"class":40}," }:",[34,2144,2145],{"class":40}," {",[34,2147,2139],{"class":44},[34,2149,537],{"class":40},[34,2151,2153],{"class":2152},"sBMFI"," React",[34,2155,420],{"class":40},[34,2157,2158],{"class":2152},"ReactNode",[34,2160,2161],{"class":40}," })",[34,2163,443],{"class":40},[34,2165,2166,2169],{"class":36,"line":90},[34,2167,2168],{"class":2099}," return",[34,2170,2171],{"class":44}," (\n",[34,2173,2174],{"class":36,"line":114},[34,2175,2176],{"class":40}," \u003C>\n",[34,2178,2179,2182,2185],{"class":36,"line":147},[34,2180,2181],{"class":40}," {",[34,2183,2184],{"class":158},"children",[34,2186,2187],{"class":40},"}\n",[34,2189,2190],{"class":36,"line":169},[34,2191,192],{"emptyLinePlaceholder":191},[34,2193,2194,2197],{"class":36,"line":178},[34,2195,2196],{"class":40}," \u003C",[34,2198,2199],{"class":2152},"Script\n",[34,2201,2202,2205,2207,2209,2211],{"class":36,"line":188},[34,2203,2204],{"class":48}," src",[34,2206,66],{"class":40},[34,2208,69],{"class":40},[34,2210,351],{"class":72},[34,2212,354],{"class":40},[34,2214,2215,2218,2220,2222,2225],{"class":36,"line":195},[34,2216,2217],{"class":48}," strategy",[34,2219,66],{"class":40},[34,2221,69],{"class":40},[34,2223,2224],{"class":72},"afterInteractive",[34,2226,354],{"class":40},[34,2228,2229,2232,2234,2236,2238],{"class":36,"line":213},[34,2230,2231],{"class":48}," id",[34,2233,66],{"class":40},[34,2235,69],{"class":40},[34,2237,367],{"class":72},[34,2239,354],{"class":40},[34,2241,2242],{"class":36,"line":231},[34,2243,2244],{"class":40}," \u002F>\n",[34,2246,2247],{"class":36,"line":236},[34,2248,192],{"emptyLinePlaceholder":191},[34,2250,2251,2253],{"class":36,"line":243},[34,2252,2196],{"class":40},[34,2254,2199],{"class":2152},[34,2256,2257,2259,2261,2263,2265],{"class":36,"line":282},[34,2258,2217],{"class":48},[34,2260,66],{"class":40},[34,2262,69],{"class":40},[34,2264,2224],{"class":72},[34,2266,354],{"class":40},[34,2268,2269,2271,2273,2275,2277],{"class":36,"line":287},[34,2270,2231],{"class":48},[34,2272,66],{"class":40},[34,2274,69],{"class":40},[34,2276,407],{"class":72},[34,2278,354],{"class":40},[34,2280,2281],{"class":36,"line":322},[34,2282,2283],{"class":40}," >\n",[34,2285,2286,2289],{"class":36,"line":327},[34,2287,2288],{"class":40}," {",[34,2290,2291],{"class":40},"`\n",[34,2293,2294],{"class":36,"line":333},[34,2295,2296],{"class":72}," window.fitting = window.fitting || function() {\n",[34,2298,2299],{"class":36,"line":341},[34,2300,2301],{"class":72}," (window.fitting.q = window.fitting.q || []).push(arguments);\n",[34,2303,2304],{"class":36,"line":357},[34,2305,2306],{"class":72}," };\n",[34,2308,2309],{"class":36,"line":372},[34,2310,2311],{"class":72}," window.fitting('init', {\n",[34,2313,2314,2317,2320,2323,2325,2328,2330,2333,2335],{"class":36,"line":383},[34,2315,2316],{"class":72}," apiKey: '",[34,2318,2319],{"class":40},"${",[34,2321,2322],{"class":158},"process",[34,2324,420],{"class":40},[34,2326,2327],{"class":158},"env",[34,2329,420],{"class":40},[34,2331,2332],{"class":158},"NEXT_PUBLIC_TRY_ON_API_KEY",[34,2334,909],{"class":40},[34,2336,546],{"class":72},[34,2338,2339],{"class":36,"line":388},[34,2340,2341],{"class":72}," });\n",[34,2343,2344,2347],{"class":36,"line":394},[34,2345,2346],{"class":40}," `",[34,2348,2187],{"class":40},[34,2350,2351,2354,2356],{"class":36,"line":414},[34,2352,2353],{"class":40}," \u003C\u002F",[34,2355,2072],{"class":2152},[34,2357,52],{"class":40},[34,2359,2360],{"class":36,"line":446},[34,2361,2362],{"class":40}," \u003C\u002F>\n",[34,2364,2365,2368],{"class":36,"line":501},[34,2366,2367],{"class":44}," )",[34,2369,498],{"class":40},[34,2371,2372],{"class":36,"line":507},[34,2373,2187],{"class":40},[994,2375,2377],{"id":2376},"step-2-create-the-widget-button","Step 2 — Create the Widget Button",[24,2379,2381],{"className":2090,"code":2380,"language":2092,"meta":29,"style":29},"'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",[31,2382,2383,2394,2398,2408,2420,2431,2435,2439,2450,2460,2498,2503,2507,2511,2543,2560,2580,2595,2610,2621,2629,2633,2637,2643,2647,2708,2734,2738,2744],{"__ignoreMap":29},[34,2384,2385,2387,2390,2392],{"class":36,"line":37},[34,2386,518],{"class":40},[34,2388,2389],{"class":72},"use client",[34,2391,518],{"class":40},[34,2393,498],{"class":40},[34,2395,2396],{"class":36,"line":55},[34,2397,192],{"emptyLinePlaceholder":191},[34,2399,2400,2403,2406],{"class":36,"line":80},[34,2401,2402],{"class":48},"interface",[34,2404,2405],{"class":2152}," TryonItem",[34,2407,443],{"class":40},[34,2409,2410,2413,2415,2418],{"class":36,"line":90},[34,2411,2412],{"class":44}," productName",[34,2414,537],{"class":40},[34,2416,2417],{"class":2152}," string",[34,2419,498],{"class":40},[34,2421,2422,2425,2427,2429],{"class":36,"line":114},[34,2423,2424],{"class":44}," url",[34,2426,537],{"class":40},[34,2428,2417],{"class":2152},[34,2430,498],{"class":40},[34,2432,2433],{"class":36,"line":147},[34,2434,2187],{"class":40},[34,2436,2437],{"class":36,"line":169},[34,2438,192],{"emptyLinePlaceholder":191},[34,2440,2441,2444,2447],{"class":36,"line":178},[34,2442,2443],{"class":48},"declare",[34,2445,2446],{"class":158}," global ",[34,2448,2449],{"class":40},"{\n",[34,2451,2452,2455,2458],{"class":36,"line":188},[34,2453,2454],{"class":48}," interface",[34,2456,2457],{"class":2152}," Window",[34,2459,443],{"class":40},[34,2461,2462,2465,2467,2470,2473,2475,2477,2479,2482,2485,2488,2490,2493,2496],{"class":36,"line":195},[34,2463,2464],{"class":44}," fitting",[34,2466,537],{"class":40},[34,2468,2469],{"class":40}," (",[34,2471,2472],{"class":2138},"command",[34,2474,537],{"class":40},[34,2476,2417],{"class":2152},[34,2478,526],{"class":40},[34,2480,2481],{"class":2138}," options",[34,2483,2484],{"class":40},"?:",[34,2486,2487],{"class":2152}," unknown",[34,2489,495],{"class":40},[34,2491,2492],{"class":48}," =>",[34,2494,2495],{"class":2152}," void",[34,2497,498],{"class":40},[34,2499,2500],{"class":36,"line":213},[34,2501,2502],{"class":40}," }\n",[34,2504,2505],{"class":36,"line":231},[34,2506,2187],{"class":40},[34,2508,2509],{"class":36,"line":236},[34,2510,192],{"emptyLinePlaceholder":191},[34,2512,2513,2515,2517,2520,2522,2525,2527,2529,2531,2533,2535,2538,2541],{"class":36,"line":243},[34,2514,2124],{"class":2099},[34,2516,438],{"class":48},[34,2518,2519],{"class":302}," TryOnButton",[34,2521,2135],{"class":40},[34,2523,2524],{"class":2138}," items",[34,2526,2142],{"class":40},[34,2528,2145],{"class":40},[34,2530,2524],{"class":44},[34,2532,537],{"class":40},[34,2534,2405],{"class":2152},[34,2536,2537],{"class":158},"[] ",[34,2539,2540],{"class":40},"})",[34,2542,443],{"class":40},[34,2544,2545,2548,2551,2553,2556,2558],{"class":36,"line":282},[34,2546,2547],{"class":48}," const",[34,2549,2550],{"class":158}," handleClick",[34,2552,465],{"class":40},[34,2554,2555],{"class":40}," ()",[34,2557,2492],{"class":48},[34,2559,443],{"class":40},[34,2561,2562,2564,2566,2568,2570,2572,2574,2576,2578],{"class":36,"line":287},[34,2563,417],{"class":158},[34,2565,420],{"class":40},[34,2567,457],{"class":302},[34,2569,489],{"class":44},[34,2571,518],{"class":40},[34,2573,610],{"class":72},[34,2575,518],{"class":40},[34,2577,526],{"class":40},[34,2579,443],{"class":40},[34,2581,2582,2585,2587,2589,2591,2593],{"class":36,"line":322},[34,2583,2584],{"class":44}," targetElementId",[34,2586,537],{"class":40},[34,2588,540],{"class":40},[34,2590,258],{"class":72},[34,2592,518],{"class":40},[34,2594,633],{"class":40},[34,2596,2597,2600,2602,2604,2606,2608],{"class":36,"line":327},[34,2598,2599],{"class":44}," model",[34,2601,537],{"class":40},[34,2603,540],{"class":40},[34,2605,646],{"class":72},[34,2607,518],{"class":40},[34,2609,633],{"class":40},[34,2611,2612,2615,2617,2619],{"class":36,"line":333},[34,2613,2614],{"class":44}," tryonItems",[34,2616,537],{"class":40},[34,2618,2524],{"class":158},[34,2620,633],{"class":40},[34,2622,2623,2625,2627],{"class":36,"line":341},[34,2624,552],{"class":40},[34,2626,495],{"class":44},[34,2628,498],{"class":40},[34,2630,2631],{"class":36,"line":357},[34,2632,1699],{"class":40},[34,2634,2635],{"class":36,"line":372},[34,2636,192],{"emptyLinePlaceholder":191},[34,2638,2639,2641],{"class":36,"line":383},[34,2640,2168],{"class":2099},[34,2642,2171],{"class":44},[34,2644,2645],{"class":36,"line":388},[34,2646,2176],{"class":40},[34,2648,2649,2651,2653,2655,2657,2659,2661,2663,2665,2668,2671,2673,2675,2678,2680,2682,2685,2687,2691,2693,2696,2698,2700,2703,2705],{"class":36,"line":394},[34,2650,2196],{"class":40},[34,2652,248],{"class":44},[34,2654,251],{"class":48},[34,2656,66],{"class":40},[34,2658,69],{"class":40},[34,2660,258],{"class":72},[34,2662,69],{"class":40},[34,2664,263],{"class":48},[34,2666,2667],{"class":40},"={{",[34,2669,2670],{"class":44}," width",[34,2672,537],{"class":40},[34,2674,540],{"class":40},[34,2676,2677],{"class":72},"100%",[34,2679,518],{"class":40},[34,2681,526],{"class":40},[34,2683,2684],{"class":44}," maxWidth",[34,2686,537],{"class":40},[34,2688,2690],{"class":2689},"sbssI"," 600",[34,2692,526],{"class":40},[34,2694,2695],{"class":44}," aspectRatio",[34,2697,537],{"class":40},[34,2699,540],{"class":40},[34,2701,2702],{"class":72},"3\u002F4",[34,2704,518],{"class":40},[34,2706,2707],{"class":40}," }} \u002F>\n",[34,2709,2710,2712,2714,2717,2720,2723,2726,2728,2730,2732],{"class":36,"line":414},[34,2711,2196],{"class":40},[34,2713,292],{"class":44},[34,2715,2716],{"class":48}," onClick",[34,2718,2719],{"class":40},"={",[34,2721,2722],{"class":158},"handleClick",[34,2724,2725],{"class":40},"}>",[34,2727,313],{"class":158},[34,2729,162],{"class":40},[34,2731,292],{"class":44},[34,2733,52],{"class":40},[34,2735,2736],{"class":36,"line":446},[34,2737,2362],{"class":40},[34,2739,2740,2742],{"class":36,"line":501},[34,2741,2367],{"class":44},[34,2743,498],{"class":40},[34,2745,2746],{"class":36,"line":507},[34,2747,2187],{"class":40},[994,2749,2751],{"id":2750},"step-3-use-in-a-product-page","Step 3 — Use in a Product Page",[24,2753,2755],{"className":2090,"code":2754,"language":2092,"meta":29,"style":29},"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",[31,2756,2757,2780,2784,2826,2855,2859,2865,2874,2898,2934,2941,2951,2955,2969,2983,2987,2993,2997,3006,3012],{"__ignoreMap":29},[34,2758,2759,2761,2763,2765,2768,2771,2773,2776,2778],{"class":36,"line":37},[34,2760,2100],{"class":2099},[34,2762,2145],{"class":40},[34,2764,2519],{"class":158},[34,2766,2767],{"class":40}," }",[34,2769,2770],{"class":2099}," from",[34,2772,540],{"class":40},[34,2774,2775],{"class":72},"@\u002Fcomponents\u002FTryOnButton",[34,2777,518],{"class":40},[34,2779,498],{"class":40},[34,2781,2782],{"class":36,"line":55},[34,2783,192],{"emptyLinePlaceholder":191},[34,2785,2786,2788,2790,2793,2795,2798,2800,2803,2805,2807,2809,2811,2813,2816,2818,2820,2822,2824],{"class":36,"line":80},[34,2787,2124],{"class":2099},[34,2789,2127],{"class":2099},[34,2791,2792],{"class":48}," async",[34,2794,438],{"class":48},[34,2796,2797],{"class":302}," ProductPage",[34,2799,2135],{"class":40},[34,2801,2802],{"class":2138}," params",[34,2804,2142],{"class":40},[34,2806,2145],{"class":40},[34,2808,2802],{"class":44},[34,2810,537],{"class":40},[34,2812,2145],{"class":40},[34,2814,2815],{"class":44}," slug",[34,2817,537],{"class":40},[34,2819,2417],{"class":2152},[34,2821,2767],{"class":40},[34,2823,2161],{"class":40},[34,2825,443],{"class":40},[34,2827,2828,2830,2833,2835,2838,2841,2843,2846,2848,2851,2853],{"class":36,"line":90},[34,2829,2547],{"class":48},[34,2831,2832],{"class":158}," product",[34,2834,465],{"class":40},[34,2836,2837],{"class":2099}," await",[34,2839,2840],{"class":302}," getProduct",[34,2842,489],{"class":44},[34,2844,2845],{"class":158},"params",[34,2847,420],{"class":40},[34,2849,2850],{"class":158},"slug",[34,2852,495],{"class":44},[34,2854,498],{"class":40},[34,2856,2857],{"class":36,"line":114},[34,2858,192],{"emptyLinePlaceholder":191},[34,2860,2861,2863],{"class":36,"line":147},[34,2862,2168],{"class":2099},[34,2864,2171],{"class":44},[34,2866,2867,2870,2872],{"class":36,"line":169},[34,2868,2869],{"class":40}," \u003C",[34,2871,248],{"class":44},[34,2873,52],{"class":40},[34,2875,2876,2878,2880,2883,2886,2888,2891,2894,2896],{"class":36,"line":178},[34,2877,2196],{"class":40},[34,2879,10],{"class":44},[34,2881,2882],{"class":40},">{",[34,2884,2885],{"class":158},"product",[34,2887,420],{"class":40},[34,2889,2890],{"class":158},"name",[34,2892,2893],{"class":40},"}\u003C\u002F",[34,2895,10],{"class":44},[34,2897,52],{"class":40},[34,2899,2900,2902,2905,2908,2910,2912,2914,2917,2920,2923,2925,2927,2929,2931],{"class":36,"line":188},[34,2901,2196],{"class":40},[34,2903,2904],{"class":44},"img",[34,2906,2907],{"class":48}," src",[34,2909,2719],{"class":40},[34,2911,2885],{"class":158},[34,2913,420],{"class":40},[34,2915,2916],{"class":158},"image",[34,2918,2919],{"class":40},"} ",[34,2921,2922],{"class":48},"alt",[34,2924,2719],{"class":40},[34,2926,2885],{"class":158},[34,2928,420],{"class":40},[34,2930,2890],{"class":158},[34,2932,2933],{"class":40},"} \u002F>\n",[34,2935,2936,2938],{"class":36,"line":195},[34,2937,2196],{"class":40},[34,2939,2940],{"class":2152},"TryOnButton\n",[34,2942,2943,2946,2948],{"class":36,"line":213},[34,2944,2945],{"class":48}," items",[34,2947,2719],{"class":40},[34,2949,2950],{"class":158},"[\n",[34,2952,2953],{"class":36,"line":231},[34,2954,667],{"class":40},[34,2956,2957,2959,2961,2963,2965,2967],{"class":36,"line":236},[34,2958,673],{"class":44},[34,2960,537],{"class":40},[34,2962,2832],{"class":158},[34,2964,420],{"class":40},[34,2966,2890],{"class":158},[34,2968,633],{"class":40},[34,2970,2971,2973,2975,2977,2979,2981],{"class":36,"line":243},[34,2972,689],{"class":44},[34,2974,537],{"class":40},[34,2976,2832],{"class":158},[34,2978,420],{"class":40},[34,2980,2916],{"class":158},[34,2982,633],{"class":40},[34,2984,2985],{"class":36,"line":282},[34,2986,706],{"class":40},[34,2988,2989,2991],{"class":36,"line":287},[34,2990,712],{"class":158},[34,2992,2187],{"class":40},[34,2994,2995],{"class":36,"line":322},[34,2996,2244],{"class":40},[34,2998,2999,3002,3004],{"class":36,"line":327},[34,3000,3001],{"class":40}," \u003C\u002F",[34,3003,248],{"class":44},[34,3005,52],{"class":40},[34,3007,3008,3010],{"class":36,"line":333},[34,3009,2367],{"class":44},[34,3011,498],{"class":40},[34,3013,3014],{"class":36,"line":341},[34,3015,2187],{"class":40},[19,3017,3019],{"id":3018},"environment-variable","Environment Variable",[15,3021,3022,3023,537],{},"Add your API key to ",[31,3024,3025],{},".env.local",[24,3027,3031],{"className":3028,"code":3029,"language":3030,"meta":29,"style":29},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","NEXT_PUBLIC_TRY_ON_API_KEY=pk_live_xxx\n","bash",[31,3032,3033],{"__ignoreMap":29},[34,3034,3035,3037,3039],{"class":36,"line":37},[34,3036,2332],{"class":158},[34,3038,66],{"class":40},[34,3040,3041],{"class":72},"pk_live_xxx\n",[786,3043,3044],{},"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":29,"searchDepth":55,"depth":55,"links":3046},[3047,3053],{"id":2065,"depth":55,"text":2066,"children":3048},[3049,3051,3052],{"id":2079,"depth":80,"text":3050},"Step 1 — Load Scripts in layout.tsx or page.tsx",{"id":2376,"depth":80,"text":2377},{"id":2750,"depth":80,"text":2751},{"id":3018,"depth":55,"text":3019},"Integrate with Next.js (Pages Router & App Router)","i-lucide-triangle",{},"\u002Fen\u002Fintegrations\u002Fnextjs",{"title":2046,"description":3054},"en\u002Fintegrations\u002Fnextjs","JdA3Sttp8qaffNRKpcg9b3i_J2nMxDOCfnya8RjA3yU",{"id":3062,"title":3063,"body":3064,"description":3954,"extension":794,"icon":3955,"meta":3956,"navigation":191,"path":3957,"seo":3958,"stem":3959,"__hash__":3960},"content\u002Fen\u002Fintegrations\u002Fnuxt.md","Nuxt",{"type":7,"value":3065,"toc":3944},[3066,3070,3073,3077,3087,3093,3404,3410,3606,3610,3920,3922,3928,3941],[10,3067,3069],{"id":3068},"nuxt-integration","Nuxt Integration",[15,3071,3072],{},"The Fitting Widget integrates seamlessly with Nuxt 3 and Nuxt 4.",[19,3074,3076],{"id":3075},"_1-load-the-script","1. Load the Script",[15,3078,3079,3080,3083,3084,420],{},"Use the ",[31,3081,3082],{},"useHead"," composable, or add scripts to your ",[31,3085,3086],{},"nuxt.config.ts",[994,3088,3090,3091],{"id":3089},"option-a-per-page-with-usehead","Option A — Per Page with ",[31,3092,3082],{},[24,3094,3098],{"className":3095,"code":3096,"language":3097,"meta":29,"style":29},"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",[31,3099,3100,3105,3114,3122,3139,3172,3180,3188,3192,3214,3234,3238,3246,3255,3259,3274,3289,3293,3297,3311,3321,3326,3331,3336,3341,3367,3372,3379,3383,3389,3396],{"__ignoreMap":29},[34,3101,3102],{"class":36,"line":37},[34,3103,3104],{"class":239},"\u003C!-- pages\u002Fproduct\u002F[slug].vue -->\n",[34,3106,3107,3109,3112],{"class":36,"line":55},[34,3108,58],{"class":40},[34,3110,3111],{"class":44},"template",[34,3113,52],{"class":40},[34,3115,3116,3118,3120],{"class":36,"line":80},[34,3117,93],{"class":40},[34,3119,248],{"class":44},[34,3121,52],{"class":40},[34,3123,3124,3126,3128,3130,3133,3135,3137],{"class":36,"line":90},[34,3125,2869],{"class":40},[34,3127,10],{"class":44},[34,3129,155],{"class":40},[34,3131,3132],{"class":158},"{{ product.name }}",[34,3134,162],{"class":40},[34,3136,10],{"class":44},[34,3138,52],{"class":40},[34,3140,3141,3143,3146,3149,3151,3153,3156,3158,3161,3163,3165,3168,3170],{"class":36,"line":114},[34,3142,2869],{"class":40},[34,3144,3145],{"class":44},"TryOnWidget",[34,3147,3148],{"class":48}," :product-name",[34,3150,66],{"class":40},[34,3152,69],{"class":40},[34,3154,3155],{"class":72},"product.name",[34,3157,69],{"class":40},[34,3159,3160],{"class":48}," :image-url",[34,3162,66],{"class":40},[34,3164,69],{"class":40},[34,3166,3167],{"class":72},"product.image",[34,3169,69],{"class":40},[34,3171,111],{"class":40},[34,3173,3174,3176,3178],{"class":36,"line":147},[34,3175,562],{"class":40},[34,3177,248],{"class":44},[34,3179,52],{"class":40},[34,3181,3182,3184,3186],{"class":36,"line":169},[34,3183,162],{"class":40},[34,3185,3111],{"class":44},[34,3187,52],{"class":40},[34,3189,3190],{"class":36,"line":178},[34,3191,192],{"emptyLinePlaceholder":191},[34,3193,3194,3196,3198,3201,3203,3205,3207,3210,3212],{"class":36,"line":188},[34,3195,58],{"class":40},[34,3197,378],{"class":44},[34,3199,3200],{"class":48}," setup",[34,3202,63],{"class":48},[34,3204,66],{"class":40},[34,3206,69],{"class":40},[34,3208,3209],{"class":72},"ts",[34,3211,69],{"class":40},[34,3213,52],{"class":40},[34,3215,3216,3218,3220,3223,3225,3227,3229,3232],{"class":36,"line":195},[34,3217,2100],{"class":2099},[34,3219,2145],{"class":40},[34,3221,3222],{"class":158}," useHead",[34,3224,2767],{"class":40},[34,3226,2770],{"class":2099},[34,3228,540],{"class":40},[34,3230,3231],{"class":72},"#app",[34,3233,546],{"class":40},[34,3235,3236],{"class":36,"line":213},[34,3237,192],{"emptyLinePlaceholder":191},[34,3239,3240,3242,3244],{"class":36,"line":231},[34,3241,3082],{"class":302},[34,3243,489],{"class":158},[34,3245,2449],{"class":40},[34,3247,3248,3251,3253],{"class":36,"line":236},[34,3249,3250],{"class":44}," script",[34,3252,537],{"class":40},[34,3254,661],{"class":158},[34,3256,3257],{"class":36,"line":243},[34,3258,1109],{"class":40},[34,3260,3261,3264,3266,3268,3270,3272],{"class":36,"line":282},[34,3262,3263],{"class":44}," src",[34,3265,537],{"class":40},[34,3267,540],{"class":40},[34,3269,351],{"class":72},[34,3271,518],{"class":40},[34,3273,633],{"class":40},[34,3275,3276,3279,3281,3283,3285,3287],{"class":36,"line":287},[34,3277,3278],{"class":44}," id",[34,3280,537],{"class":40},[34,3282,540],{"class":40},[34,3284,367],{"class":72},[34,3286,518],{"class":40},[34,3288,633],{"class":40},[34,3290,3291],{"class":36,"line":322},[34,3292,1146],{"class":40},[34,3294,3295],{"class":36,"line":327},[34,3296,1109],{"class":40},[34,3298,3299,3301,3303,3305,3307,3309],{"class":36,"line":333},[34,3300,3278],{"class":44},[34,3302,537],{"class":40},[34,3304,540],{"class":40},[34,3306,407],{"class":72},[34,3308,518],{"class":40},[34,3310,633],{"class":40},[34,3312,3313,3316,3318],{"class":36,"line":341},[34,3314,3315],{"class":44}," innerHTML",[34,3317,537],{"class":40},[34,3319,3320],{"class":40}," `\n",[34,3322,3323],{"class":36,"line":357},[34,3324,3325],{"class":72}," window.fitting = window.fitting || function() {\n",[34,3327,3328],{"class":36,"line":372},[34,3329,3330],{"class":72}," (window.fitting.q = window.fitting.q || []).push(arguments);\n",[34,3332,3333],{"class":36,"line":383},[34,3334,3335],{"class":72}," };\n",[34,3337,3338],{"class":36,"line":388},[34,3339,3340],{"class":72}," window.fitting('init', {\n",[34,3342,3343,3346,3348,3350,3352,3354,3356,3358,3360,3363,3365],{"class":36,"line":394},[34,3344,3345],{"class":72}," apiKey: '",[34,3347,2319],{"class":40},[34,3349,2100],{"class":2099},[34,3351,420],{"class":40},[34,3353,96],{"class":158},[34,3355,420],{"class":40},[34,3357,2327],{"class":158},[34,3359,420],{"class":40},[34,3361,3362],{"class":158},"VITE_TRY_ON_API_KEY",[34,3364,909],{"class":40},[34,3366,546],{"class":72},[34,3368,3369],{"class":36,"line":414},[34,3370,3371],{"class":72}," });\n",[34,3373,3374,3377],{"class":36,"line":446},[34,3375,3376],{"class":40}," `",[34,3378,633],{"class":40},[34,3380,3381],{"class":36,"line":501},[34,3382,1146],{"class":40},[34,3384,3385,3387],{"class":36,"line":507},[34,3386,1151],{"class":158},[34,3388,633],{"class":40},[34,3390,3391,3393],{"class":36,"line":531},[34,3392,909],{"class":40},[34,3394,3395],{"class":158},")\n",[34,3397,3398,3400,3402],{"class":36,"line":549},[34,3399,162],{"class":40},[34,3401,378],{"class":44},[34,3403,52],{"class":40},[994,3405,3407,3408],{"id":3406},"option-b-global-in-nuxtconfigts","Option B — Global in ",[31,3409,3086],{},[24,3411,3414],{"className":3412,"code":3413,"language":3209,"meta":29,"style":29},"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",[31,3415,3416,3429,3438,3447,3456,3461,3476,3491,3496,3500,3514,3523,3528,3533,3538,3543,3568,3573,3580,3584,3591,3595,3600],{"__ignoreMap":29},[34,3417,3418,3420,3422,3425,3427],{"class":36,"line":37},[34,3419,2124],{"class":2099},[34,3421,2127],{"class":2099},[34,3423,3424],{"class":302}," defineNuxtConfig",[34,3426,489],{"class":158},[34,3428,2449],{"class":40},[34,3430,3431,3434,3436],{"class":36,"line":55},[34,3432,3433],{"class":44}," app",[34,3435,537],{"class":40},[34,3437,443],{"class":40},[34,3439,3440,3443,3445],{"class":36,"line":80},[34,3441,3442],{"class":44}," head",[34,3444,537],{"class":40},[34,3446,443],{"class":40},[34,3448,3449,3452,3454],{"class":36,"line":90},[34,3450,3451],{"class":44}," script",[34,3453,537],{"class":40},[34,3455,661],{"class":158},[34,3457,3458],{"class":36,"line":114},[34,3459,3460],{"class":40}," {\n",[34,3462,3463,3466,3468,3470,3472,3474],{"class":36,"line":147},[34,3464,3465],{"class":44}," src",[34,3467,537],{"class":40},[34,3469,540],{"class":40},[34,3471,351],{"class":72},[34,3473,518],{"class":40},[34,3475,633],{"class":40},[34,3477,3478,3481,3483,3485,3487,3489],{"class":36,"line":169},[34,3479,3480],{"class":44}," id",[34,3482,537],{"class":40},[34,3484,540],{"class":40},[34,3486,367],{"class":72},[34,3488,518],{"class":40},[34,3490,633],{"class":40},[34,3492,3493],{"class":36,"line":178},[34,3494,3495],{"class":40}," },\n",[34,3497,3498],{"class":36,"line":188},[34,3499,3460],{"class":40},[34,3501,3502,3504,3506,3508,3510,3512],{"class":36,"line":195},[34,3503,3480],{"class":44},[34,3505,537],{"class":40},[34,3507,540],{"class":40},[34,3509,407],{"class":72},[34,3511,518],{"class":40},[34,3513,633],{"class":40},[34,3515,3516,3519,3521],{"class":36,"line":213},[34,3517,3518],{"class":44}," innerHTML",[34,3520,537],{"class":40},[34,3522,3320],{"class":40},[34,3524,3525],{"class":36,"line":231},[34,3526,3527],{"class":72}," window.fitting = window.fitting || function() {\n",[34,3529,3530],{"class":36,"line":236},[34,3531,3532],{"class":72}," (window.fitting.q = window.fitting.q || []).push(arguments);\n",[34,3534,3535],{"class":36,"line":243},[34,3536,3537],{"class":72}," };\n",[34,3539,3540],{"class":36,"line":282},[34,3541,3542],{"class":72}," window.fitting('init', {\n",[34,3544,3545,3548,3550,3552,3554,3556,3558,3560,3562,3564,3566],{"class":36,"line":287},[34,3546,3547],{"class":72}," apiKey: '",[34,3549,2319],{"class":40},[34,3551,2100],{"class":2099},[34,3553,420],{"class":40},[34,3555,96],{"class":158},[34,3557,420],{"class":40},[34,3559,2327],{"class":158},[34,3561,420],{"class":40},[34,3563,3362],{"class":158},[34,3565,909],{"class":40},[34,3567,546],{"class":72},[34,3569,3570],{"class":36,"line":322},[34,3571,3572],{"class":72}," });\n",[34,3574,3575,3578],{"class":36,"line":327},[34,3576,3577],{"class":40}," `",[34,3579,633],{"class":40},[34,3581,3582],{"class":36,"line":333},[34,3583,3495],{"class":40},[34,3585,3586,3589],{"class":36,"line":341},[34,3587,3588],{"class":158}," ]",[34,3590,633],{"class":40},[34,3592,3593],{"class":36,"line":357},[34,3594,1146],{"class":40},[34,3596,3597],{"class":36,"line":372},[34,3598,3599],{"class":40}," },\n",[34,3601,3602,3604],{"class":36,"line":383},[34,3603,909],{"class":40},[34,3605,3395],{"class":158},[19,3607,3609],{"id":3608},"_2-create-the-wrapper-component","2. Create the Wrapper Component",[24,3611,3613],{"className":3095,"code":3612,"language":3097,"meta":29,"style":29},"\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",[31,3614,3615,3620,3628,3636,3666,3694,3702,3710,3714,3734,3750,3759,3768,3775,3779,3794,3814,3829,3844,3853,3858,3874,3890,3895,3902,3908,3912],{"__ignoreMap":29},[34,3616,3617],{"class":36,"line":37},[34,3618,3619],{"class":239},"\u003C!-- components\u002FTryOnWidget.vue -->\n",[34,3621,3622,3624,3626],{"class":36,"line":55},[34,3623,58],{"class":40},[34,3625,3111],{"class":44},[34,3627,52],{"class":40},[34,3629,3630,3632,3634],{"class":36,"line":80},[34,3631,93],{"class":40},[34,3633,248],{"class":44},[34,3635,52],{"class":40},[34,3637,3638,3640,3642,3644,3646,3648,3650,3652,3655,3657,3659,3662,3664],{"class":36,"line":90},[34,3639,2869],{"class":40},[34,3641,248],{"class":44},[34,3643,251],{"class":48},[34,3645,66],{"class":40},[34,3647,69],{"class":40},[34,3649,258],{"class":72},[34,3651,69],{"class":40},[34,3653,3654],{"class":48}," class",[34,3656,66],{"class":40},[34,3658,69],{"class":40},[34,3660,3661],{"class":72},"aspect-[3\u002F4] w-full max-w-[600px]",[34,3663,69],{"class":40},[34,3665,111],{"class":40},[34,3667,3668,3670,3672,3675,3677,3679,3682,3684,3686,3688,3690,3692],{"class":36,"line":114},[34,3669,2869],{"class":40},[34,3671,292],{"class":44},[34,3673,3674],{"class":48}," @click",[34,3676,66],{"class":40},[34,3678,69],{"class":40},[34,3680,3681],{"class":72},"handleTryOn",[34,3683,69],{"class":40},[34,3685,155],{"class":40},[34,3687,313],{"class":158},[34,3689,162],{"class":40},[34,3691,292],{"class":44},[34,3693,52],{"class":40},[34,3695,3696,3698,3700],{"class":36,"line":147},[34,3697,562],{"class":40},[34,3699,248],{"class":44},[34,3701,52],{"class":40},[34,3703,3704,3706,3708],{"class":36,"line":169},[34,3705,162],{"class":40},[34,3707,3111],{"class":44},[34,3709,52],{"class":40},[34,3711,3712],{"class":36,"line":178},[34,3713,192],{"emptyLinePlaceholder":191},[34,3715,3716,3718,3720,3722,3724,3726,3728,3730,3732],{"class":36,"line":188},[34,3717,58],{"class":40},[34,3719,378],{"class":44},[34,3721,3200],{"class":48},[34,3723,63],{"class":48},[34,3725,66],{"class":40},[34,3727,69],{"class":40},[34,3729,3209],{"class":72},[34,3731,69],{"class":40},[34,3733,52],{"class":40},[34,3735,3736,3739,3742,3744,3747],{"class":36,"line":195},[34,3737,3738],{"class":48},"const",[34,3740,3741],{"class":158}," props ",[34,3743,66],{"class":40},[34,3745,3746],{"class":302}," defineProps",[34,3748,3749],{"class":40},"\u003C{\n",[34,3751,3752,3754,3756],{"class":36,"line":213},[34,3753,2412],{"class":44},[34,3755,537],{"class":40},[34,3757,3758],{"class":2152}," string\n",[34,3760,3761,3764,3766],{"class":36,"line":231},[34,3762,3763],{"class":44}," imageUrl",[34,3765,537],{"class":40},[34,3767,3758],{"class":2152},[34,3769,3770,3772],{"class":36,"line":236},[34,3771,2725],{"class":40},[34,3773,3774],{"class":158},"()\n",[34,3776,3777],{"class":36,"line":243},[34,3778,192],{"emptyLinePlaceholder":191},[34,3780,3781,3783,3786,3788,3790,3792],{"class":36,"line":282},[34,3782,3738],{"class":48},[34,3784,3785],{"class":158}," handleTryOn ",[34,3787,66],{"class":40},[34,3789,2555],{"class":40},[34,3791,2492],{"class":48},[34,3793,443],{"class":40},[34,3795,3796,3798,3800,3802,3804,3806,3808,3810,3812],{"class":36,"line":287},[34,3797,1631],{"class":158},[34,3799,420],{"class":40},[34,3801,457],{"class":302},[34,3803,489],{"class":44},[34,3805,518],{"class":40},[34,3807,610],{"class":72},[34,3809,518],{"class":40},[34,3811,526],{"class":40},[34,3813,443],{"class":40},[34,3815,3816,3819,3821,3823,3825,3827],{"class":36,"line":322},[34,3817,3818],{"class":44}," targetElementId",[34,3820,537],{"class":40},[34,3822,540],{"class":40},[34,3824,258],{"class":72},[34,3826,518],{"class":40},[34,3828,633],{"class":40},[34,3830,3831,3834,3836,3838,3840,3842],{"class":36,"line":327},[34,3832,3833],{"class":44}," model",[34,3835,537],{"class":40},[34,3837,540],{"class":40},[34,3839,646],{"class":72},[34,3841,518],{"class":40},[34,3843,633],{"class":40},[34,3845,3846,3849,3851],{"class":36,"line":333},[34,3847,3848],{"class":44}," tryonItems",[34,3850,537],{"class":40},[34,3852,661],{"class":44},[34,3854,3855],{"class":36,"line":341},[34,3856,3857],{"class":40}," {\n",[34,3859,3860,3863,3865,3868,3870,3872],{"class":36,"line":357},[34,3861,3862],{"class":44}," productName",[34,3864,537],{"class":40},[34,3866,3867],{"class":158}," props",[34,3869,420],{"class":40},[34,3871,1019],{"class":158},[34,3873,633],{"class":40},[34,3875,3876,3879,3881,3883,3885,3888],{"class":36,"line":372},[34,3877,3878],{"class":44}," url",[34,3880,537],{"class":40},[34,3882,3867],{"class":158},[34,3884,420],{"class":40},[34,3886,3887],{"class":158},"imageUrl",[34,3889,633],{"class":40},[34,3891,3892],{"class":36,"line":383},[34,3893,3894],{"class":40}," },\n",[34,3896,3897,3900],{"class":36,"line":388},[34,3898,3899],{"class":44}," ]",[34,3901,633],{"class":40},[34,3903,3904,3906],{"class":36,"line":394},[34,3905,1737],{"class":40},[34,3907,3395],{"class":44},[34,3909,3910],{"class":36,"line":414},[34,3911,2187],{"class":40},[34,3913,3914,3916,3918],{"class":36,"line":446},[34,3915,162],{"class":40},[34,3917,378],{"class":44},[34,3919,52],{"class":40},[19,3921,3019],{"id":3018},[15,3923,3924,3925,537],{},"Add to ",[31,3926,3927],{},".env",[24,3929,3931],{"className":3028,"code":3930,"language":3030,"meta":29,"style":29},"VITE_TRY_ON_API_KEY=pk_live_xxx\n",[31,3932,3933],{"__ignoreMap":29},[34,3934,3935,3937,3939],{"class":36,"line":37},[34,3936,3362],{"class":158},[34,3938,66],{"class":40},[34,3940,3041],{"class":72},[786,3942,3943],{},"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":29,"searchDepth":55,"depth":55,"links":3945},[3946,3952,3953],{"id":3075,"depth":55,"text":3076,"children":3947},[3948,3950],{"id":3089,"depth":80,"text":3949},"Option A — Per Page with useHead",{"id":3406,"depth":80,"text":3951},"Option B — Global in nuxt.config.ts",{"id":3608,"depth":55,"text":3609},{"id":3018,"depth":55,"text":3019},"Integrate with a Nuxt 3 \u002F Nuxt 4 app","i-lucide-nut",{},"\u002Fen\u002Fintegrations\u002Fnuxt",{"title":3063,"description":3954},"en\u002Fintegrations\u002Fnuxt","3xlJgokLPj3qTkGk4XWJ2RH_Ar2hK0jHeC6j3_o9shE",{"id":3962,"title":3963,"body":3964,"description":4848,"extension":794,"icon":4849,"meta":4850,"navigation":191,"path":4851,"seo":4852,"stem":4853,"__hash__":4854},"content\u002Fen\u002Fintegrations\u002Freact.md","React",{"type":7,"value":3965,"toc":4843},[3966,3970,3973,3977,3983,4168,4178,4182,4502,4506,4840],[10,3967,3969],{"id":3968},"react-integration","React Integration",[15,3971,3972],{},"Works with any React setup — Vite, Create React App, or custom.",[19,3974,3976],{"id":3975},"_1-load-the-widget-script","1. Load the Widget Script",[15,3978,3979,3980,537],{},"Add the script to your ",[31,3981,3982],{},"index.html",[24,3984,3986],{"className":26,"code":3985,"language":28,"meta":29,"style":29},"\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",[31,3987,3988,3993,3999,4011,4023,4031,4049,4073,4115,4119,4139,4152,4160],{"__ignoreMap":29},[34,3989,3990],{"class":36,"line":37},[34,3991,3992],{"class":239},"\u003C!-- In public\u002Findex.html or index.html (Vite) -->\n",[34,3994,3995,3997],{"class":36,"line":55},[34,3996,58],{"class":40},[34,3998,338],{"class":44},[34,4000,4001,4003,4005,4007,4009],{"class":36,"line":80},[34,4002,1570],{"class":48},[34,4004,66],{"class":40},[34,4006,69],{"class":40},[34,4008,351],{"class":72},[34,4010,354],{"class":40},[34,4012,4013,4015,4017,4019,4021],{"class":36,"line":90},[34,4014,1583],{"class":48},[34,4016,66],{"class":40},[34,4018,69],{"class":40},[34,4020,367],{"class":72},[34,4022,354],{"class":40},[34,4024,4025,4027,4029],{"class":36,"line":114},[34,4026,275],{"class":40},[34,4028,378],{"class":44},[34,4030,52],{"class":40},[34,4032,4033,4035,4037,4039,4041,4043,4045,4047],{"class":36,"line":147},[34,4034,58],{"class":40},[34,4036,378],{"class":44},[34,4038,251],{"class":48},[34,4040,66],{"class":40},[34,4042,69],{"class":40},[34,4044,407],{"class":72},[34,4046,69],{"class":40},[34,4048,52],{"class":40},[34,4050,4051,4053,4055,4057,4059,4061,4063,4065,4067,4069,4071],{"class":36,"line":169},[34,4052,1631],{"class":158},[34,4054,420],{"class":40},[34,4056,423],{"class":158},[34,4058,66],{"class":40},[34,4060,428],{"class":158},[34,4062,420],{"class":40},[34,4064,423],{"class":158},[34,4066,435],{"class":40},[34,4068,438],{"class":48},[34,4070,306],{"class":40},[34,4072,443],{"class":40},[34,4074,4075,4077,4079,4081,4083,4085,4087,4089,4091,4093,4095,4097,4099,4101,4103,4105,4107,4109,4111,4113],{"class":36,"line":178},[34,4076,1656],{"class":44},[34,4078,452],{"class":158},[34,4080,420],{"class":40},[34,4082,457],{"class":158},[34,4084,420],{"class":40},[34,4086,462],{"class":158},[34,4088,465],{"class":40},[34,4090,428],{"class":158},[34,4092,420],{"class":40},[34,4094,457],{"class":158},[34,4096,420],{"class":40},[34,4098,462],{"class":158},[34,4100,478],{"class":40},[34,4102,481],{"class":44},[34,4104,420],{"class":40},[34,4106,486],{"class":302},[34,4108,489],{"class":44},[34,4110,492],{"class":158},[34,4112,495],{"class":44},[34,4114,498],{"class":40},[34,4116,4117],{"class":36,"line":188},[34,4118,1699],{"class":40},[34,4120,4121,4123,4125,4127,4129,4131,4133,4135,4137],{"class":36,"line":195},[34,4122,1631],{"class":158},[34,4124,420],{"class":40},[34,4126,457],{"class":302},[34,4128,489],{"class":158},[34,4130,518],{"class":40},[34,4132,521],{"class":72},[34,4134,518],{"class":40},[34,4136,526],{"class":40},[34,4138,443],{"class":40},[34,4140,4141,4143,4145,4147,4150],{"class":36,"line":213},[34,4142,1724],{"class":44},[34,4144,537],{"class":40},[34,4146,540],{"class":40},[34,4148,4149],{"class":72},"%VITE_TRY_ON_API_KEY%",[34,4151,546],{"class":40},[34,4153,4154,4156,4158],{"class":36,"line":231},[34,4155,1737],{"class":40},[34,4157,495],{"class":158},[34,4159,498],{"class":40},[34,4161,4162,4164,4166],{"class":36,"line":236},[34,4163,162],{"class":40},[34,4165,378],{"class":44},[34,4167,52],{"class":40},[4169,4170,4172],"callout",{"icon":4171},"i-lucide-lightbulb",[15,4173,4174,4175,4177],{},"Replace ",[31,4176,4149],{}," at build time with your actual key, or use a runtime injection approach.",[19,4179,4181],{"id":4180},"_2-create-a-custom-hook","2. Create a Custom Hook",[24,4183,4185],{"className":2090,"code":4184,"language":2092,"meta":29,"style":29},"\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",[31,4186,4187,4192,4200,4210,4220,4231,4235,4239,4248,4258,4291,4304,4308,4312,4320,4328,4358,4362,4366,4370,4383,4407,4431,4435,4439,4454,4475,4479,4483,4498],{"__ignoreMap":29},[34,4188,4189],{"class":36,"line":37},[34,4190,4191],{"class":239},"\u002F\u002F hooks\u002FuseFittingWidget.ts\n",[34,4193,4194,4196,4198],{"class":36,"line":55},[34,4195,2402],{"class":48},[34,4197,2405],{"class":2152},[34,4199,443],{"class":40},[34,4201,4202,4204,4206,4208],{"class":36,"line":80},[34,4203,2412],{"class":44},[34,4205,537],{"class":40},[34,4207,2417],{"class":2152},[34,4209,498],{"class":40},[34,4211,4212,4214,4216,4218],{"class":36,"line":90},[34,4213,2424],{"class":44},[34,4215,537],{"class":40},[34,4217,2417],{"class":2152},[34,4219,498],{"class":40},[34,4221,4222,4225,4227,4229],{"class":36,"line":114},[34,4223,4224],{"class":44}," productId",[34,4226,2484],{"class":40},[34,4228,2417],{"class":2152},[34,4230,498],{"class":40},[34,4232,4233],{"class":36,"line":147},[34,4234,2187],{"class":40},[34,4236,4237],{"class":36,"line":169},[34,4238,192],{"emptyLinePlaceholder":191},[34,4240,4241,4243,4246],{"class":36,"line":178},[34,4242,2402],{"class":48},[34,4244,4245],{"class":2152}," CreateOptions",[34,4247,443],{"class":40},[34,4249,4250,4252,4254,4256],{"class":36,"line":188},[34,4251,1070],{"class":44},[34,4253,537],{"class":40},[34,4255,2417],{"class":2152},[34,4257,498],{"class":40},[34,4259,4260,4262,4264,4266,4268,4270,4273,4275,4278,4280,4282,4284,4287,4289],{"class":36,"line":195},[34,4261,1085],{"class":44},[34,4263,2484],{"class":40},[34,4265,540],{"class":40},[34,4267,646],{"class":72},[34,4269,518],{"class":40},[34,4271,4272],{"class":40}," |",[34,4274,540],{"class":40},[34,4276,4277],{"class":72},"quality",[34,4279,518],{"class":40},[34,4281,4272],{"class":40},[34,4283,540],{"class":40},[34,4285,4286],{"class":72},"speed",[34,4288,518],{"class":40},[34,4290,498],{"class":40},[34,4292,4293,4295,4297,4299,4302],{"class":36,"line":213},[34,4294,1100],{"class":44},[34,4296,537],{"class":40},[34,4298,2405],{"class":2152},[34,4300,4301],{"class":158},"[]",[34,4303,498],{"class":40},[34,4305,4306],{"class":36,"line":231},[34,4307,2187],{"class":40},[34,4309,4310],{"class":36,"line":236},[34,4311,192],{"emptyLinePlaceholder":191},[34,4313,4314,4316,4318],{"class":36,"line":243},[34,4315,2443],{"class":48},[34,4317,2446],{"class":158},[34,4319,2449],{"class":40},[34,4321,4322,4324,4326],{"class":36,"line":282},[34,4323,2454],{"class":48},[34,4325,2457],{"class":2152},[34,4327,443],{"class":40},[34,4329,4330,4332,4334,4336,4338,4340,4342,4344,4346,4348,4350,4352,4354,4356],{"class":36,"line":287},[34,4331,2464],{"class":44},[34,4333,537],{"class":40},[34,4335,2469],{"class":40},[34,4337,2472],{"class":2138},[34,4339,537],{"class":40},[34,4341,2417],{"class":2152},[34,4343,526],{"class":40},[34,4345,2481],{"class":2138},[34,4347,2484],{"class":40},[34,4349,2487],{"class":2152},[34,4351,495],{"class":40},[34,4353,2492],{"class":48},[34,4355,2495],{"class":2152},[34,4357,498],{"class":40},[34,4359,4360],{"class":36,"line":322},[34,4361,2502],{"class":40},[34,4363,4364],{"class":36,"line":327},[34,4365,2187],{"class":40},[34,4367,4368],{"class":36,"line":333},[34,4369,192],{"emptyLinePlaceholder":191},[34,4371,4372,4374,4376,4379,4381],{"class":36,"line":341},[34,4373,2124],{"class":2099},[34,4375,438],{"class":48},[34,4377,4378],{"class":302}," useFittingWidget",[34,4380,306],{"class":40},[34,4382,443],{"class":40},[34,4384,4385,4387,4390,4392,4394,4397,4399,4401,4403,4405],{"class":36,"line":357},[34,4386,2547],{"class":48},[34,4388,4389],{"class":158}," open",[34,4391,465],{"class":40},[34,4393,2469],{"class":40},[34,4395,4396],{"class":2138},"options",[34,4398,537],{"class":40},[34,4400,4245],{"class":2152},[34,4402,495],{"class":40},[34,4404,2492],{"class":48},[34,4406,443],{"class":40},[34,4408,4409,4411,4413,4415,4417,4419,4421,4423,4425,4427,4429],{"class":36,"line":372},[34,4410,417],{"class":158},[34,4412,420],{"class":40},[34,4414,457],{"class":302},[34,4416,489],{"class":44},[34,4418,518],{"class":40},[34,4420,610],{"class":72},[34,4422,518],{"class":40},[34,4424,526],{"class":40},[34,4426,2481],{"class":158},[34,4428,495],{"class":44},[34,4430,498],{"class":40},[34,4432,4433],{"class":36,"line":383},[34,4434,1699],{"class":40},[34,4436,4437],{"class":36,"line":388},[34,4438,192],{"emptyLinePlaceholder":191},[34,4440,4441,4443,4446,4448,4450,4452],{"class":36,"line":394},[34,4442,2547],{"class":48},[34,4444,4445],{"class":158}," close",[34,4447,465],{"class":40},[34,4449,2555],{"class":40},[34,4451,2492],{"class":48},[34,4453,443],{"class":40},[34,4455,4456,4458,4460,4462,4464,4466,4469,4471,4473],{"class":36,"line":414},[34,4457,417],{"class":158},[34,4459,420],{"class":40},[34,4461,457],{"class":302},[34,4463,489],{"class":44},[34,4465,518],{"class":40},[34,4467,4468],{"class":72},"close",[34,4470,518],{"class":40},[34,4472,495],{"class":44},[34,4474,498],{"class":40},[34,4476,4477],{"class":36,"line":446},[34,4478,1699],{"class":40},[34,4480,4481],{"class":36,"line":501},[34,4482,192],{"emptyLinePlaceholder":191},[34,4484,4485,4487,4489,4491,4493,4495],{"class":36,"line":507},[34,4486,2168],{"class":2099},[34,4488,2145],{"class":40},[34,4490,4389],{"class":158},[34,4492,526],{"class":40},[34,4494,4445],{"class":158},[34,4496,4497],{"class":40}," };\n",[34,4499,4500],{"class":36,"line":531},[34,4501,2187],{"class":40},[19,4503,4505],{"id":4504},"_3-use-in-a-component","3. Use in a Component",[24,4507,4509],{"className":2090,"code":4508,"language":2092,"meta":29,"style":29},"\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",[31,4510,4511,4516,4537,4541,4550,4560,4570,4574,4578,4605,4623,4627,4633,4641,4648,4660,4700,4704,4711,4722,4731,4746,4761,4793,4800,4805,4809,4814,4822,4830,4836],{"__ignoreMap":29},[34,4512,4513],{"class":36,"line":37},[34,4514,4515],{"class":239},"\u002F\u002F components\u002FTryOnWidget.tsx\n",[34,4517,4518,4520,4522,4524,4526,4528,4530,4533,4535],{"class":36,"line":55},[34,4519,2100],{"class":2099},[34,4521,2145],{"class":40},[34,4523,4378],{"class":158},[34,4525,2767],{"class":40},[34,4527,2770],{"class":2099},[34,4529,540],{"class":40},[34,4531,4532],{"class":72},"..\u002Fhooks\u002FuseFittingWidget",[34,4534,518],{"class":40},[34,4536,498],{"class":40},[34,4538,4539],{"class":36,"line":80},[34,4540,192],{"emptyLinePlaceholder":191},[34,4542,4543,4545,4548],{"class":36,"line":90},[34,4544,2402],{"class":48},[34,4546,4547],{"class":2152}," Props",[34,4549,443],{"class":40},[34,4551,4552,4554,4556,4558],{"class":36,"line":114},[34,4553,2412],{"class":44},[34,4555,537],{"class":40},[34,4557,2417],{"class":2152},[34,4559,498],{"class":40},[34,4561,4562,4564,4566,4568],{"class":36,"line":147},[34,4563,3763],{"class":44},[34,4565,537],{"class":40},[34,4567,2417],{"class":2152},[34,4569,498],{"class":40},[34,4571,4572],{"class":36,"line":169},[34,4573,2187],{"class":40},[34,4575,4576],{"class":36,"line":178},[34,4577,192],{"emptyLinePlaceholder":191},[34,4579,4580,4582,4584,4587,4589,4592,4594,4597,4599,4601,4603],{"class":36,"line":188},[34,4581,2124],{"class":2099},[34,4583,438],{"class":48},[34,4585,4586],{"class":302}," TryOnWidget",[34,4588,2135],{"class":40},[34,4590,4591],{"class":2138}," productName",[34,4593,526],{"class":40},[34,4595,4596],{"class":2138}," imageUrl",[34,4598,2142],{"class":40},[34,4600,4547],{"class":2152},[34,4602,495],{"class":40},[34,4604,443],{"class":40},[34,4606,4607,4609,4611,4613,4615,4617,4619,4621],{"class":36,"line":195},[34,4608,2547],{"class":48},[34,4610,2145],{"class":40},[34,4612,4389],{"class":158},[34,4614,2767],{"class":40},[34,4616,465],{"class":40},[34,4618,4378],{"class":302},[34,4620,306],{"class":44},[34,4622,498],{"class":40},[34,4624,4625],{"class":36,"line":213},[34,4626,192],{"emptyLinePlaceholder":191},[34,4628,4629,4631],{"class":36,"line":231},[34,4630,2168],{"class":2099},[34,4632,2171],{"class":44},[34,4634,4635,4637,4639],{"class":36,"line":236},[34,4636,2869],{"class":40},[34,4638,248],{"class":44},[34,4640,52],{"class":40},[34,4642,4643,4645],{"class":36,"line":243},[34,4644,2196],{"class":40},[34,4646,4647],{"class":44},"div\n",[34,4649,4650,4652,4654,4656,4658],{"class":36,"line":282},[34,4651,2231],{"class":48},[34,4653,66],{"class":40},[34,4655,69],{"class":40},[34,4657,258],{"class":72},[34,4659,354],{"class":40},[34,4661,4662,4665,4667,4669,4671,4673,4675,4677,4679,4681,4683,4685,4687,4689,4691,4693,4695,4697],{"class":36,"line":287},[34,4663,4664],{"class":48}," style",[34,4666,2667],{"class":40},[34,4668,2670],{"class":44},[34,4670,537],{"class":40},[34,4672,540],{"class":40},[34,4674,2677],{"class":72},[34,4676,518],{"class":40},[34,4678,526],{"class":40},[34,4680,2684],{"class":44},[34,4682,537],{"class":40},[34,4684,2690],{"class":2689},[34,4686,526],{"class":40},[34,4688,2695],{"class":44},[34,4690,537],{"class":40},[34,4692,540],{"class":40},[34,4694,2702],{"class":72},[34,4696,518],{"class":40},[34,4698,4699],{"class":40}," }}\n",[34,4701,4702],{"class":36,"line":322},[34,4703,2244],{"class":40},[34,4705,4706,4708],{"class":36,"line":327},[34,4707,2196],{"class":40},[34,4709,4710],{"class":44},"button\n",[34,4712,4713,4716,4719],{"class":36,"line":333},[34,4714,4715],{"class":48}," onClick",[34,4717,4718],{"class":40},"={()",[34,4720,4721],{"class":48}," =>\n",[34,4723,4724,4727,4729],{"class":36,"line":341},[34,4725,4726],{"class":302}," open",[34,4728,489],{"class":158},[34,4730,2449],{"class":40},[34,4732,4733,4736,4738,4740,4742,4744],{"class":36,"line":357},[34,4734,4735],{"class":44}," targetElementId",[34,4737,537],{"class":40},[34,4739,540],{"class":40},[34,4741,258],{"class":72},[34,4743,518],{"class":40},[34,4745,633],{"class":40},[34,4747,4748,4751,4753,4755,4757,4759],{"class":36,"line":372},[34,4749,4750],{"class":44}," model",[34,4752,537],{"class":40},[34,4754,540],{"class":40},[34,4756,646],{"class":72},[34,4758,518],{"class":40},[34,4760,633],{"class":40},[34,4762,4763,4766,4768,4771,4774,4776,4778,4781,4783,4786,4788,4791],{"class":36,"line":383},[34,4764,4765],{"class":44}," tryonItems",[34,4767,537],{"class":40},[34,4769,4770],{"class":158}," [",[34,4772,4773],{"class":40},"{",[34,4775,4591],{"class":158},[34,4777,526],{"class":40},[34,4779,4780],{"class":44}," url",[34,4782,537],{"class":40},[34,4784,4785],{"class":158}," imageUrl ",[34,4787,909],{"class":40},[34,4789,4790],{"class":158},"]",[34,4792,633],{"class":40},[34,4794,4795,4798],{"class":36,"line":388},[34,4796,4797],{"class":40}," }",[34,4799,3395],{"class":158},[34,4801,4802],{"class":36,"line":394},[34,4803,4804],{"class":40}," }\n",[34,4806,4807],{"class":36,"line":414},[34,4808,2283],{"class":40},[34,4810,4811],{"class":36,"line":446},[34,4812,4813],{"class":158}," Try On\n",[34,4815,4816,4818,4820],{"class":36,"line":501},[34,4817,2353],{"class":40},[34,4819,292],{"class":44},[34,4821,52],{"class":40},[34,4823,4824,4826,4828],{"class":36,"line":507},[34,4825,3001],{"class":40},[34,4827,248],{"class":44},[34,4829,52],{"class":40},[34,4831,4832,4834],{"class":36,"line":531},[34,4833,2367],{"class":44},[34,4835,498],{"class":40},[34,4837,4838],{"class":36,"line":549},[34,4839,2187],{"class":40},[786,4841,4842],{},"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":29,"searchDepth":55,"depth":55,"links":4844},[4845,4846,4847],{"id":3975,"depth":55,"text":3976},{"id":4180,"depth":55,"text":4181},{"id":4504,"depth":55,"text":4505},"Integrate with a React (Vite \u002F CRA) app","i-lucide-react",{},"\u002Fen\u002Fintegrations\u002Freact",{"title":3963,"description":4848},"en\u002Fintegrations\u002Freact","pb3AGE_nU_OjJFKOaRsB1vUMbyzjRuGZlTgplr5i71Q",{"id":4,"title":5,"body":4856,"description":793,"extension":794,"icon":795,"meta":5458,"navigation":191,"path":797,"seo":5459,"stem":799,"__hash__":800},{"type":7,"value":4857,"toc":5454},[4858,4860,4862,4864,5436,5438,5452],[10,4859,13],{"id":12},[15,4861,17],{},[19,4863,22],{"id":21},[24,4865,4866],{"className":26,"code":27,"language":28,"meta":29,"style":29},[31,4867,4868,4878,4896,4904,4922,4950,4966,4974,4982,4986,5002,5018,5022,5026,5058,5062,5090,5094,5098,5104,5116,5128,5136,5140,5144,5162,5186,5228,5232,5252,5264,5272,5280,5284,5292,5302,5322,5336,5350,5358,5362,5376,5390,5394,5400,5408,5412,5420,5428],{"__ignoreMap":29},[34,4869,4870,4872,4874,4876],{"class":36,"line":37},[34,4871,41],{"class":40},[34,4873,45],{"class":44},[34,4875,49],{"class":48},[34,4877,52],{"class":40},[34,4879,4880,4882,4884,4886,4888,4890,4892,4894],{"class":36,"line":55},[34,4881,58],{"class":40},[34,4883,28],{"class":44},[34,4885,63],{"class":48},[34,4887,66],{"class":40},[34,4889,69],{"class":40},[34,4891,73],{"class":72},[34,4893,69],{"class":40},[34,4895,52],{"class":40},[34,4897,4898,4900,4902],{"class":36,"line":80},[34,4899,58],{"class":40},[34,4901,85],{"class":44},[34,4903,52],{"class":40},[34,4905,4906,4908,4910,4912,4914,4916,4918,4920],{"class":36,"line":90},[34,4907,93],{"class":40},[34,4909,96],{"class":44},[34,4911,99],{"class":48},[34,4913,66],{"class":40},[34,4915,69],{"class":40},[34,4917,106],{"class":72},[34,4919,69],{"class":40},[34,4921,111],{"class":40},[34,4923,4924,4926,4928,4930,4932,4934,4936,4938,4940,4942,4944,4946,4948],{"class":36,"line":114},[34,4925,93],{"class":40},[34,4927,96],{"class":44},[34,4929,121],{"class":48},[34,4931,66],{"class":40},[34,4933,69],{"class":40},[34,4935,128],{"class":72},[34,4937,69],{"class":40},[34,4939,133],{"class":48},[34,4941,66],{"class":40},[34,4943,69],{"class":40},[34,4945,140],{"class":72},[34,4947,69],{"class":40},[34,4949,111],{"class":40},[34,4951,4952,4954,4956,4958,4960,4962,4964],{"class":36,"line":147},[34,4953,93],{"class":40},[34,4955,152],{"class":44},[34,4957,155],{"class":40},[34,4959,159],{"class":158},[34,4961,162],{"class":40},[34,4963,152],{"class":44},[34,4965,52],{"class":40},[34,4967,4968,4970,4972],{"class":36,"line":169},[34,4969,162],{"class":40},[34,4971,85],{"class":44},[34,4973,52],{"class":40},[34,4975,4976,4978,4980],{"class":36,"line":178},[34,4977,58],{"class":40},[34,4979,183],{"class":44},[34,4981,52],{"class":40},[34,4983,4984],{"class":36,"line":188},[34,4985,192],{"emptyLinePlaceholder":191},[34,4987,4988,4990,4992,4994,4996,4998,5000],{"class":36,"line":195},[34,4989,93],{"class":40},[34,4991,10],{"class":44},[34,4993,155],{"class":40},[34,4995,204],{"class":158},[34,4997,162],{"class":40},[34,4999,10],{"class":44},[34,5001,52],{"class":40},[34,5003,5004,5006,5008,5010,5012,5014,5016],{"class":36,"line":213},[34,5005,93],{"class":40},[34,5007,15],{"class":44},[34,5009,155],{"class":40},[34,5011,222],{"class":158},[34,5013,162],{"class":40},[34,5015,15],{"class":44},[34,5017,52],{"class":40},[34,5019,5020],{"class":36,"line":231},[34,5021,192],{"emptyLinePlaceholder":191},[34,5023,5024],{"class":36,"line":236},[34,5025,240],{"class":239},[34,5027,5028,5030,5032,5034,5036,5038,5040,5042,5044,5046,5048,5050,5052,5054,5056],{"class":36,"line":243},[34,5029,93],{"class":40},[34,5031,248],{"class":44},[34,5033,251],{"class":48},[34,5035,66],{"class":40},[34,5037,69],{"class":40},[34,5039,258],{"class":72},[34,5041,69],{"class":40},[34,5043,263],{"class":48},[34,5045,66],{"class":40},[34,5047,69],{"class":40},[34,5049,270],{"class":72},[34,5051,69],{"class":40},[34,5053,275],{"class":40},[34,5055,248],{"class":44},[34,5057,52],{"class":40},[34,5059,5060],{"class":36,"line":282},[34,5061,192],{"emptyLinePlaceholder":191},[34,5063,5064,5066,5068,5070,5072,5074,5076,5078,5080,5082,5084,5086,5088],{"class":36,"line":287},[34,5065,93],{"class":40},[34,5067,292],{"class":44},[34,5069,295],{"class":48},[34,5071,66],{"class":40},[34,5073,69],{"class":40},[34,5075,303],{"class":302},[34,5077,306],{"class":72},[34,5079,69],{"class":40},[34,5081,155],{"class":40},[34,5083,313],{"class":158},[34,5085,162],{"class":40},[34,5087,292],{"class":44},[34,5089,52],{"class":40},[34,5091,5092],{"class":36,"line":322},[34,5093,192],{"emptyLinePlaceholder":191},[34,5095,5096],{"class":36,"line":327},[34,5097,330],{"class":239},[34,5099,5100,5102],{"class":36,"line":333},[34,5101,93],{"class":40},[34,5103,338],{"class":44},[34,5105,5106,5108,5110,5112,5114],{"class":36,"line":341},[34,5107,344],{"class":48},[34,5109,66],{"class":40},[34,5111,69],{"class":40},[34,5113,351],{"class":72},[34,5115,354],{"class":40},[34,5117,5118,5120,5122,5124,5126],{"class":36,"line":357},[34,5119,360],{"class":48},[34,5121,66],{"class":40},[34,5123,69],{"class":40},[34,5125,367],{"class":72},[34,5127,354],{"class":40},[34,5129,5130,5132,5134],{"class":36,"line":372},[34,5131,375],{"class":40},[34,5133,378],{"class":44},[34,5135,52],{"class":40},[34,5137,5138],{"class":36,"line":383},[34,5139,192],{"emptyLinePlaceholder":191},[34,5141,5142],{"class":36,"line":388},[34,5143,391],{"class":239},[34,5145,5146,5148,5150,5152,5154,5156,5158,5160],{"class":36,"line":394},[34,5147,93],{"class":40},[34,5149,378],{"class":44},[34,5151,251],{"class":48},[34,5153,66],{"class":40},[34,5155,69],{"class":40},[34,5157,407],{"class":72},[34,5159,69],{"class":40},[34,5161,52],{"class":40},[34,5163,5164,5166,5168,5170,5172,5174,5176,5178,5180,5182,5184],{"class":36,"line":414},[34,5165,417],{"class":158},[34,5167,420],{"class":40},[34,5169,423],{"class":158},[34,5171,66],{"class":40},[34,5173,428],{"class":158},[34,5175,420],{"class":40},[34,5177,423],{"class":158},[34,5179,435],{"class":40},[34,5181,438],{"class":48},[34,5183,306],{"class":40},[34,5185,443],{"class":40},[34,5187,5188,5190,5192,5194,5196,5198,5200,5202,5204,5206,5208,5210,5212,5214,5216,5218,5220,5222,5224,5226],{"class":36,"line":446},[34,5189,449],{"class":44},[34,5191,452],{"class":158},[34,5193,420],{"class":40},[34,5195,457],{"class":158},[34,5197,420],{"class":40},[34,5199,462],{"class":158},[34,5201,465],{"class":40},[34,5203,428],{"class":158},[34,5205,420],{"class":40},[34,5207,457],{"class":158},[34,5209,420],{"class":40},[34,5211,462],{"class":158},[34,5213,478],{"class":40},[34,5215,481],{"class":44},[34,5217,420],{"class":40},[34,5219,486],{"class":302},[34,5221,489],{"class":44},[34,5223,492],{"class":158},[34,5225,495],{"class":44},[34,5227,498],{"class":40},[34,5229,5230],{"class":36,"line":501},[34,5231,504],{"class":40},[34,5233,5234,5236,5238,5240,5242,5244,5246,5248,5250],{"class":36,"line":507},[34,5235,417],{"class":158},[34,5237,420],{"class":40},[34,5239,457],{"class":302},[34,5241,489],{"class":158},[34,5243,518],{"class":40},[34,5245,521],{"class":72},[34,5247,518],{"class":40},[34,5249,526],{"class":40},[34,5251,443],{"class":40},[34,5253,5254,5256,5258,5260,5262],{"class":36,"line":531},[34,5255,534],{"class":44},[34,5257,537],{"class":40},[34,5259,540],{"class":40},[34,5261,543],{"class":72},[34,5263,546],{"class":40},[34,5265,5266,5268,5270],{"class":36,"line":549},[34,5267,552],{"class":40},[34,5269,495],{"class":158},[34,5271,498],{"class":40},[34,5273,5274,5276,5278],{"class":36,"line":559},[34,5275,562],{"class":40},[34,5277,378],{"class":44},[34,5279,52],{"class":40},[34,5281,5282],{"class":36,"line":569},[34,5283,192],{"emptyLinePlaceholder":191},[34,5285,5286,5288,5290],{"class":36,"line":574},[34,5287,93],{"class":40},[34,5289,378],{"class":44},[34,5291,52],{"class":40},[34,5293,5294,5296,5298,5300],{"class":36,"line":583},[34,5295,586],{"class":48},[34,5297,589],{"class":302},[34,5299,306],{"class":40},[34,5301,443],{"class":40},[34,5303,5304,5306,5308,5310,5312,5314,5316,5318,5320],{"class":36,"line":596},[34,5305,599],{"class":158},[34,5307,420],{"class":40},[34,5309,457],{"class":302},[34,5311,489],{"class":44},[34,5313,518],{"class":40},[34,5315,610],{"class":72},[34,5317,518],{"class":40},[34,5319,526],{"class":40},[34,5321,443],{"class":40},[34,5323,5324,5326,5328,5330,5332,5334],{"class":36,"line":619},[34,5325,622],{"class":44},[34,5327,537],{"class":40},[34,5329,540],{"class":40},[34,5331,258],{"class":72},[34,5333,518],{"class":40},[34,5335,633],{"class":40},[34,5337,5338,5340,5342,5344,5346,5348],{"class":36,"line":636},[34,5339,639],{"class":44},[34,5341,537],{"class":40},[34,5343,540],{"class":40},[34,5345,646],{"class":72},[34,5347,518],{"class":40},[34,5349,633],{"class":40},[34,5351,5352,5354,5356],{"class":36,"line":653},[34,5353,656],{"class":44},[34,5355,537],{"class":40},[34,5357,661],{"class":44},[34,5359,5360],{"class":36,"line":664},[34,5361,667],{"class":40},[34,5363,5364,5366,5368,5370,5372,5374],{"class":36,"line":670},[34,5365,673],{"class":44},[34,5367,537],{"class":40},[34,5369,540],{"class":40},[34,5371,204],{"class":72},[34,5373,518],{"class":40},[34,5375,633],{"class":40},[34,5377,5378,5380,5382,5384,5386,5388],{"class":36,"line":686},[34,5379,689],{"class":44},[34,5381,537],{"class":40},[34,5383,540],{"class":40},[34,5385,696],{"class":72},[34,5387,518],{"class":40},[34,5389,633],{"class":40},[34,5391,5392],{"class":36,"line":703},[34,5393,706],{"class":40},[34,5395,5396,5398],{"class":36,"line":709},[34,5397,712],{"class":44},[34,5399,633],{"class":40},[34,5401,5402,5404,5406],{"class":36,"line":717},[34,5403,720],{"class":40},[34,5405,495],{"class":44},[34,5407,498],{"class":40},[34,5409,5410],{"class":36,"line":727},[34,5411,730],{"class":40},[34,5413,5414,5416,5418],{"class":36,"line":733},[34,5415,562],{"class":40},[34,5417,378],{"class":44},[34,5419,52],{"class":40},[34,5421,5422,5424,5426],{"class":36,"line":742},[34,5423,162],{"class":40},[34,5425,183],{"class":44},[34,5427,52],{"class":40},[34,5429,5430,5432,5434],{"class":36,"line":751},[34,5431,162],{"class":40},[34,5433,28],{"class":44},[34,5435,52],{"class":40},[19,5437,761],{"id":760},[763,5439,5440,5442,5448],{},[766,5441,768],{},[766,5443,771,5444,775,5446,420],{},[31,5445,774],{},[31,5447,610],{},[766,5449,780,5450,784],{},[31,5451,783],{},[786,5453,788],{},{"title":29,"searchDepth":55,"depth":55,"links":5455},[5456,5457],{"id":21,"depth":55,"text":22},{"id":760,"depth":55,"text":761},{},{"title":5,"description":793},{"id":5461,"title":5462,"body":5463,"description":6308,"extension":794,"icon":6309,"meta":6310,"navigation":191,"path":6311,"seo":6312,"stem":6313,"__hash__":6314},"content\u002Fen\u002Fintegrations\u002Fvue.md","Vue 3",{"type":7,"value":5464,"toc":6303},[5465,5469,5472,5474,5479,5658,5662,5960,5964,6300],[10,5466,5468],{"id":5467},"vue-3-integration","Vue 3 Integration",[15,5470,5471],{},"Works with Vue 3 + Vite or any Vue 3 setup.",[19,5473,3976],{"id":3975},[15,5475,5476,5477,537],{},"In ",[31,5478,3982],{},[24,5480,5482],{"className":26,"code":5481,"language":28,"meta":29,"style":29},"\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",[31,5483,5484,5490,5502,5514,5522,5540,5564,5606,5610,5630,5642,5650],{"__ignoreMap":29},[34,5485,5486,5488],{"class":36,"line":37},[34,5487,58],{"class":40},[34,5489,338],{"class":44},[34,5491,5492,5494,5496,5498,5500],{"class":36,"line":55},[34,5493,1570],{"class":48},[34,5495,66],{"class":40},[34,5497,69],{"class":40},[34,5499,351],{"class":72},[34,5501,354],{"class":40},[34,5503,5504,5506,5508,5510,5512],{"class":36,"line":80},[34,5505,1583],{"class":48},[34,5507,66],{"class":40},[34,5509,69],{"class":40},[34,5511,367],{"class":72},[34,5513,354],{"class":40},[34,5515,5516,5518,5520],{"class":36,"line":90},[34,5517,275],{"class":40},[34,5519,378],{"class":44},[34,5521,52],{"class":40},[34,5523,5524,5526,5528,5530,5532,5534,5536,5538],{"class":36,"line":114},[34,5525,58],{"class":40},[34,5527,378],{"class":44},[34,5529,251],{"class":48},[34,5531,66],{"class":40},[34,5533,69],{"class":40},[34,5535,407],{"class":72},[34,5537,69],{"class":40},[34,5539,52],{"class":40},[34,5541,5542,5544,5546,5548,5550,5552,5554,5556,5558,5560,5562],{"class":36,"line":147},[34,5543,1631],{"class":158},[34,5545,420],{"class":40},[34,5547,423],{"class":158},[34,5549,66],{"class":40},[34,5551,428],{"class":158},[34,5553,420],{"class":40},[34,5555,423],{"class":158},[34,5557,435],{"class":40},[34,5559,438],{"class":48},[34,5561,306],{"class":40},[34,5563,443],{"class":40},[34,5565,5566,5568,5570,5572,5574,5576,5578,5580,5582,5584,5586,5588,5590,5592,5594,5596,5598,5600,5602,5604],{"class":36,"line":169},[34,5567,1656],{"class":44},[34,5569,452],{"class":158},[34,5571,420],{"class":40},[34,5573,457],{"class":158},[34,5575,420],{"class":40},[34,5577,462],{"class":158},[34,5579,465],{"class":40},[34,5581,428],{"class":158},[34,5583,420],{"class":40},[34,5585,457],{"class":158},[34,5587,420],{"class":40},[34,5589,462],{"class":158},[34,5591,478],{"class":40},[34,5593,481],{"class":44},[34,5595,420],{"class":40},[34,5597,486],{"class":302},[34,5599,489],{"class":44},[34,5601,492],{"class":158},[34,5603,495],{"class":44},[34,5605,498],{"class":40},[34,5607,5608],{"class":36,"line":178},[34,5609,1699],{"class":40},[34,5611,5612,5614,5616,5618,5620,5622,5624,5626,5628],{"class":36,"line":188},[34,5613,1631],{"class":158},[34,5615,420],{"class":40},[34,5617,457],{"class":302},[34,5619,489],{"class":158},[34,5621,518],{"class":40},[34,5623,521],{"class":72},[34,5625,518],{"class":40},[34,5627,526],{"class":40},[34,5629,443],{"class":40},[34,5631,5632,5634,5636,5638,5640],{"class":36,"line":195},[34,5633,1724],{"class":44},[34,5635,537],{"class":40},[34,5637,540],{"class":40},[34,5639,543],{"class":72},[34,5641,546],{"class":40},[34,5643,5644,5646,5648],{"class":36,"line":213},[34,5645,1737],{"class":40},[34,5647,495],{"class":158},[34,5649,498],{"class":40},[34,5651,5652,5654,5656],{"class":36,"line":231},[34,5653,162],{"class":40},[34,5655,378],{"class":44},[34,5657,52],{"class":40},[19,5659,5661],{"id":5660},"_2-create-a-composable","2. Create a Composable",[24,5663,5665],{"className":3412,"code":5664,"language":3209,"meta":29,"style":29},"\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",[31,5666,5667,5672,5683,5691,5699,5707,5711,5715,5725,5733,5761,5772,5776,5780,5788,5796,5825,5829,5833,5837,5849,5871,5893,5897,5901,5915,5933,5937,5941,5956],{"__ignoreMap":29},[34,5668,5669],{"class":36,"line":37},[34,5670,5671],{"class":239},"\u002F\u002F composables\u002FuseFittingWidget.ts\n",[34,5673,5674,5676,5679,5681],{"class":36,"line":55},[34,5675,2124],{"class":2099},[34,5677,5678],{"class":48}," interface",[34,5680,2405],{"class":2152},[34,5682,443],{"class":40},[34,5684,5685,5687,5689],{"class":36,"line":80},[34,5686,2412],{"class":44},[34,5688,537],{"class":40},[34,5690,3758],{"class":2152},[34,5692,5693,5695,5697],{"class":36,"line":90},[34,5694,2424],{"class":44},[34,5696,537],{"class":40},[34,5698,3758],{"class":2152},[34,5700,5701,5703,5705],{"class":36,"line":114},[34,5702,4224],{"class":44},[34,5704,2484],{"class":40},[34,5706,3758],{"class":2152},[34,5708,5709],{"class":36,"line":147},[34,5710,2187],{"class":40},[34,5712,5713],{"class":36,"line":169},[34,5714,192],{"emptyLinePlaceholder":191},[34,5716,5717,5719,5721,5723],{"class":36,"line":178},[34,5718,2124],{"class":2099},[34,5720,5678],{"class":48},[34,5722,4245],{"class":2152},[34,5724,443],{"class":40},[34,5726,5727,5729,5731],{"class":36,"line":188},[34,5728,1070],{"class":44},[34,5730,537],{"class":40},[34,5732,3758],{"class":2152},[34,5734,5735,5737,5739,5741,5743,5745,5747,5749,5751,5753,5755,5757,5759],{"class":36,"line":195},[34,5736,1085],{"class":44},[34,5738,2484],{"class":40},[34,5740,540],{"class":40},[34,5742,646],{"class":72},[34,5744,518],{"class":40},[34,5746,4272],{"class":40},[34,5748,540],{"class":40},[34,5750,4277],{"class":72},[34,5752,518],{"class":40},[34,5754,4272],{"class":40},[34,5756,540],{"class":40},[34,5758,4286],{"class":72},[34,5760,546],{"class":40},[34,5762,5763,5765,5767,5769],{"class":36,"line":213},[34,5764,1100],{"class":44},[34,5766,537],{"class":40},[34,5768,2405],{"class":2152},[34,5770,5771],{"class":158},"[]\n",[34,5773,5774],{"class":36,"line":231},[34,5775,2187],{"class":40},[34,5777,5778],{"class":36,"line":236},[34,5779,192],{"emptyLinePlaceholder":191},[34,5781,5782,5784,5786],{"class":36,"line":243},[34,5783,2443],{"class":48},[34,5785,2446],{"class":158},[34,5787,2449],{"class":40},[34,5789,5790,5792,5794],{"class":36,"line":282},[34,5791,2454],{"class":48},[34,5793,2457],{"class":2152},[34,5795,443],{"class":40},[34,5797,5798,5800,5802,5804,5806,5808,5810,5812,5814,5816,5818,5820,5822],{"class":36,"line":287},[34,5799,2464],{"class":44},[34,5801,537],{"class":40},[34,5803,2469],{"class":40},[34,5805,2472],{"class":2138},[34,5807,537],{"class":40},[34,5809,2417],{"class":2152},[34,5811,526],{"class":40},[34,5813,2481],{"class":2138},[34,5815,2484],{"class":40},[34,5817,2487],{"class":2152},[34,5819,495],{"class":40},[34,5821,2492],{"class":48},[34,5823,5824],{"class":2152}," void\n",[34,5826,5827],{"class":36,"line":322},[34,5828,2502],{"class":40},[34,5830,5831],{"class":36,"line":327},[34,5832,2187],{"class":40},[34,5834,5835],{"class":36,"line":333},[34,5836,192],{"emptyLinePlaceholder":191},[34,5838,5839,5841,5843,5845,5847],{"class":36,"line":341},[34,5840,2124],{"class":2099},[34,5842,438],{"class":48},[34,5844,4378],{"class":302},[34,5846,306],{"class":40},[34,5848,443],{"class":40},[34,5850,5851,5853,5855,5857,5859,5861,5863,5865,5867,5869],{"class":36,"line":357},[34,5852,2547],{"class":48},[34,5854,4389],{"class":158},[34,5856,465],{"class":40},[34,5858,2469],{"class":40},[34,5860,4396],{"class":2138},[34,5862,537],{"class":40},[34,5864,4245],{"class":2152},[34,5866,495],{"class":40},[34,5868,2492],{"class":48},[34,5870,443],{"class":40},[34,5872,5873,5875,5877,5879,5881,5883,5885,5887,5889,5891],{"class":36,"line":372},[34,5874,417],{"class":158},[34,5876,420],{"class":40},[34,5878,457],{"class":302},[34,5880,489],{"class":44},[34,5882,518],{"class":40},[34,5884,610],{"class":72},[34,5886,518],{"class":40},[34,5888,526],{"class":40},[34,5890,2481],{"class":158},[34,5892,3395],{"class":44},[34,5894,5895],{"class":36,"line":383},[34,5896,2502],{"class":40},[34,5898,5899],{"class":36,"line":388},[34,5900,192],{"emptyLinePlaceholder":191},[34,5902,5903,5905,5907,5909,5911,5913],{"class":36,"line":394},[34,5904,2547],{"class":48},[34,5906,4445],{"class":158},[34,5908,465],{"class":40},[34,5910,2555],{"class":40},[34,5912,2492],{"class":48},[34,5914,443],{"class":40},[34,5916,5917,5919,5921,5923,5925,5927,5929,5931],{"class":36,"line":414},[34,5918,417],{"class":158},[34,5920,420],{"class":40},[34,5922,457],{"class":302},[34,5924,489],{"class":44},[34,5926,518],{"class":40},[34,5928,4468],{"class":72},[34,5930,518],{"class":40},[34,5932,3395],{"class":44},[34,5934,5935],{"class":36,"line":446},[34,5936,2502],{"class":40},[34,5938,5939],{"class":36,"line":501},[34,5940,192],{"emptyLinePlaceholder":191},[34,5942,5943,5945,5947,5949,5951,5953],{"class":36,"line":507},[34,5944,2168],{"class":2099},[34,5946,2145],{"class":40},[34,5948,4389],{"class":158},[34,5950,526],{"class":40},[34,5952,4445],{"class":158},[34,5954,5955],{"class":40}," }\n",[34,5957,5958],{"class":36,"line":531},[34,5959,2187],{"class":40},[19,5961,5963],{"id":5962},"_3-create-the-widget-component","3. Create the Widget Component",[24,5965,5967],{"className":3095,"code":5966,"language":3097,"meta":29,"style":29},"\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",[31,5968,5969,5973,5981,5989,5995,6007,6021,6026,6052,6060,6068,6072,6092,6118,6122,6134,6142,6150,6156,6160,6177,6181,6195,6204,6218,6232,6240,6244,6258,6272,6276,6282,6288,6292],{"__ignoreMap":29},[34,5970,5971],{"class":36,"line":37},[34,5972,3619],{"class":239},[34,5974,5975,5977,5979],{"class":36,"line":55},[34,5976,58],{"class":40},[34,5978,3111],{"class":44},[34,5980,52],{"class":40},[34,5982,5983,5985,5987],{"class":36,"line":80},[34,5984,93],{"class":40},[34,5986,248],{"class":44},[34,5988,52],{"class":40},[34,5990,5991,5993],{"class":36,"line":90},[34,5992,2869],{"class":40},[34,5994,4647],{"class":44},[34,5996,5997,5999,6001,6003,6005],{"class":36,"line":114},[34,5998,3278],{"class":48},[34,6000,66],{"class":40},[34,6002,69],{"class":40},[34,6004,258],{"class":72},[34,6006,354],{"class":40},[34,6008,6009,6012,6014,6016,6019],{"class":36,"line":147},[34,6010,6011],{"class":48}," style",[34,6013,66],{"class":40},[34,6015,69],{"class":40},[34,6017,6018],{"class":72},"width: 100%; max-width: 600px; aspect-ratio: 3\u002F4",[34,6020,354],{"class":40},[34,6022,6023],{"class":36,"line":169},[34,6024,6025],{"class":40}," \u002F>\n",[34,6027,6028,6030,6032,6034,6036,6038,6040,6042,6044,6046,6048,6050],{"class":36,"line":178},[34,6029,2869],{"class":40},[34,6031,292],{"class":44},[34,6033,3674],{"class":48},[34,6035,66],{"class":40},[34,6037,69],{"class":40},[34,6039,3681],{"class":72},[34,6041,69],{"class":40},[34,6043,155],{"class":40},[34,6045,313],{"class":158},[34,6047,162],{"class":40},[34,6049,292],{"class":44},[34,6051,52],{"class":40},[34,6053,6054,6056,6058],{"class":36,"line":188},[34,6055,562],{"class":40},[34,6057,248],{"class":44},[34,6059,52],{"class":40},[34,6061,6062,6064,6066],{"class":36,"line":195},[34,6063,162],{"class":40},[34,6065,3111],{"class":44},[34,6067,52],{"class":40},[34,6069,6070],{"class":36,"line":213},[34,6071,192],{"emptyLinePlaceholder":191},[34,6073,6074,6076,6078,6080,6082,6084,6086,6088,6090],{"class":36,"line":231},[34,6075,58],{"class":40},[34,6077,378],{"class":44},[34,6079,3200],{"class":48},[34,6081,63],{"class":48},[34,6083,66],{"class":40},[34,6085,69],{"class":40},[34,6087,3209],{"class":72},[34,6089,69],{"class":40},[34,6091,52],{"class":40},[34,6093,6094,6096,6098,6100,6102,6105,6107,6109,6111,6113,6116],{"class":36,"line":236},[34,6095,2100],{"class":2099},[34,6097,2145],{"class":40},[34,6099,4378],{"class":158},[34,6101,526],{"class":40},[34,6103,6104],{"class":2099}," type",[34,6106,2405],{"class":158},[34,6108,2767],{"class":40},[34,6110,2770],{"class":2099},[34,6112,540],{"class":40},[34,6114,6115],{"class":72},"~\u002Fcomposables\u002FuseFittingWidget",[34,6117,546],{"class":40},[34,6119,6120],{"class":36,"line":243},[34,6121,192],{"emptyLinePlaceholder":191},[34,6123,6124,6126,6128,6130,6132],{"class":36,"line":282},[34,6125,3738],{"class":48},[34,6127,3741],{"class":158},[34,6129,66],{"class":40},[34,6131,3746],{"class":302},[34,6133,3749],{"class":40},[34,6135,6136,6138,6140],{"class":36,"line":287},[34,6137,2412],{"class":44},[34,6139,537],{"class":40},[34,6141,3758],{"class":2152},[34,6143,6144,6146,6148],{"class":36,"line":322},[34,6145,3763],{"class":44},[34,6147,537],{"class":40},[34,6149,3758],{"class":2152},[34,6151,6152,6154],{"class":36,"line":327},[34,6153,2725],{"class":40},[34,6155,3774],{"class":158},[34,6157,6158],{"class":36,"line":333},[34,6159,192],{"emptyLinePlaceholder":191},[34,6161,6162,6164,6166,6169,6171,6173,6175],{"class":36,"line":341},[34,6163,3738],{"class":48},[34,6165,2145],{"class":40},[34,6167,6168],{"class":158}," open ",[34,6170,909],{"class":40},[34,6172,465],{"class":40},[34,6174,4378],{"class":302},[34,6176,3774],{"class":158},[34,6178,6179],{"class":36,"line":357},[34,6180,192],{"emptyLinePlaceholder":191},[34,6182,6183,6185,6187,6189,6191,6193],{"class":36,"line":372},[34,6184,3738],{"class":48},[34,6186,3785],{"class":158},[34,6188,66],{"class":40},[34,6190,2555],{"class":40},[34,6192,2492],{"class":48},[34,6194,443],{"class":40},[34,6196,6197,6200,6202],{"class":36,"line":383},[34,6198,6199],{"class":302}," open",[34,6201,489],{"class":44},[34,6203,2449],{"class":40},[34,6205,6206,6208,6210,6212,6214,6216],{"class":36,"line":388},[34,6207,3818],{"class":44},[34,6209,537],{"class":40},[34,6211,540],{"class":40},[34,6213,258],{"class":72},[34,6215,518],{"class":40},[34,6217,633],{"class":40},[34,6219,6220,6222,6224,6226,6228,6230],{"class":36,"line":394},[34,6221,3833],{"class":44},[34,6223,537],{"class":40},[34,6225,540],{"class":40},[34,6227,646],{"class":72},[34,6229,518],{"class":40},[34,6231,633],{"class":40},[34,6233,6234,6236,6238],{"class":36,"line":414},[34,6235,3848],{"class":44},[34,6237,537],{"class":40},[34,6239,661],{"class":44},[34,6241,6242],{"class":36,"line":446},[34,6243,3857],{"class":40},[34,6245,6246,6248,6250,6252,6254,6256],{"class":36,"line":501},[34,6247,3862],{"class":44},[34,6249,537],{"class":40},[34,6251,3867],{"class":158},[34,6253,420],{"class":40},[34,6255,1019],{"class":158},[34,6257,633],{"class":40},[34,6259,6260,6262,6264,6266,6268,6270],{"class":36,"line":507},[34,6261,3878],{"class":44},[34,6263,537],{"class":40},[34,6265,3867],{"class":158},[34,6267,420],{"class":40},[34,6269,3887],{"class":158},[34,6271,633],{"class":40},[34,6273,6274],{"class":36,"line":531},[34,6275,3894],{"class":40},[34,6277,6278,6280],{"class":36,"line":549},[34,6279,3899],{"class":44},[34,6281,633],{"class":40},[34,6283,6284,6286],{"class":36,"line":559},[34,6285,1737],{"class":40},[34,6287,3395],{"class":44},[34,6289,6290],{"class":36,"line":569},[34,6291,2187],{"class":40},[34,6293,6294,6296,6298],{"class":36,"line":574},[34,6295,162],{"class":40},[34,6297,378],{"class":44},[34,6299,52],{"class":40},[786,6301,6302],{},"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":29,"searchDepth":55,"depth":55,"links":6304},[6305,6306,6307],{"id":3975,"depth":55,"text":3976},{"id":5660,"depth":55,"text":5661},{"id":5962,"depth":55,"text":5963},"Integrate with a Vue 3 application","i-lucide-venetian-mask",{},"\u002Fen\u002Fintegrations\u002Fvue",{"title":5462,"description":6308},"en\u002Fintegrations\u002Fvue","GShiJEM5AAOgyg7U0MXXp-Lqn_Y-1BooZA_uvPnVwT0",{"id":6316,"title":6317,"body":6318,"description":6727,"extension":794,"icon":1948,"meta":6728,"navigation":191,"path":2030,"seo":6729,"stem":6730,"__hash__":6731},"content\u002Fgetting-started\u002Fquick-start.md","Быстрый старт",{"type":7,"value":6319,"toc":6718},[6320,6323,6326,6330,6337,6341,6349,6391,6395,6535,6539,6545,6571,6575,6581,6691,6695,6698,6702,6715],[10,6321,6317],{"id":6322},"быстрый-старт",[15,6324,6325],{},"Следуйте этим шагам, чтобы добавить виртуальную примерку на ваш сайт.",[19,6327,6329],{"id":6328},"_1-получите-api-ключ","1. Получите API-ключ",[15,6331,6332,6333,6336],{},"Зарегистрируйтесь на ",[1533,6334,1538],{"href":1535,"rel":6335},[1537],", чтобы получить бесплатный API-ключ.",[19,6338,6340],{"id":6339},"_2-загрузите-скрипт-виджета","2. Загрузите скрипт виджета",[15,6342,6343,6344,6346,6347,537],{},"Добавьте следующий тег ",[31,6345,1549],{}," на страницу, желательно перед закрывающим тегом ",[31,6348,1553],{},[24,6350,6351],{"className":26,"code":1557,"language":28,"meta":29,"style":29},[31,6352,6353,6359,6371,6383],{"__ignoreMap":29},[34,6354,6355,6357],{"class":36,"line":37},[34,6356,58],{"class":40},[34,6358,338],{"class":44},[34,6360,6361,6363,6365,6367,6369],{"class":36,"line":55},[34,6362,1570],{"class":48},[34,6364,66],{"class":40},[34,6366,69],{"class":40},[34,6368,351],{"class":72},[34,6370,354],{"class":40},[34,6372,6373,6375,6377,6379,6381],{"class":36,"line":80},[34,6374,1583],{"class":48},[34,6376,66],{"class":40},[34,6378,69],{"class":40},[34,6380,367],{"class":72},[34,6382,354],{"class":40},[34,6384,6385,6387,6389],{"class":36,"line":90},[34,6386,275],{"class":40},[34,6388,378],{"class":44},[34,6390,52],{"class":40},[19,6392,6394],{"id":6393},"_3-инициализируйте-виджет","3. Инициализируйте виджет",[24,6396,6397],{"className":26,"code":1606,"language":28,"meta":29,"style":29},[31,6398,6399,6417,6441,6483,6487,6507,6519,6527],{"__ignoreMap":29},[34,6400,6401,6403,6405,6407,6409,6411,6413,6415],{"class":36,"line":37},[34,6402,58],{"class":40},[34,6404,378],{"class":44},[34,6406,251],{"class":48},[34,6408,66],{"class":40},[34,6410,69],{"class":40},[34,6412,407],{"class":72},[34,6414,69],{"class":40},[34,6416,52],{"class":40},[34,6418,6419,6421,6423,6425,6427,6429,6431,6433,6435,6437,6439],{"class":36,"line":55},[34,6420,1631],{"class":158},[34,6422,420],{"class":40},[34,6424,423],{"class":158},[34,6426,66],{"class":40},[34,6428,428],{"class":158},[34,6430,420],{"class":40},[34,6432,423],{"class":158},[34,6434,435],{"class":40},[34,6436,438],{"class":48},[34,6438,306],{"class":40},[34,6440,443],{"class":40},[34,6442,6443,6445,6447,6449,6451,6453,6455,6457,6459,6461,6463,6465,6467,6469,6471,6473,6475,6477,6479,6481],{"class":36,"line":80},[34,6444,1656],{"class":44},[34,6446,452],{"class":158},[34,6448,420],{"class":40},[34,6450,457],{"class":158},[34,6452,420],{"class":40},[34,6454,462],{"class":158},[34,6456,465],{"class":40},[34,6458,428],{"class":158},[34,6460,420],{"class":40},[34,6462,457],{"class":158},[34,6464,420],{"class":40},[34,6466,462],{"class":158},[34,6468,478],{"class":40},[34,6470,481],{"class":44},[34,6472,420],{"class":40},[34,6474,486],{"class":302},[34,6476,489],{"class":44},[34,6478,492],{"class":158},[34,6480,495],{"class":44},[34,6482,498],{"class":40},[34,6484,6485],{"class":36,"line":90},[34,6486,1699],{"class":40},[34,6488,6489,6491,6493,6495,6497,6499,6501,6503,6505],{"class":36,"line":114},[34,6490,1631],{"class":158},[34,6492,420],{"class":40},[34,6494,457],{"class":302},[34,6496,489],{"class":158},[34,6498,518],{"class":40},[34,6500,521],{"class":72},[34,6502,518],{"class":40},[34,6504,526],{"class":40},[34,6506,443],{"class":40},[34,6508,6509,6511,6513,6515,6517],{"class":36,"line":147},[34,6510,1724],{"class":44},[34,6512,537],{"class":40},[34,6514,540],{"class":40},[34,6516,543],{"class":72},[34,6518,546],{"class":40},[34,6520,6521,6523,6525],{"class":36,"line":169},[34,6522,1737],{"class":40},[34,6524,495],{"class":158},[34,6526,498],{"class":40},[34,6528,6529,6531,6533],{"class":36,"line":178},[34,6530,162],{"class":40},[34,6532,378],{"class":44},[34,6534,52],{"class":40},[19,6536,6538],{"id":6537},"_4-добавьте-контейнер","4. Добавьте контейнер",[15,6540,6541,6542,6544],{},"Разместите ",[31,6543,1759],{}," там, где должен отображаться виджет:",[24,6546,6547],{"className":26,"code":1763,"language":28,"meta":29,"style":29},[31,6548,6549],{"__ignoreMap":29},[34,6550,6551,6553,6555,6557,6559,6561,6563,6565,6567,6569],{"class":36,"line":37},[34,6552,58],{"class":40},[34,6554,248],{"class":44},[34,6556,251],{"class":48},[34,6558,66],{"class":40},[34,6560,69],{"class":40},[34,6562,258],{"class":72},[34,6564,69],{"class":40},[34,6566,275],{"class":40},[34,6568,248],{"class":44},[34,6570,52],{"class":40},[19,6572,6574],{"id":6573},"_5-запустите-виджет","5. Запустите виджет",[15,6576,6577,6578,6580],{},"Вызовите метод ",[31,6579,610],{}," при нажатии пользователем кнопки:",[24,6582,6583],{"className":864,"code":1800,"language":866,"meta":29,"style":29},[31,6584,6585,6605,6619,6633,6641,6645,6659,6673,6677,6683],{"__ignoreMap":29},[34,6586,6587,6589,6591,6593,6595,6597,6599,6601,6603],{"class":36,"line":37},[34,6588,452],{"class":158},[34,6590,420],{"class":40},[34,6592,457],{"class":302},[34,6594,489],{"class":158},[34,6596,518],{"class":40},[34,6598,610],{"class":72},[34,6600,518],{"class":40},[34,6602,526],{"class":40},[34,6604,443],{"class":40},[34,6606,6607,6609,6611,6613,6615,6617],{"class":36,"line":55},[34,6608,1070],{"class":44},[34,6610,537],{"class":40},[34,6612,540],{"class":40},[34,6614,258],{"class":72},[34,6616,518],{"class":40},[34,6618,633],{"class":40},[34,6620,6621,6623,6625,6627,6629,6631],{"class":36,"line":80},[34,6622,1085],{"class":44},[34,6624,537],{"class":40},[34,6626,540],{"class":40},[34,6628,646],{"class":72},[34,6630,518],{"class":40},[34,6632,633],{"class":40},[34,6634,6635,6637,6639],{"class":36,"line":90},[34,6636,1100],{"class":44},[34,6638,537],{"class":40},[34,6640,661],{"class":158},[34,6642,6643],{"class":36,"line":114},[34,6644,1109],{"class":40},[34,6646,6647,6649,6651,6653,6655,6657],{"class":36,"line":147},[34,6648,1114],{"class":44},[34,6650,537],{"class":40},[34,6652,540],{"class":40},[34,6654,204],{"class":72},[34,6656,518],{"class":40},[34,6658,633],{"class":40},[34,6660,6661,6663,6665,6667,6669,6671],{"class":36,"line":169},[34,6662,1130],{"class":44},[34,6664,537],{"class":40},[34,6666,540],{"class":40},[34,6668,1887],{"class":72},[34,6670,518],{"class":40},[34,6672,633],{"class":40},[34,6674,6675],{"class":36,"line":178},[34,6676,1146],{"class":40},[34,6678,6679,6681],{"class":36,"line":188},[34,6680,1151],{"class":158},[34,6682,633],{"class":40},[34,6684,6685,6687,6689],{"class":36,"line":195},[34,6686,909],{"class":40},[34,6688,495],{"class":158},[34,6690,498],{"class":40},[19,6692,6694],{"id":6693},"результат","Результат",[15,6696,6697],{},"Теперь ваши покупатели могут загрузить фотографию и мгновенно увидеть, как на них сидит одежда.",[19,6699,6701],{"id":6700},"дальнейшие-шаги","Дальнейшие шаги",[763,6703,6704,6710],{},[766,6705,6706,6707,420],{},"Ознакомьтесь с руководствами для конкретных фреймворков в разделе ",[1533,6708,6709],{"href":1928},"Интеграции",[766,6711,6712,6713,420],{},"Изучите полный ",[1533,6714,804],{"href":1174},[786,6716,6717],{},"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":29,"searchDepth":55,"depth":55,"links":6719},[6720,6721,6722,6723,6724,6725,6726],{"id":6328,"depth":55,"text":6329},{"id":6339,"depth":55,"text":6340},{"id":6393,"depth":55,"text":6394},{"id":6537,"depth":55,"text":6538},{"id":6573,"depth":55,"text":6574},{"id":6693,"depth":55,"text":6694},{"id":6700,"depth":55,"text":6701},"Запустите Fitting Widget за считанные минуты",{},{"title":6317,"description":6727},"getting-started\u002Fquick-start","4USnYxFPZA1hrOvVApcSHMt9oQc0aZ6Ct8ohgcj8WJ8",{"id":6733,"title":6734,"body":6735,"description":6813,"extension":794,"icon":2038,"meta":6814,"navigation":191,"path":6815,"seo":6816,"stem":6817,"__hash__":6818},"content\u002Findex.md","Введение",{"type":7,"value":6736,"toc":6808},[6737,6741,6746,6750,6779,6783,6800,6802],[10,6738,6740],{"id":6739},"fitting-widget-виртуальная-примерка","Fitting Widget — Виртуальная примерка",[15,6742,6743,6745],{},[1966,6744,1968],{}," — это готовое решение для виртуальной примерки одежды в интернет-магазинах. Он позволяет вашим покупателям загрузить фотографию и мгновенно увидеть, как на них выглядит любой предмет одежды — прямо на странице товара.",[19,6747,6749],{"id":6748},"ключевые-возможности","Ключевые возможности",[763,6751,6752,6761,6767,6773],{},[766,6753,6754,6757,6758,6760],{},[1966,6755,6756],{},"Быстрая интеграция"," — Один тег ",[31,6759,1549],{}," и несколько строк кода.",[766,6762,6763,6766],{},[1966,6764,6765],{},"Не зависит от фреймворков"," — Работает с Vanilla JS, React, Vue, Next.js, Nuxt и другими.",[766,6768,6769,6772],{},[1966,6770,6771],{},"Настраиваемый"," — Стилизуйте виджет под ваш бренд.",[766,6774,6775,6778],{},[1966,6776,6777],{},"Лёгкий"," — Оптимизированная загрузка, которая не замедляет магазин.",[19,6780,6782],{"id":6781},"как-это-работает","Как это работает",[2005,6784,6785,6788,6791,6797],{},[766,6786,6787],{},"Загрузите скрипт виджета на страницу.",[766,6789,6790],{},"Инициализируйте его с вашим API-ключом.",[766,6792,6793,6794,6796],{},"Вызовите ",[31,6795,2018],{}," с URL-адресами изображений товаров.",[766,6798,6799],{},"Виджет отображается внутри выбранного вами контейнера.",[19,6801,6317],{"id":6322},[15,6803,6804,6805,6807],{},"Перейдите к руководству ",[1533,6806,6317],{"href":2030},", чтобы начать работу менее чем за 5 минут.",{"title":29,"searchDepth":55,"depth":55,"links":6809},[6810,6811,6812],{"id":6748,"depth":55,"text":6749},{"id":6781,"depth":55,"text":6782},{"id":6322,"depth":55,"text":6317},"Что такое Fitting Widget и зачем его использовать?",{},"\u002F",{"title":6734,"description":6813},"index","kGT91Bb-Wx88tMoHoRu65KMhDKtcehaBgnLzJYfeCWE",{"id":6820,"title":2046,"body":6821,"description":7696,"extension":794,"icon":3055,"meta":7697,"navigation":191,"path":7698,"seo":7699,"stem":7700,"__hash__":7701},"content\u002Fintegrations\u002Fnextjs.md",{"type":7,"value":6822,"toc":7687},[6823,6827,6835,6839,6847,6856,7092,7096,7424,7428,7664,7668,7673,7685],[10,6824,6826],{"id":6825},"интеграция-с-nextjs","Интеграция с Next.js",[15,6828,6829,6830,6832,6833,420],{},"Fitting Widget работает как с ",[1966,6831,2058],{},", так и с ",[1966,6834,2062],{},[19,6836,6838],{"id":6837},"app-router-рекомендуется","App Router (рекомендуется)",[15,6840,6841,6842,6844,6845,420],{},"Используйте компонент Next.js ",[31,6843,2072],{}," с ",[31,6846,2076],{},[994,6848,6850,6851,6853,6854],{"id":6849},"шаг-1-загрузка-скриптов-в-layouttsx-или-pagetsx","Шаг 1 — Загрузка скриптов в ",[31,6852,2083],{}," или ",[31,6855,2087],{},[24,6857,6858],{"className":2090,"code":2091,"language":2092,"meta":29,"style":29},[31,6859,6860,6876,6880,6912,6918,6922,6930,6934,6940,6952,6964,6976,6980,6984,6990,7002,7014,7018,7024,7028,7032,7036,7040,7060,7064,7070,7078,7082,7088],{"__ignoreMap":29},[34,6861,6862,6864,6866,6868,6870,6872,6874],{"class":36,"line":37},[34,6863,2100],{"class":2099},[34,6865,2103],{"class":158},[34,6867,2106],{"class":2099},[34,6869,540],{"class":40},[34,6871,2111],{"class":72},[34,6873,518],{"class":40},[34,6875,498],{"class":40},[34,6877,6878],{"class":36,"line":55},[34,6879,192],{"emptyLinePlaceholder":191},[34,6881,6882,6884,6886,6888,6890,6892,6894,6896,6898,6900,6902,6904,6906,6908,6910],{"class":36,"line":80},[34,6883,2124],{"class":2099},[34,6885,2127],{"class":2099},[34,6887,438],{"class":48},[34,6889,2132],{"class":302},[34,6891,2135],{"class":40},[34,6893,2139],{"class":2138},[34,6895,2142],{"class":40},[34,6897,2145],{"class":40},[34,6899,2139],{"class":44},[34,6901,537],{"class":40},[34,6903,2153],{"class":2152},[34,6905,420],{"class":40},[34,6907,2158],{"class":2152},[34,6909,2161],{"class":40},[34,6911,443],{"class":40},[34,6913,6914,6916],{"class":36,"line":90},[34,6915,2168],{"class":2099},[34,6917,2171],{"class":44},[34,6919,6920],{"class":36,"line":114},[34,6921,2176],{"class":40},[34,6923,6924,6926,6928],{"class":36,"line":147},[34,6925,2181],{"class":40},[34,6927,2184],{"class":158},[34,6929,2187],{"class":40},[34,6931,6932],{"class":36,"line":169},[34,6933,192],{"emptyLinePlaceholder":191},[34,6935,6936,6938],{"class":36,"line":178},[34,6937,2196],{"class":40},[34,6939,2199],{"class":2152},[34,6941,6942,6944,6946,6948,6950],{"class":36,"line":188},[34,6943,2204],{"class":48},[34,6945,66],{"class":40},[34,6947,69],{"class":40},[34,6949,351],{"class":72},[34,6951,354],{"class":40},[34,6953,6954,6956,6958,6960,6962],{"class":36,"line":195},[34,6955,2217],{"class":48},[34,6957,66],{"class":40},[34,6959,69],{"class":40},[34,6961,2224],{"class":72},[34,6963,354],{"class":40},[34,6965,6966,6968,6970,6972,6974],{"class":36,"line":213},[34,6967,2231],{"class":48},[34,6969,66],{"class":40},[34,6971,69],{"class":40},[34,6973,367],{"class":72},[34,6975,354],{"class":40},[34,6977,6978],{"class":36,"line":231},[34,6979,2244],{"class":40},[34,6981,6982],{"class":36,"line":236},[34,6983,192],{"emptyLinePlaceholder":191},[34,6985,6986,6988],{"class":36,"line":243},[34,6987,2196],{"class":40},[34,6989,2199],{"class":2152},[34,6991,6992,6994,6996,6998,7000],{"class":36,"line":282},[34,6993,2217],{"class":48},[34,6995,66],{"class":40},[34,6997,69],{"class":40},[34,6999,2224],{"class":72},[34,7001,354],{"class":40},[34,7003,7004,7006,7008,7010,7012],{"class":36,"line":287},[34,7005,2231],{"class":48},[34,7007,66],{"class":40},[34,7009,69],{"class":40},[34,7011,407],{"class":72},[34,7013,354],{"class":40},[34,7015,7016],{"class":36,"line":322},[34,7017,2283],{"class":40},[34,7019,7020,7022],{"class":36,"line":327},[34,7021,2288],{"class":40},[34,7023,2291],{"class":40},[34,7025,7026],{"class":36,"line":333},[34,7027,2296],{"class":72},[34,7029,7030],{"class":36,"line":341},[34,7031,2301],{"class":72},[34,7033,7034],{"class":36,"line":357},[34,7035,2306],{"class":72},[34,7037,7038],{"class":36,"line":372},[34,7039,2311],{"class":72},[34,7041,7042,7044,7046,7048,7050,7052,7054,7056,7058],{"class":36,"line":383},[34,7043,2316],{"class":72},[34,7045,2319],{"class":40},[34,7047,2322],{"class":158},[34,7049,420],{"class":40},[34,7051,2327],{"class":158},[34,7053,420],{"class":40},[34,7055,2332],{"class":158},[34,7057,909],{"class":40},[34,7059,546],{"class":72},[34,7061,7062],{"class":36,"line":388},[34,7063,2341],{"class":72},[34,7065,7066,7068],{"class":36,"line":394},[34,7067,2346],{"class":40},[34,7069,2187],{"class":40},[34,7071,7072,7074,7076],{"class":36,"line":414},[34,7073,2353],{"class":40},[34,7075,2072],{"class":2152},[34,7077,52],{"class":40},[34,7079,7080],{"class":36,"line":446},[34,7081,2362],{"class":40},[34,7083,7084,7086],{"class":36,"line":501},[34,7085,2367],{"class":44},[34,7087,498],{"class":40},[34,7089,7090],{"class":36,"line":507},[34,7091,2187],{"class":40},[994,7093,7095],{"id":7094},"шаг-2-создание-кнопки-виджета","Шаг 2 — Создание кнопки виджета",[24,7097,7099],{"className":2090,"code":7098,"language":2092,"meta":29,"style":29},"'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",[31,7100,7101,7111,7115,7123,7133,7143,7147,7151,7159,7167,7197,7201,7205,7209,7237,7251,7271,7285,7299,7309,7317,7321,7325,7331,7335,7387,7410,7414,7420],{"__ignoreMap":29},[34,7102,7103,7105,7107,7109],{"class":36,"line":37},[34,7104,518],{"class":40},[34,7106,2389],{"class":72},[34,7108,518],{"class":40},[34,7110,498],{"class":40},[34,7112,7113],{"class":36,"line":55},[34,7114,192],{"emptyLinePlaceholder":191},[34,7116,7117,7119,7121],{"class":36,"line":80},[34,7118,2402],{"class":48},[34,7120,2405],{"class":2152},[34,7122,443],{"class":40},[34,7124,7125,7127,7129,7131],{"class":36,"line":90},[34,7126,2412],{"class":44},[34,7128,537],{"class":40},[34,7130,2417],{"class":2152},[34,7132,498],{"class":40},[34,7134,7135,7137,7139,7141],{"class":36,"line":114},[34,7136,2424],{"class":44},[34,7138,537],{"class":40},[34,7140,2417],{"class":2152},[34,7142,498],{"class":40},[34,7144,7145],{"class":36,"line":147},[34,7146,2187],{"class":40},[34,7148,7149],{"class":36,"line":169},[34,7150,192],{"emptyLinePlaceholder":191},[34,7152,7153,7155,7157],{"class":36,"line":178},[34,7154,2443],{"class":48},[34,7156,2446],{"class":158},[34,7158,2449],{"class":40},[34,7160,7161,7163,7165],{"class":36,"line":188},[34,7162,2454],{"class":48},[34,7164,2457],{"class":2152},[34,7166,443],{"class":40},[34,7168,7169,7171,7173,7175,7177,7179,7181,7183,7185,7187,7189,7191,7193,7195],{"class":36,"line":195},[34,7170,2464],{"class":44},[34,7172,537],{"class":40},[34,7174,2469],{"class":40},[34,7176,2472],{"class":2138},[34,7178,537],{"class":40},[34,7180,2417],{"class":2152},[34,7182,526],{"class":40},[34,7184,2481],{"class":2138},[34,7186,2484],{"class":40},[34,7188,2487],{"class":2152},[34,7190,495],{"class":40},[34,7192,2492],{"class":48},[34,7194,2495],{"class":2152},[34,7196,498],{"class":40},[34,7198,7199],{"class":36,"line":213},[34,7200,2502],{"class":40},[34,7202,7203],{"class":36,"line":231},[34,7204,2187],{"class":40},[34,7206,7207],{"class":36,"line":236},[34,7208,192],{"emptyLinePlaceholder":191},[34,7210,7211,7213,7215,7217,7219,7221,7223,7225,7227,7229,7231,7233,7235],{"class":36,"line":243},[34,7212,2124],{"class":2099},[34,7214,438],{"class":48},[34,7216,2519],{"class":302},[34,7218,2135],{"class":40},[34,7220,2524],{"class":2138},[34,7222,2142],{"class":40},[34,7224,2145],{"class":40},[34,7226,2524],{"class":44},[34,7228,537],{"class":40},[34,7230,2405],{"class":2152},[34,7232,2537],{"class":158},[34,7234,2540],{"class":40},[34,7236,443],{"class":40},[34,7238,7239,7241,7243,7245,7247,7249],{"class":36,"line":282},[34,7240,2547],{"class":48},[34,7242,2550],{"class":158},[34,7244,465],{"class":40},[34,7246,2555],{"class":40},[34,7248,2492],{"class":48},[34,7250,443],{"class":40},[34,7252,7253,7255,7257,7259,7261,7263,7265,7267,7269],{"class":36,"line":287},[34,7254,417],{"class":158},[34,7256,420],{"class":40},[34,7258,457],{"class":302},[34,7260,489],{"class":44},[34,7262,518],{"class":40},[34,7264,610],{"class":72},[34,7266,518],{"class":40},[34,7268,526],{"class":40},[34,7270,443],{"class":40},[34,7272,7273,7275,7277,7279,7281,7283],{"class":36,"line":322},[34,7274,2584],{"class":44},[34,7276,537],{"class":40},[34,7278,540],{"class":40},[34,7280,258],{"class":72},[34,7282,518],{"class":40},[34,7284,633],{"class":40},[34,7286,7287,7289,7291,7293,7295,7297],{"class":36,"line":327},[34,7288,2599],{"class":44},[34,7290,537],{"class":40},[34,7292,540],{"class":40},[34,7294,646],{"class":72},[34,7296,518],{"class":40},[34,7298,633],{"class":40},[34,7300,7301,7303,7305,7307],{"class":36,"line":333},[34,7302,2614],{"class":44},[34,7304,537],{"class":40},[34,7306,2524],{"class":158},[34,7308,633],{"class":40},[34,7310,7311,7313,7315],{"class":36,"line":341},[34,7312,552],{"class":40},[34,7314,495],{"class":44},[34,7316,498],{"class":40},[34,7318,7319],{"class":36,"line":357},[34,7320,1699],{"class":40},[34,7322,7323],{"class":36,"line":372},[34,7324,192],{"emptyLinePlaceholder":191},[34,7326,7327,7329],{"class":36,"line":383},[34,7328,2168],{"class":2099},[34,7330,2171],{"class":44},[34,7332,7333],{"class":36,"line":388},[34,7334,2176],{"class":40},[34,7336,7337,7339,7341,7343,7345,7347,7349,7351,7353,7355,7357,7359,7361,7363,7365,7367,7369,7371,7373,7375,7377,7379,7381,7383,7385],{"class":36,"line":394},[34,7338,2196],{"class":40},[34,7340,248],{"class":44},[34,7342,251],{"class":48},[34,7344,66],{"class":40},[34,7346,69],{"class":40},[34,7348,258],{"class":72},[34,7350,69],{"class":40},[34,7352,263],{"class":48},[34,7354,2667],{"class":40},[34,7356,2670],{"class":44},[34,7358,537],{"class":40},[34,7360,540],{"class":40},[34,7362,2677],{"class":72},[34,7364,518],{"class":40},[34,7366,526],{"class":40},[34,7368,2684],{"class":44},[34,7370,537],{"class":40},[34,7372,2690],{"class":2689},[34,7374,526],{"class":40},[34,7376,2695],{"class":44},[34,7378,537],{"class":40},[34,7380,540],{"class":40},[34,7382,2702],{"class":72},[34,7384,518],{"class":40},[34,7386,2707],{"class":40},[34,7388,7389,7391,7393,7395,7397,7399,7401,7404,7406,7408],{"class":36,"line":414},[34,7390,2196],{"class":40},[34,7392,292],{"class":44},[34,7394,2716],{"class":48},[34,7396,2719],{"class":40},[34,7398,2722],{"class":158},[34,7400,2725],{"class":40},[34,7402,7403],{"class":158},"Примерка",[34,7405,162],{"class":40},[34,7407,292],{"class":44},[34,7409,52],{"class":40},[34,7411,7412],{"class":36,"line":446},[34,7413,2362],{"class":40},[34,7415,7416,7418],{"class":36,"line":501},[34,7417,2367],{"class":44},[34,7419,498],{"class":40},[34,7421,7422],{"class":36,"line":507},[34,7423,2187],{"class":40},[994,7425,7427],{"id":7426},"шаг-3-использование-на-странице-товара","Шаг 3 — Использование на странице товара",[24,7429,7430],{"className":2090,"code":2754,"language":2092,"meta":29,"style":29},[31,7431,7432,7452,7456,7494,7518,7522,7528,7536,7556,7586,7592,7600,7604,7618,7632,7636,7642,7646,7654,7660],{"__ignoreMap":29},[34,7433,7434,7436,7438,7440,7442,7444,7446,7448,7450],{"class":36,"line":37},[34,7435,2100],{"class":2099},[34,7437,2145],{"class":40},[34,7439,2519],{"class":158},[34,7441,2767],{"class":40},[34,7443,2770],{"class":2099},[34,7445,540],{"class":40},[34,7447,2775],{"class":72},[34,7449,518],{"class":40},[34,7451,498],{"class":40},[34,7453,7454],{"class":36,"line":55},[34,7455,192],{"emptyLinePlaceholder":191},[34,7457,7458,7460,7462,7464,7466,7468,7470,7472,7474,7476,7478,7480,7482,7484,7486,7488,7490,7492],{"class":36,"line":80},[34,7459,2124],{"class":2099},[34,7461,2127],{"class":2099},[34,7463,2792],{"class":48},[34,7465,438],{"class":48},[34,7467,2797],{"class":302},[34,7469,2135],{"class":40},[34,7471,2802],{"class":2138},[34,7473,2142],{"class":40},[34,7475,2145],{"class":40},[34,7477,2802],{"class":44},[34,7479,537],{"class":40},[34,7481,2145],{"class":40},[34,7483,2815],{"class":44},[34,7485,537],{"class":40},[34,7487,2417],{"class":2152},[34,7489,2767],{"class":40},[34,7491,2161],{"class":40},[34,7493,443],{"class":40},[34,7495,7496,7498,7500,7502,7504,7506,7508,7510,7512,7514,7516],{"class":36,"line":90},[34,7497,2547],{"class":48},[34,7499,2832],{"class":158},[34,7501,465],{"class":40},[34,7503,2837],{"class":2099},[34,7505,2840],{"class":302},[34,7507,489],{"class":44},[34,7509,2845],{"class":158},[34,7511,420],{"class":40},[34,7513,2850],{"class":158},[34,7515,495],{"class":44},[34,7517,498],{"class":40},[34,7519,7520],{"class":36,"line":114},[34,7521,192],{"emptyLinePlaceholder":191},[34,7523,7524,7526],{"class":36,"line":147},[34,7525,2168],{"class":2099},[34,7527,2171],{"class":44},[34,7529,7530,7532,7534],{"class":36,"line":169},[34,7531,2869],{"class":40},[34,7533,248],{"class":44},[34,7535,52],{"class":40},[34,7537,7538,7540,7542,7544,7546,7548,7550,7552,7554],{"class":36,"line":178},[34,7539,2196],{"class":40},[34,7541,10],{"class":44},[34,7543,2882],{"class":40},[34,7545,2885],{"class":158},[34,7547,420],{"class":40},[34,7549,2890],{"class":158},[34,7551,2893],{"class":40},[34,7553,10],{"class":44},[34,7555,52],{"class":40},[34,7557,7558,7560,7562,7564,7566,7568,7570,7572,7574,7576,7578,7580,7582,7584],{"class":36,"line":188},[34,7559,2196],{"class":40},[34,7561,2904],{"class":44},[34,7563,2907],{"class":48},[34,7565,2719],{"class":40},[34,7567,2885],{"class":158},[34,7569,420],{"class":40},[34,7571,2916],{"class":158},[34,7573,2919],{"class":40},[34,7575,2922],{"class":48},[34,7577,2719],{"class":40},[34,7579,2885],{"class":158},[34,7581,420],{"class":40},[34,7583,2890],{"class":158},[34,7585,2933],{"class":40},[34,7587,7588,7590],{"class":36,"line":195},[34,7589,2196],{"class":40},[34,7591,2940],{"class":2152},[34,7593,7594,7596,7598],{"class":36,"line":213},[34,7595,2945],{"class":48},[34,7597,2719],{"class":40},[34,7599,2950],{"class":158},[34,7601,7602],{"class":36,"line":231},[34,7603,667],{"class":40},[34,7605,7606,7608,7610,7612,7614,7616],{"class":36,"line":236},[34,7607,673],{"class":44},[34,7609,537],{"class":40},[34,7611,2832],{"class":158},[34,7613,420],{"class":40},[34,7615,2890],{"class":158},[34,7617,633],{"class":40},[34,7619,7620,7622,7624,7626,7628,7630],{"class":36,"line":243},[34,7621,689],{"class":44},[34,7623,537],{"class":40},[34,7625,2832],{"class":158},[34,7627,420],{"class":40},[34,7629,2916],{"class":158},[34,7631,633],{"class":40},[34,7633,7634],{"class":36,"line":282},[34,7635,706],{"class":40},[34,7637,7638,7640],{"class":36,"line":287},[34,7639,712],{"class":158},[34,7641,2187],{"class":40},[34,7643,7644],{"class":36,"line":322},[34,7645,2244],{"class":40},[34,7647,7648,7650,7652],{"class":36,"line":327},[34,7649,3001],{"class":40},[34,7651,248],{"class":44},[34,7653,52],{"class":40},[34,7655,7656,7658],{"class":36,"line":333},[34,7657,2367],{"class":44},[34,7659,498],{"class":40},[34,7661,7662],{"class":36,"line":341},[34,7663,2187],{"class":40},[19,7665,7667],{"id":7666},"переменная-окружения","Переменная окружения",[15,7669,7670,7671,537],{},"Добавьте ваш API-ключ в ",[31,7672,3025],{},[24,7674,7675],{"className":3028,"code":3029,"language":3030,"meta":29,"style":29},[31,7676,7677],{"__ignoreMap":29},[34,7678,7679,7681,7683],{"class":36,"line":37},[34,7680,2332],{"class":158},[34,7682,66],{"class":40},[34,7684,3041],{"class":72},[786,7686,3044],{},{"title":29,"searchDepth":55,"depth":55,"links":7688},[7689,7695],{"id":6837,"depth":55,"text":6838,"children":7690},[7691,7693,7694],{"id":6849,"depth":80,"text":7692},"Шаг 1 — Загрузка скриптов в layout.tsx или page.tsx",{"id":7094,"depth":80,"text":7095},{"id":7426,"depth":80,"text":7427},{"id":7666,"depth":55,"text":7667},"Интеграция с Next.js (Pages Router и App Router)",{},"\u002Fintegrations\u002Fnextjs",{"title":2046,"description":7696},"integrations\u002Fnextjs","KS6JTPT1XrolEU5h4YdImeGYebYne3YB0eM4G4u-UlY",{"id":7703,"title":3063,"body":7704,"description":8517,"extension":794,"icon":3955,"meta":8518,"navigation":191,"path":8519,"seo":8520,"stem":8521,"__hash__":8522},"content\u002Fintegrations\u002Fnuxt.md",{"type":7,"value":7705,"toc":8507},[7706,7710,7713,7717,7725,7731,8013,8019,8195,8199,8486,8488,8493,8505],[10,7707,7709],{"id":7708},"интеграция-с-nuxt","Интеграция с Nuxt",[15,7711,7712],{},"Fitting Widget легко интегрируется с Nuxt 3 и Nuxt 4.",[19,7714,7716],{"id":7715},"_1-загрузка-скрипта","1. Загрузка скрипта",[15,7718,7719,7720,7722,7723,420],{},"Используйте composable ",[31,7721,3082],{}," или добавьте скрипты в ",[31,7724,3086],{},[994,7726,7728,7729],{"id":7727},"вариант-а-на-страницу-через-usehead","Вариант А — На страницу через ",[31,7730,3082],{},[24,7732,7733],{"className":3095,"code":3096,"language":3097,"meta":29,"style":29},[31,7734,7735,7739,7747,7755,7771,7799,7807,7815,7819,7839,7857,7861,7869,7877,7881,7895,7909,7913,7917,7931,7939,7943,7947,7951,7955,7979,7983,7989,7993,7999,8005],{"__ignoreMap":29},[34,7736,7737],{"class":36,"line":37},[34,7738,3104],{"class":239},[34,7740,7741,7743,7745],{"class":36,"line":55},[34,7742,58],{"class":40},[34,7744,3111],{"class":44},[34,7746,52],{"class":40},[34,7748,7749,7751,7753],{"class":36,"line":80},[34,7750,93],{"class":40},[34,7752,248],{"class":44},[34,7754,52],{"class":40},[34,7756,7757,7759,7761,7763,7765,7767,7769],{"class":36,"line":90},[34,7758,2869],{"class":40},[34,7760,10],{"class":44},[34,7762,155],{"class":40},[34,7764,3132],{"class":158},[34,7766,162],{"class":40},[34,7768,10],{"class":44},[34,7770,52],{"class":40},[34,7772,7773,7775,7777,7779,7781,7783,7785,7787,7789,7791,7793,7795,7797],{"class":36,"line":114},[34,7774,2869],{"class":40},[34,7776,3145],{"class":44},[34,7778,3148],{"class":48},[34,7780,66],{"class":40},[34,7782,69],{"class":40},[34,7784,3155],{"class":72},[34,7786,69],{"class":40},[34,7788,3160],{"class":48},[34,7790,66],{"class":40},[34,7792,69],{"class":40},[34,7794,3167],{"class":72},[34,7796,69],{"class":40},[34,7798,111],{"class":40},[34,7800,7801,7803,7805],{"class":36,"line":147},[34,7802,562],{"class":40},[34,7804,248],{"class":44},[34,7806,52],{"class":40},[34,7808,7809,7811,7813],{"class":36,"line":169},[34,7810,162],{"class":40},[34,7812,3111],{"class":44},[34,7814,52],{"class":40},[34,7816,7817],{"class":36,"line":178},[34,7818,192],{"emptyLinePlaceholder":191},[34,7820,7821,7823,7825,7827,7829,7831,7833,7835,7837],{"class":36,"line":188},[34,7822,58],{"class":40},[34,7824,378],{"class":44},[34,7826,3200],{"class":48},[34,7828,63],{"class":48},[34,7830,66],{"class":40},[34,7832,69],{"class":40},[34,7834,3209],{"class":72},[34,7836,69],{"class":40},[34,7838,52],{"class":40},[34,7840,7841,7843,7845,7847,7849,7851,7853,7855],{"class":36,"line":195},[34,7842,2100],{"class":2099},[34,7844,2145],{"class":40},[34,7846,3222],{"class":158},[34,7848,2767],{"class":40},[34,7850,2770],{"class":2099},[34,7852,540],{"class":40},[34,7854,3231],{"class":72},[34,7856,546],{"class":40},[34,7858,7859],{"class":36,"line":213},[34,7860,192],{"emptyLinePlaceholder":191},[34,7862,7863,7865,7867],{"class":36,"line":231},[34,7864,3082],{"class":302},[34,7866,489],{"class":158},[34,7868,2449],{"class":40},[34,7870,7871,7873,7875],{"class":36,"line":236},[34,7872,3250],{"class":44},[34,7874,537],{"class":40},[34,7876,661],{"class":158},[34,7878,7879],{"class":36,"line":243},[34,7880,1109],{"class":40},[34,7882,7883,7885,7887,7889,7891,7893],{"class":36,"line":282},[34,7884,3263],{"class":44},[34,7886,537],{"class":40},[34,7888,540],{"class":40},[34,7890,351],{"class":72},[34,7892,518],{"class":40},[34,7894,633],{"class":40},[34,7896,7897,7899,7901,7903,7905,7907],{"class":36,"line":287},[34,7898,3278],{"class":44},[34,7900,537],{"class":40},[34,7902,540],{"class":40},[34,7904,367],{"class":72},[34,7906,518],{"class":40},[34,7908,633],{"class":40},[34,7910,7911],{"class":36,"line":322},[34,7912,1146],{"class":40},[34,7914,7915],{"class":36,"line":327},[34,7916,1109],{"class":40},[34,7918,7919,7921,7923,7925,7927,7929],{"class":36,"line":333},[34,7920,3278],{"class":44},[34,7922,537],{"class":40},[34,7924,540],{"class":40},[34,7926,407],{"class":72},[34,7928,518],{"class":40},[34,7930,633],{"class":40},[34,7932,7933,7935,7937],{"class":36,"line":341},[34,7934,3315],{"class":44},[34,7936,537],{"class":40},[34,7938,3320],{"class":40},[34,7940,7941],{"class":36,"line":357},[34,7942,3325],{"class":72},[34,7944,7945],{"class":36,"line":372},[34,7946,3330],{"class":72},[34,7948,7949],{"class":36,"line":383},[34,7950,3335],{"class":72},[34,7952,7953],{"class":36,"line":388},[34,7954,3340],{"class":72},[34,7956,7957,7959,7961,7963,7965,7967,7969,7971,7973,7975,7977],{"class":36,"line":394},[34,7958,3345],{"class":72},[34,7960,2319],{"class":40},[34,7962,2100],{"class":2099},[34,7964,420],{"class":40},[34,7966,96],{"class":158},[34,7968,420],{"class":40},[34,7970,2327],{"class":158},[34,7972,420],{"class":40},[34,7974,3362],{"class":158},[34,7976,909],{"class":40},[34,7978,546],{"class":72},[34,7980,7981],{"class":36,"line":414},[34,7982,3371],{"class":72},[34,7984,7985,7987],{"class":36,"line":446},[34,7986,3376],{"class":40},[34,7988,633],{"class":40},[34,7990,7991],{"class":36,"line":501},[34,7992,1146],{"class":40},[34,7994,7995,7997],{"class":36,"line":507},[34,7996,1151],{"class":158},[34,7998,633],{"class":40},[34,8000,8001,8003],{"class":36,"line":531},[34,8002,909],{"class":40},[34,8004,3395],{"class":158},[34,8006,8007,8009,8011],{"class":36,"line":549},[34,8008,162],{"class":40},[34,8010,378],{"class":44},[34,8012,52],{"class":40},[994,8014,8016,8017],{"id":8015},"вариант-б-глобально-в-nuxtconfigts","Вариант Б — Глобально в ",[31,8018,3086],{},[24,8020,8021],{"className":3412,"code":3413,"language":3209,"meta":29,"style":29},[31,8022,8023,8035,8043,8051,8059,8063,8077,8091,8095,8099,8113,8121,8125,8129,8133,8137,8161,8165,8171,8175,8181,8185,8189],{"__ignoreMap":29},[34,8024,8025,8027,8029,8031,8033],{"class":36,"line":37},[34,8026,2124],{"class":2099},[34,8028,2127],{"class":2099},[34,8030,3424],{"class":302},[34,8032,489],{"class":158},[34,8034,2449],{"class":40},[34,8036,8037,8039,8041],{"class":36,"line":55},[34,8038,3433],{"class":44},[34,8040,537],{"class":40},[34,8042,443],{"class":40},[34,8044,8045,8047,8049],{"class":36,"line":80},[34,8046,3442],{"class":44},[34,8048,537],{"class":40},[34,8050,443],{"class":40},[34,8052,8053,8055,8057],{"class":36,"line":90},[34,8054,3451],{"class":44},[34,8056,537],{"class":40},[34,8058,661],{"class":158},[34,8060,8061],{"class":36,"line":114},[34,8062,3460],{"class":40},[34,8064,8065,8067,8069,8071,8073,8075],{"class":36,"line":147},[34,8066,3465],{"class":44},[34,8068,537],{"class":40},[34,8070,540],{"class":40},[34,8072,351],{"class":72},[34,8074,518],{"class":40},[34,8076,633],{"class":40},[34,8078,8079,8081,8083,8085,8087,8089],{"class":36,"line":169},[34,8080,3480],{"class":44},[34,8082,537],{"class":40},[34,8084,540],{"class":40},[34,8086,367],{"class":72},[34,8088,518],{"class":40},[34,8090,633],{"class":40},[34,8092,8093],{"class":36,"line":178},[34,8094,3495],{"class":40},[34,8096,8097],{"class":36,"line":188},[34,8098,3460],{"class":40},[34,8100,8101,8103,8105,8107,8109,8111],{"class":36,"line":195},[34,8102,3480],{"class":44},[34,8104,537],{"class":40},[34,8106,540],{"class":40},[34,8108,407],{"class":72},[34,8110,518],{"class":40},[34,8112,633],{"class":40},[34,8114,8115,8117,8119],{"class":36,"line":213},[34,8116,3518],{"class":44},[34,8118,537],{"class":40},[34,8120,3320],{"class":40},[34,8122,8123],{"class":36,"line":231},[34,8124,3527],{"class":72},[34,8126,8127],{"class":36,"line":236},[34,8128,3532],{"class":72},[34,8130,8131],{"class":36,"line":243},[34,8132,3537],{"class":72},[34,8134,8135],{"class":36,"line":282},[34,8136,3542],{"class":72},[34,8138,8139,8141,8143,8145,8147,8149,8151,8153,8155,8157,8159],{"class":36,"line":287},[34,8140,3547],{"class":72},[34,8142,2319],{"class":40},[34,8144,2100],{"class":2099},[34,8146,420],{"class":40},[34,8148,96],{"class":158},[34,8150,420],{"class":40},[34,8152,2327],{"class":158},[34,8154,420],{"class":40},[34,8156,3362],{"class":158},[34,8158,909],{"class":40},[34,8160,546],{"class":72},[34,8162,8163],{"class":36,"line":322},[34,8164,3572],{"class":72},[34,8166,8167,8169],{"class":36,"line":327},[34,8168,3577],{"class":40},[34,8170,633],{"class":40},[34,8172,8173],{"class":36,"line":333},[34,8174,3495],{"class":40},[34,8176,8177,8179],{"class":36,"line":341},[34,8178,3588],{"class":158},[34,8180,633],{"class":40},[34,8182,8183],{"class":36,"line":357},[34,8184,1146],{"class":40},[34,8186,8187],{"class":36,"line":372},[34,8188,3599],{"class":40},[34,8190,8191,8193],{"class":36,"line":383},[34,8192,909],{"class":40},[34,8194,3395],{"class":158},[19,8196,8198],{"id":8197},"_2-создание-компонента-обёртки","2. Создание компонента-обёртки",[24,8200,8202],{"className":3095,"code":8201,"language":3097,"meta":29,"style":29},"\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",[31,8203,8204,8208,8216,8224,8252,8278,8286,8294,8298,8318,8330,8338,8346,8352,8356,8370,8390,8404,8418,8426,8430,8444,8458,8462,8468,8474,8478],{"__ignoreMap":29},[34,8205,8206],{"class":36,"line":37},[34,8207,3619],{"class":239},[34,8209,8210,8212,8214],{"class":36,"line":55},[34,8211,58],{"class":40},[34,8213,3111],{"class":44},[34,8215,52],{"class":40},[34,8217,8218,8220,8222],{"class":36,"line":80},[34,8219,93],{"class":40},[34,8221,248],{"class":44},[34,8223,52],{"class":40},[34,8225,8226,8228,8230,8232,8234,8236,8238,8240,8242,8244,8246,8248,8250],{"class":36,"line":90},[34,8227,2869],{"class":40},[34,8229,248],{"class":44},[34,8231,251],{"class":48},[34,8233,66],{"class":40},[34,8235,69],{"class":40},[34,8237,258],{"class":72},[34,8239,69],{"class":40},[34,8241,3654],{"class":48},[34,8243,66],{"class":40},[34,8245,69],{"class":40},[34,8247,3661],{"class":72},[34,8249,69],{"class":40},[34,8251,111],{"class":40},[34,8253,8254,8256,8258,8260,8262,8264,8266,8268,8270,8272,8274,8276],{"class":36,"line":114},[34,8255,2869],{"class":40},[34,8257,292],{"class":44},[34,8259,3674],{"class":48},[34,8261,66],{"class":40},[34,8263,69],{"class":40},[34,8265,3681],{"class":72},[34,8267,69],{"class":40},[34,8269,155],{"class":40},[34,8271,7403],{"class":158},[34,8273,162],{"class":40},[34,8275,292],{"class":44},[34,8277,52],{"class":40},[34,8279,8280,8282,8284],{"class":36,"line":147},[34,8281,562],{"class":40},[34,8283,248],{"class":44},[34,8285,52],{"class":40},[34,8287,8288,8290,8292],{"class":36,"line":169},[34,8289,162],{"class":40},[34,8291,3111],{"class":44},[34,8293,52],{"class":40},[34,8295,8296],{"class":36,"line":178},[34,8297,192],{"emptyLinePlaceholder":191},[34,8299,8300,8302,8304,8306,8308,8310,8312,8314,8316],{"class":36,"line":188},[34,8301,58],{"class":40},[34,8303,378],{"class":44},[34,8305,3200],{"class":48},[34,8307,63],{"class":48},[34,8309,66],{"class":40},[34,8311,69],{"class":40},[34,8313,3209],{"class":72},[34,8315,69],{"class":40},[34,8317,52],{"class":40},[34,8319,8320,8322,8324,8326,8328],{"class":36,"line":195},[34,8321,3738],{"class":48},[34,8323,3741],{"class":158},[34,8325,66],{"class":40},[34,8327,3746],{"class":302},[34,8329,3749],{"class":40},[34,8331,8332,8334,8336],{"class":36,"line":213},[34,8333,2412],{"class":44},[34,8335,537],{"class":40},[34,8337,3758],{"class":2152},[34,8339,8340,8342,8344],{"class":36,"line":231},[34,8341,3763],{"class":44},[34,8343,537],{"class":40},[34,8345,3758],{"class":2152},[34,8347,8348,8350],{"class":36,"line":236},[34,8349,2725],{"class":40},[34,8351,3774],{"class":158},[34,8353,8354],{"class":36,"line":243},[34,8355,192],{"emptyLinePlaceholder":191},[34,8357,8358,8360,8362,8364,8366,8368],{"class":36,"line":282},[34,8359,3738],{"class":48},[34,8361,3785],{"class":158},[34,8363,66],{"class":40},[34,8365,2555],{"class":40},[34,8367,2492],{"class":48},[34,8369,443],{"class":40},[34,8371,8372,8374,8376,8378,8380,8382,8384,8386,8388],{"class":36,"line":287},[34,8373,1631],{"class":158},[34,8375,420],{"class":40},[34,8377,457],{"class":302},[34,8379,489],{"class":44},[34,8381,518],{"class":40},[34,8383,610],{"class":72},[34,8385,518],{"class":40},[34,8387,526],{"class":40},[34,8389,443],{"class":40},[34,8391,8392,8394,8396,8398,8400,8402],{"class":36,"line":322},[34,8393,3818],{"class":44},[34,8395,537],{"class":40},[34,8397,540],{"class":40},[34,8399,258],{"class":72},[34,8401,518],{"class":40},[34,8403,633],{"class":40},[34,8405,8406,8408,8410,8412,8414,8416],{"class":36,"line":327},[34,8407,3833],{"class":44},[34,8409,537],{"class":40},[34,8411,540],{"class":40},[34,8413,646],{"class":72},[34,8415,518],{"class":40},[34,8417,633],{"class":40},[34,8419,8420,8422,8424],{"class":36,"line":333},[34,8421,3848],{"class":44},[34,8423,537],{"class":40},[34,8425,661],{"class":44},[34,8427,8428],{"class":36,"line":341},[34,8429,3857],{"class":40},[34,8431,8432,8434,8436,8438,8440,8442],{"class":36,"line":357},[34,8433,3862],{"class":44},[34,8435,537],{"class":40},[34,8437,3867],{"class":158},[34,8439,420],{"class":40},[34,8441,1019],{"class":158},[34,8443,633],{"class":40},[34,8445,8446,8448,8450,8452,8454,8456],{"class":36,"line":372},[34,8447,3878],{"class":44},[34,8449,537],{"class":40},[34,8451,3867],{"class":158},[34,8453,420],{"class":40},[34,8455,3887],{"class":158},[34,8457,633],{"class":40},[34,8459,8460],{"class":36,"line":383},[34,8461,3894],{"class":40},[34,8463,8464,8466],{"class":36,"line":388},[34,8465,3899],{"class":44},[34,8467,633],{"class":40},[34,8469,8470,8472],{"class":36,"line":394},[34,8471,1737],{"class":40},[34,8473,3395],{"class":44},[34,8475,8476],{"class":36,"line":414},[34,8477,2187],{"class":40},[34,8479,8480,8482,8484],{"class":36,"line":446},[34,8481,162],{"class":40},[34,8483,378],{"class":44},[34,8485,52],{"class":40},[19,8487,7667],{"id":7666},[15,8489,8490,8491,537],{},"Добавьте в ",[31,8492,3927],{},[24,8494,8495],{"className":3028,"code":3930,"language":3030,"meta":29,"style":29},[31,8496,8497],{"__ignoreMap":29},[34,8498,8499,8501,8503],{"class":36,"line":37},[34,8500,3362],{"class":158},[34,8502,66],{"class":40},[34,8504,3041],{"class":72},[786,8506,3943],{},{"title":29,"searchDepth":55,"depth":55,"links":8508},[8509,8515,8516],{"id":7715,"depth":55,"text":7716,"children":8510},[8511,8513],{"id":7727,"depth":80,"text":8512},"Вариант А — На страницу через useHead",{"id":8015,"depth":80,"text":8514},"Вариант Б — Глобально в nuxt.config.ts",{"id":8197,"depth":55,"text":8198},{"id":7666,"depth":55,"text":7667},"Интеграция с Nuxt 3 \u002F Nuxt 4 приложением",{},"\u002Fintegrations\u002Fnuxt",{"title":3063,"description":8517},"integrations\u002Fnuxt","mSERafXf_JPUG4rn6ZlSU_qJnLNa0suHinF4LwLrASI",{"id":8524,"title":3963,"body":8525,"description":9366,"extension":794,"icon":4849,"meta":9367,"navigation":191,"path":9368,"seo":9369,"stem":9370,"__hash__":9371},"content\u002Fintegrations\u002Freact.md",{"type":7,"value":8526,"toc":9361},[8527,8531,8534,8538,8543,8727,8735,8739,9045,9049,9359],[10,8528,8530],{"id":8529},"интеграция-с-react","Интеграция с React",[15,8532,8533],{},"Работает с любым React-окружением — Vite, Create React App или своим решением.",[19,8535,8537],{"id":8536},"_1-загрузка-скрипта-виджета","1. Загрузка скрипта виджета",[15,8539,8540,8541,537],{},"Добавьте скрипт в ваш ",[31,8542,3982],{},[24,8544,8546],{"className":26,"code":8545,"language":28,"meta":29,"style":29},"\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",[31,8547,8548,8553,8559,8571,8583,8591,8609,8633,8675,8679,8699,8711,8719],{"__ignoreMap":29},[34,8549,8550],{"class":36,"line":37},[34,8551,8552],{"class":239},"\u003C!-- В public\u002Findex.html или index.html (Vite) -->\n",[34,8554,8555,8557],{"class":36,"line":55},[34,8556,58],{"class":40},[34,8558,338],{"class":44},[34,8560,8561,8563,8565,8567,8569],{"class":36,"line":80},[34,8562,1570],{"class":48},[34,8564,66],{"class":40},[34,8566,69],{"class":40},[34,8568,351],{"class":72},[34,8570,354],{"class":40},[34,8572,8573,8575,8577,8579,8581],{"class":36,"line":90},[34,8574,1583],{"class":48},[34,8576,66],{"class":40},[34,8578,69],{"class":40},[34,8580,367],{"class":72},[34,8582,354],{"class":40},[34,8584,8585,8587,8589],{"class":36,"line":114},[34,8586,275],{"class":40},[34,8588,378],{"class":44},[34,8590,52],{"class":40},[34,8592,8593,8595,8597,8599,8601,8603,8605,8607],{"class":36,"line":147},[34,8594,58],{"class":40},[34,8596,378],{"class":44},[34,8598,251],{"class":48},[34,8600,66],{"class":40},[34,8602,69],{"class":40},[34,8604,407],{"class":72},[34,8606,69],{"class":40},[34,8608,52],{"class":40},[34,8610,8611,8613,8615,8617,8619,8621,8623,8625,8627,8629,8631],{"class":36,"line":169},[34,8612,1631],{"class":158},[34,8614,420],{"class":40},[34,8616,423],{"class":158},[34,8618,66],{"class":40},[34,8620,428],{"class":158},[34,8622,420],{"class":40},[34,8624,423],{"class":158},[34,8626,435],{"class":40},[34,8628,438],{"class":48},[34,8630,306],{"class":40},[34,8632,443],{"class":40},[34,8634,8635,8637,8639,8641,8643,8645,8647,8649,8651,8653,8655,8657,8659,8661,8663,8665,8667,8669,8671,8673],{"class":36,"line":178},[34,8636,1656],{"class":44},[34,8638,452],{"class":158},[34,8640,420],{"class":40},[34,8642,457],{"class":158},[34,8644,420],{"class":40},[34,8646,462],{"class":158},[34,8648,465],{"class":40},[34,8650,428],{"class":158},[34,8652,420],{"class":40},[34,8654,457],{"class":158},[34,8656,420],{"class":40},[34,8658,462],{"class":158},[34,8660,478],{"class":40},[34,8662,481],{"class":44},[34,8664,420],{"class":40},[34,8666,486],{"class":302},[34,8668,489],{"class":44},[34,8670,492],{"class":158},[34,8672,495],{"class":44},[34,8674,498],{"class":40},[34,8676,8677],{"class":36,"line":188},[34,8678,1699],{"class":40},[34,8680,8681,8683,8685,8687,8689,8691,8693,8695,8697],{"class":36,"line":195},[34,8682,1631],{"class":158},[34,8684,420],{"class":40},[34,8686,457],{"class":302},[34,8688,489],{"class":158},[34,8690,518],{"class":40},[34,8692,521],{"class":72},[34,8694,518],{"class":40},[34,8696,526],{"class":40},[34,8698,443],{"class":40},[34,8700,8701,8703,8705,8707,8709],{"class":36,"line":213},[34,8702,1724],{"class":44},[34,8704,537],{"class":40},[34,8706,540],{"class":40},[34,8708,4149],{"class":72},[34,8710,546],{"class":40},[34,8712,8713,8715,8717],{"class":36,"line":231},[34,8714,1737],{"class":40},[34,8716,495],{"class":158},[34,8718,498],{"class":40},[34,8720,8721,8723,8725],{"class":36,"line":236},[34,8722,162],{"class":40},[34,8724,378],{"class":44},[34,8726,52],{"class":40},[4169,8728,8729],{"icon":4171},[15,8730,8731,8732,8734],{},"Замените ",[31,8733,4149],{}," на ваш реальный ключ во время сборки, или используйте инъекцию во время выполнения.",[19,8736,8738],{"id":8737},"_2-создайте-свой-хук","2. Создайте свой хук",[24,8740,8741],{"className":2090,"code":4184,"language":2092,"meta":29,"style":29},[31,8742,8743,8747,8755,8765,8775,8785,8789,8793,8801,8811,8841,8853,8857,8861,8869,8877,8907,8911,8915,8919,8931,8953,8977,8981,8985,8999,9019,9023,9027,9041],{"__ignoreMap":29},[34,8744,8745],{"class":36,"line":37},[34,8746,4191],{"class":239},[34,8748,8749,8751,8753],{"class":36,"line":55},[34,8750,2402],{"class":48},[34,8752,2405],{"class":2152},[34,8754,443],{"class":40},[34,8756,8757,8759,8761,8763],{"class":36,"line":80},[34,8758,2412],{"class":44},[34,8760,537],{"class":40},[34,8762,2417],{"class":2152},[34,8764,498],{"class":40},[34,8766,8767,8769,8771,8773],{"class":36,"line":90},[34,8768,2424],{"class":44},[34,8770,537],{"class":40},[34,8772,2417],{"class":2152},[34,8774,498],{"class":40},[34,8776,8777,8779,8781,8783],{"class":36,"line":114},[34,8778,4224],{"class":44},[34,8780,2484],{"class":40},[34,8782,2417],{"class":2152},[34,8784,498],{"class":40},[34,8786,8787],{"class":36,"line":147},[34,8788,2187],{"class":40},[34,8790,8791],{"class":36,"line":169},[34,8792,192],{"emptyLinePlaceholder":191},[34,8794,8795,8797,8799],{"class":36,"line":178},[34,8796,2402],{"class":48},[34,8798,4245],{"class":2152},[34,8800,443],{"class":40},[34,8802,8803,8805,8807,8809],{"class":36,"line":188},[34,8804,1070],{"class":44},[34,8806,537],{"class":40},[34,8808,2417],{"class":2152},[34,8810,498],{"class":40},[34,8812,8813,8815,8817,8819,8821,8823,8825,8827,8829,8831,8833,8835,8837,8839],{"class":36,"line":195},[34,8814,1085],{"class":44},[34,8816,2484],{"class":40},[34,8818,540],{"class":40},[34,8820,646],{"class":72},[34,8822,518],{"class":40},[34,8824,4272],{"class":40},[34,8826,540],{"class":40},[34,8828,4277],{"class":72},[34,8830,518],{"class":40},[34,8832,4272],{"class":40},[34,8834,540],{"class":40},[34,8836,4286],{"class":72},[34,8838,518],{"class":40},[34,8840,498],{"class":40},[34,8842,8843,8845,8847,8849,8851],{"class":36,"line":213},[34,8844,1100],{"class":44},[34,8846,537],{"class":40},[34,8848,2405],{"class":2152},[34,8850,4301],{"class":158},[34,8852,498],{"class":40},[34,8854,8855],{"class":36,"line":231},[34,8856,2187],{"class":40},[34,8858,8859],{"class":36,"line":236},[34,8860,192],{"emptyLinePlaceholder":191},[34,8862,8863,8865,8867],{"class":36,"line":243},[34,8864,2443],{"class":48},[34,8866,2446],{"class":158},[34,8868,2449],{"class":40},[34,8870,8871,8873,8875],{"class":36,"line":282},[34,8872,2454],{"class":48},[34,8874,2457],{"class":2152},[34,8876,443],{"class":40},[34,8878,8879,8881,8883,8885,8887,8889,8891,8893,8895,8897,8899,8901,8903,8905],{"class":36,"line":287},[34,8880,2464],{"class":44},[34,8882,537],{"class":40},[34,8884,2469],{"class":40},[34,8886,2472],{"class":2138},[34,8888,537],{"class":40},[34,8890,2417],{"class":2152},[34,8892,526],{"class":40},[34,8894,2481],{"class":2138},[34,8896,2484],{"class":40},[34,8898,2487],{"class":2152},[34,8900,495],{"class":40},[34,8902,2492],{"class":48},[34,8904,2495],{"class":2152},[34,8906,498],{"class":40},[34,8908,8909],{"class":36,"line":322},[34,8910,2502],{"class":40},[34,8912,8913],{"class":36,"line":327},[34,8914,2187],{"class":40},[34,8916,8917],{"class":36,"line":333},[34,8918,192],{"emptyLinePlaceholder":191},[34,8920,8921,8923,8925,8927,8929],{"class":36,"line":341},[34,8922,2124],{"class":2099},[34,8924,438],{"class":48},[34,8926,4378],{"class":302},[34,8928,306],{"class":40},[34,8930,443],{"class":40},[34,8932,8933,8935,8937,8939,8941,8943,8945,8947,8949,8951],{"class":36,"line":357},[34,8934,2547],{"class":48},[34,8936,4389],{"class":158},[34,8938,465],{"class":40},[34,8940,2469],{"class":40},[34,8942,4396],{"class":2138},[34,8944,537],{"class":40},[34,8946,4245],{"class":2152},[34,8948,495],{"class":40},[34,8950,2492],{"class":48},[34,8952,443],{"class":40},[34,8954,8955,8957,8959,8961,8963,8965,8967,8969,8971,8973,8975],{"class":36,"line":372},[34,8956,417],{"class":158},[34,8958,420],{"class":40},[34,8960,457],{"class":302},[34,8962,489],{"class":44},[34,8964,518],{"class":40},[34,8966,610],{"class":72},[34,8968,518],{"class":40},[34,8970,526],{"class":40},[34,8972,2481],{"class":158},[34,8974,495],{"class":44},[34,8976,498],{"class":40},[34,8978,8979],{"class":36,"line":383},[34,8980,1699],{"class":40},[34,8982,8983],{"class":36,"line":388},[34,8984,192],{"emptyLinePlaceholder":191},[34,8986,8987,8989,8991,8993,8995,8997],{"class":36,"line":394},[34,8988,2547],{"class":48},[34,8990,4445],{"class":158},[34,8992,465],{"class":40},[34,8994,2555],{"class":40},[34,8996,2492],{"class":48},[34,8998,443],{"class":40},[34,9000,9001,9003,9005,9007,9009,9011,9013,9015,9017],{"class":36,"line":414},[34,9002,417],{"class":158},[34,9004,420],{"class":40},[34,9006,457],{"class":302},[34,9008,489],{"class":44},[34,9010,518],{"class":40},[34,9012,4468],{"class":72},[34,9014,518],{"class":40},[34,9016,495],{"class":44},[34,9018,498],{"class":40},[34,9020,9021],{"class":36,"line":446},[34,9022,1699],{"class":40},[34,9024,9025],{"class":36,"line":501},[34,9026,192],{"emptyLinePlaceholder":191},[34,9028,9029,9031,9033,9035,9037,9039],{"class":36,"line":507},[34,9030,2168],{"class":2099},[34,9032,2145],{"class":40},[34,9034,4389],{"class":158},[34,9036,526],{"class":40},[34,9038,4445],{"class":158},[34,9040,4497],{"class":40},[34,9042,9043],{"class":36,"line":531},[34,9044,2187],{"class":40},[19,9046,9048],{"id":9047},"_3-использование-в-компоненте","3. Использование в компоненте",[24,9050,9052],{"className":2090,"code":9051,"language":2092,"meta":29,"style":29},"\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",[31,9053,9054,9058,9078,9082,9090,9100,9110,9114,9118,9142,9160,9164,9170,9178,9184,9196,9234,9238,9244,9252,9260,9274,9288,9314,9320,9324,9328,9333,9341,9349,9355],{"__ignoreMap":29},[34,9055,9056],{"class":36,"line":37},[34,9057,4515],{"class":239},[34,9059,9060,9062,9064,9066,9068,9070,9072,9074,9076],{"class":36,"line":55},[34,9061,2100],{"class":2099},[34,9063,2145],{"class":40},[34,9065,4378],{"class":158},[34,9067,2767],{"class":40},[34,9069,2770],{"class":2099},[34,9071,540],{"class":40},[34,9073,4532],{"class":72},[34,9075,518],{"class":40},[34,9077,498],{"class":40},[34,9079,9080],{"class":36,"line":80},[34,9081,192],{"emptyLinePlaceholder":191},[34,9083,9084,9086,9088],{"class":36,"line":90},[34,9085,2402],{"class":48},[34,9087,4547],{"class":2152},[34,9089,443],{"class":40},[34,9091,9092,9094,9096,9098],{"class":36,"line":114},[34,9093,2412],{"class":44},[34,9095,537],{"class":40},[34,9097,2417],{"class":2152},[34,9099,498],{"class":40},[34,9101,9102,9104,9106,9108],{"class":36,"line":147},[34,9103,3763],{"class":44},[34,9105,537],{"class":40},[34,9107,2417],{"class":2152},[34,9109,498],{"class":40},[34,9111,9112],{"class":36,"line":169},[34,9113,2187],{"class":40},[34,9115,9116],{"class":36,"line":178},[34,9117,192],{"emptyLinePlaceholder":191},[34,9119,9120,9122,9124,9126,9128,9130,9132,9134,9136,9138,9140],{"class":36,"line":188},[34,9121,2124],{"class":2099},[34,9123,438],{"class":48},[34,9125,4586],{"class":302},[34,9127,2135],{"class":40},[34,9129,4591],{"class":2138},[34,9131,526],{"class":40},[34,9133,4596],{"class":2138},[34,9135,2142],{"class":40},[34,9137,4547],{"class":2152},[34,9139,495],{"class":40},[34,9141,443],{"class":40},[34,9143,9144,9146,9148,9150,9152,9154,9156,9158],{"class":36,"line":195},[34,9145,2547],{"class":48},[34,9147,2145],{"class":40},[34,9149,4389],{"class":158},[34,9151,2767],{"class":40},[34,9153,465],{"class":40},[34,9155,4378],{"class":302},[34,9157,306],{"class":44},[34,9159,498],{"class":40},[34,9161,9162],{"class":36,"line":213},[34,9163,192],{"emptyLinePlaceholder":191},[34,9165,9166,9168],{"class":36,"line":231},[34,9167,2168],{"class":2099},[34,9169,2171],{"class":44},[34,9171,9172,9174,9176],{"class":36,"line":236},[34,9173,2869],{"class":40},[34,9175,248],{"class":44},[34,9177,52],{"class":40},[34,9179,9180,9182],{"class":36,"line":243},[34,9181,2196],{"class":40},[34,9183,4647],{"class":44},[34,9185,9186,9188,9190,9192,9194],{"class":36,"line":282},[34,9187,2231],{"class":48},[34,9189,66],{"class":40},[34,9191,69],{"class":40},[34,9193,258],{"class":72},[34,9195,354],{"class":40},[34,9197,9198,9200,9202,9204,9206,9208,9210,9212,9214,9216,9218,9220,9222,9224,9226,9228,9230,9232],{"class":36,"line":287},[34,9199,4664],{"class":48},[34,9201,2667],{"class":40},[34,9203,2670],{"class":44},[34,9205,537],{"class":40},[34,9207,540],{"class":40},[34,9209,2677],{"class":72},[34,9211,518],{"class":40},[34,9213,526],{"class":40},[34,9215,2684],{"class":44},[34,9217,537],{"class":40},[34,9219,2690],{"class":2689},[34,9221,526],{"class":40},[34,9223,2695],{"class":44},[34,9225,537],{"class":40},[34,9227,540],{"class":40},[34,9229,2702],{"class":72},[34,9231,518],{"class":40},[34,9233,4699],{"class":40},[34,9235,9236],{"class":36,"line":322},[34,9237,2244],{"class":40},[34,9239,9240,9242],{"class":36,"line":327},[34,9241,2196],{"class":40},[34,9243,4710],{"class":44},[34,9245,9246,9248,9250],{"class":36,"line":333},[34,9247,4715],{"class":48},[34,9249,4718],{"class":40},[34,9251,4721],{"class":48},[34,9253,9254,9256,9258],{"class":36,"line":341},[34,9255,4726],{"class":302},[34,9257,489],{"class":158},[34,9259,2449],{"class":40},[34,9261,9262,9264,9266,9268,9270,9272],{"class":36,"line":357},[34,9263,4735],{"class":44},[34,9265,537],{"class":40},[34,9267,540],{"class":40},[34,9269,258],{"class":72},[34,9271,518],{"class":40},[34,9273,633],{"class":40},[34,9275,9276,9278,9280,9282,9284,9286],{"class":36,"line":372},[34,9277,4750],{"class":44},[34,9279,537],{"class":40},[34,9281,540],{"class":40},[34,9283,646],{"class":72},[34,9285,518],{"class":40},[34,9287,633],{"class":40},[34,9289,9290,9292,9294,9296,9298,9300,9302,9304,9306,9308,9310,9312],{"class":36,"line":383},[34,9291,4765],{"class":44},[34,9293,537],{"class":40},[34,9295,4770],{"class":158},[34,9297,4773],{"class":40},[34,9299,4591],{"class":158},[34,9301,526],{"class":40},[34,9303,4780],{"class":44},[34,9305,537],{"class":40},[34,9307,4785],{"class":158},[34,9309,909],{"class":40},[34,9311,4790],{"class":158},[34,9313,633],{"class":40},[34,9315,9316,9318],{"class":36,"line":388},[34,9317,4797],{"class":40},[34,9319,3395],{"class":158},[34,9321,9322],{"class":36,"line":394},[34,9323,4804],{"class":40},[34,9325,9326],{"class":36,"line":414},[34,9327,2283],{"class":40},[34,9329,9330],{"class":36,"line":446},[34,9331,9332],{"class":158}," Примерка\n",[34,9334,9335,9337,9339],{"class":36,"line":501},[34,9336,2353],{"class":40},[34,9338,292],{"class":44},[34,9340,52],{"class":40},[34,9342,9343,9345,9347],{"class":36,"line":507},[34,9344,3001],{"class":40},[34,9346,248],{"class":44},[34,9348,52],{"class":40},[34,9350,9351,9353],{"class":36,"line":531},[34,9352,2367],{"class":44},[34,9354,498],{"class":40},[34,9356,9357],{"class":36,"line":549},[34,9358,2187],{"class":40},[786,9360,4842],{},{"title":29,"searchDepth":55,"depth":55,"links":9362},[9363,9364,9365],{"id":8536,"depth":55,"text":8537},{"id":8737,"depth":55,"text":8738},{"id":9047,"depth":55,"text":9048},"Интеграция с React-приложением (Vite \u002F CRA)",{},"\u002Fintegrations\u002Freact",{"title":3963,"description":9366},"integrations\u002Freact","F7mSDoVd1RiVLbrCGyquPOzGkvCalo0IeQdlhW6YYUs",{"id":9373,"title":5,"body":9374,"description":9995,"extension":794,"icon":795,"meta":9996,"navigation":191,"path":1928,"seo":9997,"stem":9998,"__hash__":9999},"content\u002Fintegrations\u002Fvanilla-js.md",{"type":7,"value":9375,"toc":9991},[9376,9380,9383,9387,9967,9971,9989],[10,9377,9379],{"id":9378},"интеграция-с-vanilla-js","Интеграция с Vanilla JS",[15,9381,9382],{},"Без фреймворков — только HTML и JavaScript.",[19,9384,9386],{"id":9385},"полный-пример","Полный пример",[24,9388,9390],{"className":26,"code":9389,"language":28,"meta":29,"style":29},"\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",[31,9391,9392,9402,9421,9429,9447,9475,9492,9500,9508,9512,9529,9546,9550,9555,9587,9591,9619,9623,9628,9634,9646,9658,9666,9670,9675,9693,9717,9759,9763,9783,9795,9803,9811,9815,9823,9833,9853,9867,9881,9889,9893,9907,9921,9925,9931,9939,9943,9951,9959],{"__ignoreMap":29},[34,9393,9394,9396,9398,9400],{"class":36,"line":37},[34,9395,41],{"class":40},[34,9397,45],{"class":44},[34,9399,49],{"class":48},[34,9401,52],{"class":40},[34,9403,9404,9406,9408,9410,9412,9414,9417,9419],{"class":36,"line":55},[34,9405,58],{"class":40},[34,9407,28],{"class":44},[34,9409,63],{"class":48},[34,9411,66],{"class":40},[34,9413,69],{"class":40},[34,9415,9416],{"class":72},"ru",[34,9418,69],{"class":40},[34,9420,52],{"class":40},[34,9422,9423,9425,9427],{"class":36,"line":80},[34,9424,58],{"class":40},[34,9426,85],{"class":44},[34,9428,52],{"class":40},[34,9430,9431,9433,9435,9437,9439,9441,9443,9445],{"class":36,"line":90},[34,9432,93],{"class":40},[34,9434,96],{"class":44},[34,9436,99],{"class":48},[34,9438,66],{"class":40},[34,9440,69],{"class":40},[34,9442,106],{"class":72},[34,9444,69],{"class":40},[34,9446,111],{"class":40},[34,9448,9449,9451,9453,9455,9457,9459,9461,9463,9465,9467,9469,9471,9473],{"class":36,"line":114},[34,9450,93],{"class":40},[34,9452,96],{"class":44},[34,9454,121],{"class":48},[34,9456,66],{"class":40},[34,9458,69],{"class":40},[34,9460,128],{"class":72},[34,9462,69],{"class":40},[34,9464,133],{"class":48},[34,9466,66],{"class":40},[34,9468,69],{"class":40},[34,9470,140],{"class":72},[34,9472,69],{"class":40},[34,9474,111],{"class":40},[34,9476,9477,9479,9481,9483,9486,9488,9490],{"class":36,"line":147},[34,9478,93],{"class":40},[34,9480,152],{"class":44},[34,9482,155],{"class":40},[34,9484,9485],{"class":158},"Страница товара — Виртуальная примерка",[34,9487,162],{"class":40},[34,9489,152],{"class":44},[34,9491,52],{"class":40},[34,9493,9494,9496,9498],{"class":36,"line":169},[34,9495,162],{"class":40},[34,9497,85],{"class":44},[34,9499,52],{"class":40},[34,9501,9502,9504,9506],{"class":36,"line":178},[34,9503,58],{"class":40},[34,9505,183],{"class":44},[34,9507,52],{"class":40},[34,9509,9510],{"class":36,"line":188},[34,9511,192],{"emptyLinePlaceholder":191},[34,9513,9514,9516,9518,9520,9523,9525,9527],{"class":36,"line":195},[34,9515,93],{"class":40},[34,9517,10],{"class":44},[34,9519,155],{"class":40},[34,9521,9522],{"class":158},"Классическая джинсовая куртка",[34,9524,162],{"class":40},[34,9526,10],{"class":44},[34,9528,52],{"class":40},[34,9530,9531,9533,9535,9537,9540,9542,9544],{"class":36,"line":213},[34,9532,93],{"class":40},[34,9534,15],{"class":44},[34,9536,155],{"class":40},[34,9538,9539],{"class":158},"7 500 ₽",[34,9541,162],{"class":40},[34,9543,15],{"class":44},[34,9545,52],{"class":40},[34,9547,9548],{"class":36,"line":231},[34,9549,192],{"emptyLinePlaceholder":191},[34,9551,9552],{"class":36,"line":236},[34,9553,9554],{"class":239}," \u003C!-- Контейнер виджета -->\n",[34,9556,9557,9559,9561,9563,9565,9567,9569,9571,9573,9575,9577,9579,9581,9583,9585],{"class":36,"line":243},[34,9558,93],{"class":40},[34,9560,248],{"class":44},[34,9562,251],{"class":48},[34,9564,66],{"class":40},[34,9566,69],{"class":40},[34,9568,258],{"class":72},[34,9570,69],{"class":40},[34,9572,263],{"class":48},[34,9574,66],{"class":40},[34,9576,69],{"class":40},[34,9578,270],{"class":72},[34,9580,69],{"class":40},[34,9582,275],{"class":40},[34,9584,248],{"class":44},[34,9586,52],{"class":40},[34,9588,9589],{"class":36,"line":282},[34,9590,192],{"emptyLinePlaceholder":191},[34,9592,9593,9595,9597,9599,9601,9603,9605,9607,9609,9611,9613,9615,9617],{"class":36,"line":287},[34,9594,93],{"class":40},[34,9596,292],{"class":44},[34,9598,295],{"class":48},[34,9600,66],{"class":40},[34,9602,69],{"class":40},[34,9604,303],{"class":302},[34,9606,306],{"class":72},[34,9608,69],{"class":40},[34,9610,155],{"class":40},[34,9612,7403],{"class":158},[34,9614,162],{"class":40},[34,9616,292],{"class":44},[34,9618,52],{"class":40},[34,9620,9621],{"class":36,"line":322},[34,9622,192],{"emptyLinePlaceholder":191},[34,9624,9625],{"class":36,"line":327},[34,9626,9627],{"class":239}," \u003C!-- 1. Загрузка пакета виджета -->\n",[34,9629,9630,9632],{"class":36,"line":333},[34,9631,93],{"class":40},[34,9633,338],{"class":44},[34,9635,9636,9638,9640,9642,9644],{"class":36,"line":341},[34,9637,344],{"class":48},[34,9639,66],{"class":40},[34,9641,69],{"class":40},[34,9643,351],{"class":72},[34,9645,354],{"class":40},[34,9647,9648,9650,9652,9654,9656],{"class":36,"line":357},[34,9649,360],{"class":48},[34,9651,66],{"class":40},[34,9653,69],{"class":40},[34,9655,367],{"class":72},[34,9657,354],{"class":40},[34,9659,9660,9662,9664],{"class":36,"line":372},[34,9661,375],{"class":40},[34,9663,378],{"class":44},[34,9665,52],{"class":40},[34,9667,9668],{"class":36,"line":383},[34,9669,192],{"emptyLinePlaceholder":191},[34,9671,9672],{"class":36,"line":388},[34,9673,9674],{"class":239}," \u003C!-- 2. Инициализация -->\n",[34,9676,9677,9679,9681,9683,9685,9687,9689,9691],{"class":36,"line":394},[34,9678,93],{"class":40},[34,9680,378],{"class":44},[34,9682,251],{"class":48},[34,9684,66],{"class":40},[34,9686,69],{"class":40},[34,9688,407],{"class":72},[34,9690,69],{"class":40},[34,9692,52],{"class":40},[34,9694,9695,9697,9699,9701,9703,9705,9707,9709,9711,9713,9715],{"class":36,"line":414},[34,9696,417],{"class":158},[34,9698,420],{"class":40},[34,9700,423],{"class":158},[34,9702,66],{"class":40},[34,9704,428],{"class":158},[34,9706,420],{"class":40},[34,9708,423],{"class":158},[34,9710,435],{"class":40},[34,9712,438],{"class":48},[34,9714,306],{"class":40},[34,9716,443],{"class":40},[34,9718,9719,9721,9723,9725,9727,9729,9731,9733,9735,9737,9739,9741,9743,9745,9747,9749,9751,9753,9755,9757],{"class":36,"line":446},[34,9720,449],{"class":44},[34,9722,452],{"class":158},[34,9724,420],{"class":40},[34,9726,457],{"class":158},[34,9728,420],{"class":40},[34,9730,462],{"class":158},[34,9732,465],{"class":40},[34,9734,428],{"class":158},[34,9736,420],{"class":40},[34,9738,457],{"class":158},[34,9740,420],{"class":40},[34,9742,462],{"class":158},[34,9744,478],{"class":40},[34,9746,481],{"class":44},[34,9748,420],{"class":40},[34,9750,486],{"class":302},[34,9752,489],{"class":44},[34,9754,492],{"class":158},[34,9756,495],{"class":44},[34,9758,498],{"class":40},[34,9760,9761],{"class":36,"line":501},[34,9762,504],{"class":40},[34,9764,9765,9767,9769,9771,9773,9775,9777,9779,9781],{"class":36,"line":507},[34,9766,417],{"class":158},[34,9768,420],{"class":40},[34,9770,457],{"class":302},[34,9772,489],{"class":158},[34,9774,518],{"class":40},[34,9776,521],{"class":72},[34,9778,518],{"class":40},[34,9780,526],{"class":40},[34,9782,443],{"class":40},[34,9784,9785,9787,9789,9791,9793],{"class":36,"line":531},[34,9786,534],{"class":44},[34,9788,537],{"class":40},[34,9790,540],{"class":40},[34,9792,543],{"class":72},[34,9794,546],{"class":40},[34,9796,9797,9799,9801],{"class":36,"line":549},[34,9798,552],{"class":40},[34,9800,495],{"class":158},[34,9802,498],{"class":40},[34,9804,9805,9807,9809],{"class":36,"line":559},[34,9806,562],{"class":40},[34,9808,378],{"class":44},[34,9810,52],{"class":40},[34,9812,9813],{"class":36,"line":569},[34,9814,192],{"emptyLinePlaceholder":191},[34,9816,9817,9819,9821],{"class":36,"line":574},[34,9818,93],{"class":40},[34,9820,378],{"class":44},[34,9822,52],{"class":40},[34,9824,9825,9827,9829,9831],{"class":36,"line":583},[34,9826,586],{"class":48},[34,9828,589],{"class":302},[34,9830,306],{"class":40},[34,9832,443],{"class":40},[34,9834,9835,9837,9839,9841,9843,9845,9847,9849,9851],{"class":36,"line":596},[34,9836,599],{"class":158},[34,9838,420],{"class":40},[34,9840,457],{"class":302},[34,9842,489],{"class":44},[34,9844,518],{"class":40},[34,9846,610],{"class":72},[34,9848,518],{"class":40},[34,9850,526],{"class":40},[34,9852,443],{"class":40},[34,9854,9855,9857,9859,9861,9863,9865],{"class":36,"line":619},[34,9856,622],{"class":44},[34,9858,537],{"class":40},[34,9860,540],{"class":40},[34,9862,258],{"class":72},[34,9864,518],{"class":40},[34,9866,633],{"class":40},[34,9868,9869,9871,9873,9875,9877,9879],{"class":36,"line":636},[34,9870,639],{"class":44},[34,9872,537],{"class":40},[34,9874,540],{"class":40},[34,9876,646],{"class":72},[34,9878,518],{"class":40},[34,9880,633],{"class":40},[34,9882,9883,9885,9887],{"class":36,"line":653},[34,9884,656],{"class":44},[34,9886,537],{"class":40},[34,9888,661],{"class":44},[34,9890,9891],{"class":36,"line":664},[34,9892,667],{"class":40},[34,9894,9895,9897,9899,9901,9903,9905],{"class":36,"line":670},[34,9896,673],{"class":44},[34,9898,537],{"class":40},[34,9900,540],{"class":40},[34,9902,9522],{"class":72},[34,9904,518],{"class":40},[34,9906,633],{"class":40},[34,9908,9909,9911,9913,9915,9917,9919],{"class":36,"line":686},[34,9910,689],{"class":44},[34,9912,537],{"class":40},[34,9914,540],{"class":40},[34,9916,696],{"class":72},[34,9918,518],{"class":40},[34,9920,633],{"class":40},[34,9922,9923],{"class":36,"line":703},[34,9924,706],{"class":40},[34,9926,9927,9929],{"class":36,"line":709},[34,9928,712],{"class":44},[34,9930,633],{"class":40},[34,9932,9933,9935,9937],{"class":36,"line":717},[34,9934,720],{"class":40},[34,9936,495],{"class":44},[34,9938,498],{"class":40},[34,9940,9941],{"class":36,"line":727},[34,9942,730],{"class":40},[34,9944,9945,9947,9949],{"class":36,"line":733},[34,9946,562],{"class":40},[34,9948,378],{"class":44},[34,9950,52],{"class":40},[34,9952,9953,9955,9957],{"class":36,"line":742},[34,9954,162],{"class":40},[34,9956,183],{"class":44},[34,9958,52],{"class":40},[34,9960,9961,9963,9965],{"class":36,"line":751},[34,9962,162],{"class":40},[34,9964,28],{"class":44},[34,9966,52],{"class":40},[19,9968,9970],{"id":9969},"ключевые-моменты","Ключевые моменты",[763,9972,9973,9976,9984],{},[766,9974,9975],{},"Сначала загружается пакетный скрипт.",[766,9977,9978,9979,9981,9982,420],{},"Инициализируйте с помощью ",[31,9980,774],{}," перед вызовом ",[31,9983,610],{},[766,9985,9986,9988],{},[31,9987,783],{}," должен совпадать с существующим элементом на странице.",[786,9990,788],{},{"title":29,"searchDepth":55,"depth":55,"links":9992},[9993,9994],{"id":9385,"depth":55,"text":9386},{"id":9969,"depth":55,"text":9970},"Интеграция с обычным HTML\u002FJavaScript",{},{"title":5,"description":9995},"integrations\u002Fvanilla-js","TOVOFdq4t72IBSUKHoJgLGlQk10I_zCs_rea9Sj9PGA",{"id":10001,"title":5462,"body":10002,"description":10832,"extension":794,"icon":6309,"meta":10833,"navigation":191,"path":10834,"seo":10835,"stem":10836,"__hash__":10837},"content\u002Fintegrations\u002Fvue.md",{"type":7,"value":10003,"toc":10827},[10004,10008,10011,10013,10018,10196,10200,10492,10496,10825],[10,10005,10007],{"id":10006},"интеграция-с-vue-3","Интеграция с Vue 3",[15,10009,10010],{},"Работает с Vue 3 + Vite или любым другим окружением Vue 3.",[19,10012,8537],{"id":8536},[15,10014,10015,10016,537],{},"В ",[31,10017,3982],{},[24,10019,10020],{"className":26,"code":5481,"language":28,"meta":29,"style":29},[31,10021,10022,10028,10040,10052,10060,10078,10102,10144,10148,10168,10180,10188],{"__ignoreMap":29},[34,10023,10024,10026],{"class":36,"line":37},[34,10025,58],{"class":40},[34,10027,338],{"class":44},[34,10029,10030,10032,10034,10036,10038],{"class":36,"line":55},[34,10031,1570],{"class":48},[34,10033,66],{"class":40},[34,10035,69],{"class":40},[34,10037,351],{"class":72},[34,10039,354],{"class":40},[34,10041,10042,10044,10046,10048,10050],{"class":36,"line":80},[34,10043,1583],{"class":48},[34,10045,66],{"class":40},[34,10047,69],{"class":40},[34,10049,367],{"class":72},[34,10051,354],{"class":40},[34,10053,10054,10056,10058],{"class":36,"line":90},[34,10055,275],{"class":40},[34,10057,378],{"class":44},[34,10059,52],{"class":40},[34,10061,10062,10064,10066,10068,10070,10072,10074,10076],{"class":36,"line":114},[34,10063,58],{"class":40},[34,10065,378],{"class":44},[34,10067,251],{"class":48},[34,10069,66],{"class":40},[34,10071,69],{"class":40},[34,10073,407],{"class":72},[34,10075,69],{"class":40},[34,10077,52],{"class":40},[34,10079,10080,10082,10084,10086,10088,10090,10092,10094,10096,10098,10100],{"class":36,"line":147},[34,10081,1631],{"class":158},[34,10083,420],{"class":40},[34,10085,423],{"class":158},[34,10087,66],{"class":40},[34,10089,428],{"class":158},[34,10091,420],{"class":40},[34,10093,423],{"class":158},[34,10095,435],{"class":40},[34,10097,438],{"class":48},[34,10099,306],{"class":40},[34,10101,443],{"class":40},[34,10103,10104,10106,10108,10110,10112,10114,10116,10118,10120,10122,10124,10126,10128,10130,10132,10134,10136,10138,10140,10142],{"class":36,"line":169},[34,10105,1656],{"class":44},[34,10107,452],{"class":158},[34,10109,420],{"class":40},[34,10111,457],{"class":158},[34,10113,420],{"class":40},[34,10115,462],{"class":158},[34,10117,465],{"class":40},[34,10119,428],{"class":158},[34,10121,420],{"class":40},[34,10123,457],{"class":158},[34,10125,420],{"class":40},[34,10127,462],{"class":158},[34,10129,478],{"class":40},[34,10131,481],{"class":44},[34,10133,420],{"class":40},[34,10135,486],{"class":302},[34,10137,489],{"class":44},[34,10139,492],{"class":158},[34,10141,495],{"class":44},[34,10143,498],{"class":40},[34,10145,10146],{"class":36,"line":178},[34,10147,1699],{"class":40},[34,10149,10150,10152,10154,10156,10158,10160,10162,10164,10166],{"class":36,"line":188},[34,10151,1631],{"class":158},[34,10153,420],{"class":40},[34,10155,457],{"class":302},[34,10157,489],{"class":158},[34,10159,518],{"class":40},[34,10161,521],{"class":72},[34,10163,518],{"class":40},[34,10165,526],{"class":40},[34,10167,443],{"class":40},[34,10169,10170,10172,10174,10176,10178],{"class":36,"line":195},[34,10171,1724],{"class":44},[34,10173,537],{"class":40},[34,10175,540],{"class":40},[34,10177,543],{"class":72},[34,10179,546],{"class":40},[34,10181,10182,10184,10186],{"class":36,"line":213},[34,10183,1737],{"class":40},[34,10185,495],{"class":158},[34,10187,498],{"class":40},[34,10189,10190,10192,10194],{"class":36,"line":231},[34,10191,162],{"class":40},[34,10193,378],{"class":44},[34,10195,52],{"class":40},[19,10197,10199],{"id":10198},"_2-создайте-composable","2. Создайте composable",[24,10201,10202],{"className":3412,"code":5664,"language":3209,"meta":29,"style":29},[31,10203,10204,10208,10218,10226,10234,10242,10246,10250,10260,10268,10296,10306,10310,10314,10322,10330,10358,10362,10366,10370,10382,10404,10426,10430,10434,10448,10466,10470,10474,10488],{"__ignoreMap":29},[34,10205,10206],{"class":36,"line":37},[34,10207,5671],{"class":239},[34,10209,10210,10212,10214,10216],{"class":36,"line":55},[34,10211,2124],{"class":2099},[34,10213,5678],{"class":48},[34,10215,2405],{"class":2152},[34,10217,443],{"class":40},[34,10219,10220,10222,10224],{"class":36,"line":80},[34,10221,2412],{"class":44},[34,10223,537],{"class":40},[34,10225,3758],{"class":2152},[34,10227,10228,10230,10232],{"class":36,"line":90},[34,10229,2424],{"class":44},[34,10231,537],{"class":40},[34,10233,3758],{"class":2152},[34,10235,10236,10238,10240],{"class":36,"line":114},[34,10237,4224],{"class":44},[34,10239,2484],{"class":40},[34,10241,3758],{"class":2152},[34,10243,10244],{"class":36,"line":147},[34,10245,2187],{"class":40},[34,10247,10248],{"class":36,"line":169},[34,10249,192],{"emptyLinePlaceholder":191},[34,10251,10252,10254,10256,10258],{"class":36,"line":178},[34,10253,2124],{"class":2099},[34,10255,5678],{"class":48},[34,10257,4245],{"class":2152},[34,10259,443],{"class":40},[34,10261,10262,10264,10266],{"class":36,"line":188},[34,10263,1070],{"class":44},[34,10265,537],{"class":40},[34,10267,3758],{"class":2152},[34,10269,10270,10272,10274,10276,10278,10280,10282,10284,10286,10288,10290,10292,10294],{"class":36,"line":195},[34,10271,1085],{"class":44},[34,10273,2484],{"class":40},[34,10275,540],{"class":40},[34,10277,646],{"class":72},[34,10279,518],{"class":40},[34,10281,4272],{"class":40},[34,10283,540],{"class":40},[34,10285,4277],{"class":72},[34,10287,518],{"class":40},[34,10289,4272],{"class":40},[34,10291,540],{"class":40},[34,10293,4286],{"class":72},[34,10295,546],{"class":40},[34,10297,10298,10300,10302,10304],{"class":36,"line":213},[34,10299,1100],{"class":44},[34,10301,537],{"class":40},[34,10303,2405],{"class":2152},[34,10305,5771],{"class":158},[34,10307,10308],{"class":36,"line":231},[34,10309,2187],{"class":40},[34,10311,10312],{"class":36,"line":236},[34,10313,192],{"emptyLinePlaceholder":191},[34,10315,10316,10318,10320],{"class":36,"line":243},[34,10317,2443],{"class":48},[34,10319,2446],{"class":158},[34,10321,2449],{"class":40},[34,10323,10324,10326,10328],{"class":36,"line":282},[34,10325,2454],{"class":48},[34,10327,2457],{"class":2152},[34,10329,443],{"class":40},[34,10331,10332,10334,10336,10338,10340,10342,10344,10346,10348,10350,10352,10354,10356],{"class":36,"line":287},[34,10333,2464],{"class":44},[34,10335,537],{"class":40},[34,10337,2469],{"class":40},[34,10339,2472],{"class":2138},[34,10341,537],{"class":40},[34,10343,2417],{"class":2152},[34,10345,526],{"class":40},[34,10347,2481],{"class":2138},[34,10349,2484],{"class":40},[34,10351,2487],{"class":2152},[34,10353,495],{"class":40},[34,10355,2492],{"class":48},[34,10357,5824],{"class":2152},[34,10359,10360],{"class":36,"line":322},[34,10361,2502],{"class":40},[34,10363,10364],{"class":36,"line":327},[34,10365,2187],{"class":40},[34,10367,10368],{"class":36,"line":333},[34,10369,192],{"emptyLinePlaceholder":191},[34,10371,10372,10374,10376,10378,10380],{"class":36,"line":341},[34,10373,2124],{"class":2099},[34,10375,438],{"class":48},[34,10377,4378],{"class":302},[34,10379,306],{"class":40},[34,10381,443],{"class":40},[34,10383,10384,10386,10388,10390,10392,10394,10396,10398,10400,10402],{"class":36,"line":357},[34,10385,2547],{"class":48},[34,10387,4389],{"class":158},[34,10389,465],{"class":40},[34,10391,2469],{"class":40},[34,10393,4396],{"class":2138},[34,10395,537],{"class":40},[34,10397,4245],{"class":2152},[34,10399,495],{"class":40},[34,10401,2492],{"class":48},[34,10403,443],{"class":40},[34,10405,10406,10408,10410,10412,10414,10416,10418,10420,10422,10424],{"class":36,"line":372},[34,10407,417],{"class":158},[34,10409,420],{"class":40},[34,10411,457],{"class":302},[34,10413,489],{"class":44},[34,10415,518],{"class":40},[34,10417,610],{"class":72},[34,10419,518],{"class":40},[34,10421,526],{"class":40},[34,10423,2481],{"class":158},[34,10425,3395],{"class":44},[34,10427,10428],{"class":36,"line":383},[34,10429,2502],{"class":40},[34,10431,10432],{"class":36,"line":388},[34,10433,192],{"emptyLinePlaceholder":191},[34,10435,10436,10438,10440,10442,10444,10446],{"class":36,"line":394},[34,10437,2547],{"class":48},[34,10439,4445],{"class":158},[34,10441,465],{"class":40},[34,10443,2555],{"class":40},[34,10445,2492],{"class":48},[34,10447,443],{"class":40},[34,10449,10450,10452,10454,10456,10458,10460,10462,10464],{"class":36,"line":414},[34,10451,417],{"class":158},[34,10453,420],{"class":40},[34,10455,457],{"class":302},[34,10457,489],{"class":44},[34,10459,518],{"class":40},[34,10461,4468],{"class":72},[34,10463,518],{"class":40},[34,10465,3395],{"class":44},[34,10467,10468],{"class":36,"line":446},[34,10469,2502],{"class":40},[34,10471,10472],{"class":36,"line":501},[34,10473,192],{"emptyLinePlaceholder":191},[34,10475,10476,10478,10480,10482,10484,10486],{"class":36,"line":507},[34,10477,2168],{"class":2099},[34,10479,2145],{"class":40},[34,10481,4389],{"class":158},[34,10483,526],{"class":40},[34,10485,4445],{"class":158},[34,10487,5955],{"class":40},[34,10489,10490],{"class":36,"line":531},[34,10491,2187],{"class":40},[19,10493,10495],{"id":10494},"_3-создайте-компонент-виджета","3. Создайте компонент виджета",[24,10497,10499],{"className":3095,"code":10498,"language":3097,"meta":29,"style":29},"\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",[31,10500,10501,10505,10513,10521,10527,10539,10551,10555,10581,10589,10597,10601,10621,10645,10649,10661,10669,10677,10683,10687,10703,10707,10721,10729,10743,10757,10765,10769,10783,10797,10801,10807,10813,10817],{"__ignoreMap":29},[34,10502,10503],{"class":36,"line":37},[34,10504,3619],{"class":239},[34,10506,10507,10509,10511],{"class":36,"line":55},[34,10508,58],{"class":40},[34,10510,3111],{"class":44},[34,10512,52],{"class":40},[34,10514,10515,10517,10519],{"class":36,"line":80},[34,10516,93],{"class":40},[34,10518,248],{"class":44},[34,10520,52],{"class":40},[34,10522,10523,10525],{"class":36,"line":90},[34,10524,2869],{"class":40},[34,10526,4647],{"class":44},[34,10528,10529,10531,10533,10535,10537],{"class":36,"line":114},[34,10530,3278],{"class":48},[34,10532,66],{"class":40},[34,10534,69],{"class":40},[34,10536,258],{"class":72},[34,10538,354],{"class":40},[34,10540,10541,10543,10545,10547,10549],{"class":36,"line":147},[34,10542,6011],{"class":48},[34,10544,66],{"class":40},[34,10546,69],{"class":40},[34,10548,6018],{"class":72},[34,10550,354],{"class":40},[34,10552,10553],{"class":36,"line":169},[34,10554,6025],{"class":40},[34,10556,10557,10559,10561,10563,10565,10567,10569,10571,10573,10575,10577,10579],{"class":36,"line":178},[34,10558,2869],{"class":40},[34,10560,292],{"class":44},[34,10562,3674],{"class":48},[34,10564,66],{"class":40},[34,10566,69],{"class":40},[34,10568,3681],{"class":72},[34,10570,69],{"class":40},[34,10572,155],{"class":40},[34,10574,7403],{"class":158},[34,10576,162],{"class":40},[34,10578,292],{"class":44},[34,10580,52],{"class":40},[34,10582,10583,10585,10587],{"class":36,"line":188},[34,10584,562],{"class":40},[34,10586,248],{"class":44},[34,10588,52],{"class":40},[34,10590,10591,10593,10595],{"class":36,"line":195},[34,10592,162],{"class":40},[34,10594,3111],{"class":44},[34,10596,52],{"class":40},[34,10598,10599],{"class":36,"line":213},[34,10600,192],{"emptyLinePlaceholder":191},[34,10602,10603,10605,10607,10609,10611,10613,10615,10617,10619],{"class":36,"line":231},[34,10604,58],{"class":40},[34,10606,378],{"class":44},[34,10608,3200],{"class":48},[34,10610,63],{"class":48},[34,10612,66],{"class":40},[34,10614,69],{"class":40},[34,10616,3209],{"class":72},[34,10618,69],{"class":40},[34,10620,52],{"class":40},[34,10622,10623,10625,10627,10629,10631,10633,10635,10637,10639,10641,10643],{"class":36,"line":236},[34,10624,2100],{"class":2099},[34,10626,2145],{"class":40},[34,10628,4378],{"class":158},[34,10630,526],{"class":40},[34,10632,6104],{"class":2099},[34,10634,2405],{"class":158},[34,10636,2767],{"class":40},[34,10638,2770],{"class":2099},[34,10640,540],{"class":40},[34,10642,6115],{"class":72},[34,10644,546],{"class":40},[34,10646,10647],{"class":36,"line":243},[34,10648,192],{"emptyLinePlaceholder":191},[34,10650,10651,10653,10655,10657,10659],{"class":36,"line":282},[34,10652,3738],{"class":48},[34,10654,3741],{"class":158},[34,10656,66],{"class":40},[34,10658,3746],{"class":302},[34,10660,3749],{"class":40},[34,10662,10663,10665,10667],{"class":36,"line":287},[34,10664,2412],{"class":44},[34,10666,537],{"class":40},[34,10668,3758],{"class":2152},[34,10670,10671,10673,10675],{"class":36,"line":322},[34,10672,3763],{"class":44},[34,10674,537],{"class":40},[34,10676,3758],{"class":2152},[34,10678,10679,10681],{"class":36,"line":327},[34,10680,2725],{"class":40},[34,10682,3774],{"class":158},[34,10684,10685],{"class":36,"line":333},[34,10686,192],{"emptyLinePlaceholder":191},[34,10688,10689,10691,10693,10695,10697,10699,10701],{"class":36,"line":341},[34,10690,3738],{"class":48},[34,10692,2145],{"class":40},[34,10694,6168],{"class":158},[34,10696,909],{"class":40},[34,10698,465],{"class":40},[34,10700,4378],{"class":302},[34,10702,3774],{"class":158},[34,10704,10705],{"class":36,"line":357},[34,10706,192],{"emptyLinePlaceholder":191},[34,10708,10709,10711,10713,10715,10717,10719],{"class":36,"line":372},[34,10710,3738],{"class":48},[34,10712,3785],{"class":158},[34,10714,66],{"class":40},[34,10716,2555],{"class":40},[34,10718,2492],{"class":48},[34,10720,443],{"class":40},[34,10722,10723,10725,10727],{"class":36,"line":383},[34,10724,6199],{"class":302},[34,10726,489],{"class":44},[34,10728,2449],{"class":40},[34,10730,10731,10733,10735,10737,10739,10741],{"class":36,"line":388},[34,10732,3818],{"class":44},[34,10734,537],{"class":40},[34,10736,540],{"class":40},[34,10738,258],{"class":72},[34,10740,518],{"class":40},[34,10742,633],{"class":40},[34,10744,10745,10747,10749,10751,10753,10755],{"class":36,"line":394},[34,10746,3833],{"class":44},[34,10748,537],{"class":40},[34,10750,540],{"class":40},[34,10752,646],{"class":72},[34,10754,518],{"class":40},[34,10756,633],{"class":40},[34,10758,10759,10761,10763],{"class":36,"line":414},[34,10760,3848],{"class":44},[34,10762,537],{"class":40},[34,10764,661],{"class":44},[34,10766,10767],{"class":36,"line":446},[34,10768,3857],{"class":40},[34,10770,10771,10773,10775,10777,10779,10781],{"class":36,"line":501},[34,10772,3862],{"class":44},[34,10774,537],{"class":40},[34,10776,3867],{"class":158},[34,10778,420],{"class":40},[34,10780,1019],{"class":158},[34,10782,633],{"class":40},[34,10784,10785,10787,10789,10791,10793,10795],{"class":36,"line":507},[34,10786,3878],{"class":44},[34,10788,537],{"class":40},[34,10790,3867],{"class":158},[34,10792,420],{"class":40},[34,10794,3887],{"class":158},[34,10796,633],{"class":40},[34,10798,10799],{"class":36,"line":531},[34,10800,3894],{"class":40},[34,10802,10803,10805],{"class":36,"line":549},[34,10804,3899],{"class":44},[34,10806,633],{"class":40},[34,10808,10809,10811],{"class":36,"line":559},[34,10810,1737],{"class":40},[34,10812,3395],{"class":44},[34,10814,10815],{"class":36,"line":569},[34,10816,2187],{"class":40},[34,10818,10819,10821,10823],{"class":36,"line":574},[34,10820,162],{"class":40},[34,10822,378],{"class":44},[34,10824,52],{"class":40},[786,10826,6302],{},{"title":29,"searchDepth":55,"depth":55,"links":10828},[10829,10830,10831],{"id":8536,"depth":55,"text":8537},{"id":10198,"depth":55,"text":10199},{"id":10494,"depth":55,"text":10495},"Интеграция с Vue 3 приложением",{},"\u002Fintegrations\u002Fvue",{"title":5462,"description":10832},"integrations\u002Fvue","940Q7exH9C3y9bXr_sW6skJzNNxxGlNzOBpnASqYjFU",1779283221010]