[{"data":1,"prerenderedAt":10544},["ShallowReactive",2],{"\u002Fapi":3,"all-pages-\u002Fapi":424},{"id":4,"title":5,"body":6,"description":415,"extension":416,"icon":417,"meta":418,"navigation":419,"path":420,"seo":421,"stem":422,"__hash__":423},"content\u002Fapi\u002Findex.md","Справочник API",{"type":7,"value":8,"toc":409},"minimark",[9,13,18,22,68,145,148,152,155,225,230,273,405],[10,11,5],"h1",{"id":12},"справочник-api",[14,15,17],"h2",{"id":16},"windowfittinginit-options","window.fitting('init', options)",[19,20,21],"p",{},"Инициализирует виджет. Вызывается один раз, до всех остальных методов.",[23,24,25,45],"table",{},[26,27,28],"thead",{},[29,30,31,35,38,42],"tr",{},[32,33,34],"th",{},"Параметр",[32,36,37],{},"Тип",[32,39,41],{"align":40},"center","Обязателен",[32,43,44],{},"Описание",[46,47,48],"tbody",{},[29,49,50,57,62,65],{},[51,52,53],"td",{},[54,55,56],"code",{},"apiKey",[51,58,59],{},[54,60,61],{},"string",[51,63,64],{"align":40},"Да",[51,66,67],{},"Ваш API-ключ виджета",[69,70,75],"pre",{"className":71,"code":72,"language":73,"meta":74,"style":74},"language-js shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","window.fitting('init', {\n  apiKey: 'pk_live_xxx',\n});\n","js","",[54,76,77,112,133],{"__ignoreMap":74},[78,79,82,86,90,94,97,100,104,106,109],"span",{"class":80,"line":81},"line",1,[78,83,85],{"class":84},"sTEyZ","window",[78,87,89],{"class":88},"sMK4o",".",[78,91,93],{"class":92},"s2Zo4","fitting",[78,95,96],{"class":84},"(",[78,98,99],{"class":88},"'",[78,101,103],{"class":102},"sfazB","init",[78,105,99],{"class":88},[78,107,108],{"class":88},",",[78,110,111],{"class":88}," {\n",[78,113,115,119,122,125,128,130],{"class":80,"line":114},2,[78,116,118],{"class":117},"swJcz","  apiKey",[78,120,121],{"class":88},":",[78,123,124],{"class":88}," '",[78,126,127],{"class":102},"pk_live_xxx",[78,129,99],{"class":88},[78,131,132],{"class":88},",\n",[78,134,136,139,142],{"class":80,"line":135},3,[78,137,138],{"class":88},"}",[78,140,141],{"class":84},")",[78,143,144],{"class":88},";\n",[146,147],"hr",{},[14,149,151],{"id":150},"windowfittingcreate-options","window.fitting('create', options)",[19,153,154],{},"Запускает виртуальную примерку.",[23,156,157,169],{},[26,158,159],{},[29,160,161,163,165,167],{},[32,162,34],{},[32,164,37],{},[32,166,41],{"align":40},[32,168,44],{},[46,170,171,187,204],{},[29,172,173,178,182,184],{},[51,174,175],{},[54,176,177],{},"targetElementId",[51,179,180],{},[54,181,61],{},[51,183,64],{"align":40},[51,185,186],{},"ID контейнера, в котором отображается виджет",[29,188,189,194,199,201],{},[51,190,191],{},[54,192,193],{},"tryonItems",[51,195,196],{},[54,197,198],{},"TryonItem[]",[51,200,64],{"align":40},[51,202,203],{},"Массив товаров, доступных для примерки",[29,205,206,211,216,219],{},[51,207,208],{},[54,209,210],{},"model",[51,212,213],{},[54,214,215],{},"'balanced' | 'quality' | 'performance'",[51,217,218],{"align":40},"Нет",[51,220,221,222,141],{},"Режим отрисовки (по умолчанию: ",[54,223,224],{},"'balanced'",[226,227,229],"h3",{"id":228},"tryonitem","TryonItem",[23,231,232,243],{},[26,233,234],{},[29,235,236,239,241],{},[32,237,238],{},"Поле",[32,240,37],{},[32,242,44],{},[46,244,245,259],{},[29,246,247,252,256],{},[51,248,249],{},[54,250,251],{},"productName",[51,253,254],{},[54,255,61],{},[51,257,258],{},"Отображаемое название товара",[29,260,261,266,270],{},[51,262,263],{},[54,264,265],{},"url",[51,267,268],{},[54,269,61],{},[51,271,272],{},"Полный URL изображения товара",[69,274,276],{"className":71,"code":275,"language":73,"meta":74,"style":74},"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",[54,277,278,299,315,331,342,348,365,382,388,396],{"__ignoreMap":74},[78,279,280,282,284,286,288,290,293,295,297],{"class":80,"line":81},[78,281,85],{"class":84},[78,283,89],{"class":88},[78,285,93],{"class":92},[78,287,96],{"class":84},[78,289,99],{"class":88},[78,291,292],{"class":102},"create",[78,294,99],{"class":88},[78,296,108],{"class":88},[78,298,111],{"class":88},[78,300,301,304,306,308,311,313],{"class":80,"line":114},[78,302,303],{"class":117},"  targetElementId",[78,305,121],{"class":88},[78,307,124],{"class":88},[78,309,310],{"class":102},"widget-container",[78,312,99],{"class":88},[78,314,132],{"class":88},[78,316,317,320,322,324,327,329],{"class":80,"line":135},[78,318,319],{"class":117},"  model",[78,321,121],{"class":88},[78,323,124],{"class":88},[78,325,326],{"class":102},"balanced",[78,328,99],{"class":88},[78,330,132],{"class":88},[78,332,334,337,339],{"class":80,"line":333},4,[78,335,336],{"class":117},"  tryonItems",[78,338,121],{"class":88},[78,340,341],{"class":84}," [\n",[78,343,345],{"class":80,"line":344},5,[78,346,347],{"class":88},"    {\n",[78,349,351,354,356,358,361,363],{"class":80,"line":350},6,[78,352,353],{"class":117},"      productName",[78,355,121],{"class":88},[78,357,124],{"class":88},[78,359,360],{"class":102},"Джинсовая куртка",[78,362,99],{"class":88},[78,364,132],{"class":88},[78,366,368,371,373,375,378,380],{"class":80,"line":367},7,[78,369,370],{"class":117},"      url",[78,372,121],{"class":88},[78,374,124],{"class":88},[78,376,377],{"class":102},"https:\u002F\u002Fexample.com\u002Fjacket.png",[78,379,99],{"class":88},[78,381,132],{"class":88},[78,383,385],{"class":80,"line":384},8,[78,386,387],{"class":88},"    },\n",[78,389,391,394],{"class":80,"line":390},9,[78,392,393],{"class":84},"  ]",[78,395,132],{"class":88},[78,397,399,401,403],{"class":80,"line":398},10,[78,400,138],{"class":88},[78,402,141],{"class":84},[78,404,144],{"class":88},[406,407,408],"style",{},"html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":74,"searchDepth":114,"depth":114,"links":410},[411,412],{"id":16,"depth":114,"text":17},{"id":150,"depth":114,"text":151,"children":413},[414],{"id":228,"depth":135,"text":229},"Полный справочник по API Fitting Widget","md","i-lucide-code",{},true,"\u002Fapi",{"title":5,"description":415},"api\u002Findex","nBz9Z0BX1B-BPJzD-HVF5oHrejoQd0__hLi-_PGCmvk",[425,736,1072,1545,1636,2683,3592,4486,5166,6021,6438,6525,7408,8229,9078,9706],{"id":4,"title":5,"body":426,"description":415,"extension":416,"icon":417,"meta":734,"navigation":419,"path":420,"seo":735,"stem":422,"__hash__":423},{"type":7,"value":427,"toc":728},[428,430,432,434,464,510,512,514,516,576,578,616,726],[10,429,5],{"id":12},[14,431,17],{"id":16},[19,433,21],{},[23,435,436,448],{},[26,437,438],{},[29,439,440,442,444,446],{},[32,441,34],{},[32,443,37],{},[32,445,41],{"align":40},[32,447,44],{},[46,449,450],{},[29,451,452,456,460,462],{},[51,453,454],{},[54,455,56],{},[51,457,458],{},[54,459,61],{},[51,461,64],{"align":40},[51,463,67],{},[69,465,466],{"className":71,"code":72,"language":73,"meta":74,"style":74},[54,467,468,488,502],{"__ignoreMap":74},[78,469,470,472,474,476,478,480,482,484,486],{"class":80,"line":81},[78,471,85],{"class":84},[78,473,89],{"class":88},[78,475,93],{"class":92},[78,477,96],{"class":84},[78,479,99],{"class":88},[78,481,103],{"class":102},[78,483,99],{"class":88},[78,485,108],{"class":88},[78,487,111],{"class":88},[78,489,490,492,494,496,498,500],{"class":80,"line":114},[78,491,118],{"class":117},[78,493,121],{"class":88},[78,495,124],{"class":88},[78,497,127],{"class":102},[78,499,99],{"class":88},[78,501,132],{"class":88},[78,503,504,506,508],{"class":80,"line":135},[78,505,138],{"class":88},[78,507,141],{"class":84},[78,509,144],{"class":88},[146,511],{},[14,513,151],{"id":150},[19,515,154],{},[23,517,518,530],{},[26,519,520],{},[29,521,522,524,526,528],{},[32,523,34],{},[32,525,37],{},[32,527,41],{"align":40},[32,529,44],{},[46,531,532,546,560],{},[29,533,534,538,542,544],{},[51,535,536],{},[54,537,177],{},[51,539,540],{},[54,541,61],{},[51,543,64],{"align":40},[51,545,186],{},[29,547,548,552,556,558],{},[51,549,550],{},[54,551,193],{},[51,553,554],{},[54,555,198],{},[51,557,64],{"align":40},[51,559,203],{},[29,561,562,566,570,572],{},[51,563,564],{},[54,565,210],{},[51,567,568],{},[54,569,215],{},[51,571,218],{"align":40},[51,573,221,574,141],{},[54,575,224],{},[226,577,229],{"id":228},[23,579,580,590],{},[26,581,582],{},[29,583,584,586,588],{},[32,585,238],{},[32,587,37],{},[32,589,44],{},[46,591,592,604],{},[29,593,594,598,602],{},[51,595,596],{},[54,597,251],{},[51,599,600],{},[54,601,61],{},[51,603,258],{},[29,605,606,610,614],{},[51,607,608],{},[54,609,265],{},[51,611,612],{},[54,613,61],{},[51,615,272],{},[69,617,618],{"className":71,"code":275,"language":73,"meta":74,"style":74},[54,619,620,640,654,668,676,680,694,708,712,718],{"__ignoreMap":74},[78,621,622,624,626,628,630,632,634,636,638],{"class":80,"line":81},[78,623,85],{"class":84},[78,625,89],{"class":88},[78,627,93],{"class":92},[78,629,96],{"class":84},[78,631,99],{"class":88},[78,633,292],{"class":102},[78,635,99],{"class":88},[78,637,108],{"class":88},[78,639,111],{"class":88},[78,641,642,644,646,648,650,652],{"class":80,"line":114},[78,643,303],{"class":117},[78,645,121],{"class":88},[78,647,124],{"class":88},[78,649,310],{"class":102},[78,651,99],{"class":88},[78,653,132],{"class":88},[78,655,656,658,660,662,664,666],{"class":80,"line":135},[78,657,319],{"class":117},[78,659,121],{"class":88},[78,661,124],{"class":88},[78,663,326],{"class":102},[78,665,99],{"class":88},[78,667,132],{"class":88},[78,669,670,672,674],{"class":80,"line":333},[78,671,336],{"class":117},[78,673,121],{"class":88},[78,675,341],{"class":84},[78,677,678],{"class":80,"line":344},[78,679,347],{"class":88},[78,681,682,684,686,688,690,692],{"class":80,"line":350},[78,683,353],{"class":117},[78,685,121],{"class":88},[78,687,124],{"class":88},[78,689,360],{"class":102},[78,691,99],{"class":88},[78,693,132],{"class":88},[78,695,696,698,700,702,704,706],{"class":80,"line":367},[78,697,370],{"class":117},[78,699,121],{"class":88},[78,701,124],{"class":88},[78,703,377],{"class":102},[78,705,99],{"class":88},[78,707,132],{"class":88},[78,709,710],{"class":80,"line":384},[78,711,387],{"class":88},[78,713,714,716],{"class":80,"line":390},[78,715,393],{"class":84},[78,717,132],{"class":88},[78,719,720,722,724],{"class":80,"line":398},[78,721,138],{"class":88},[78,723,141],{"class":84},[78,725,144],{"class":88},[406,727,408],{},{"title":74,"searchDepth":114,"depth":114,"links":729},[730,731],{"id":16,"depth":114,"text":17},{"id":150,"depth":114,"text":151,"children":732},[733],{"id":228,"depth":135,"text":229},{},{"title":5,"description":415},{"id":737,"title":738,"body":739,"description":1066,"extension":416,"icon":417,"meta":1067,"navigation":419,"path":1068,"seo":1069,"stem":1070,"__hash__":1071},"content\u002Fen\u002Fapi\u002Findex.md","API Reference",{"type":7,"value":740,"toc":1060},[741,744,746,749,785,831,833,835,838,903,905,946,1058],[10,742,738],{"id":743},"api-reference",[14,745,17],{"id":16},[19,747,748],{},"Initializes the widget. Call this once, before any other methods.",[23,750,751,767],{},[26,752,753],{},[29,754,755,758,761,764],{},[32,756,757],{},"Parameter",[32,759,760],{},"Type",[32,762,763],{"align":40},"Required",[32,765,766],{},"Description",[46,768,769],{},[29,770,771,775,779,782],{},[51,772,773],{},[54,774,56],{},[51,776,777],{},[54,778,61],{},[51,780,781],{"align":40},"Yes",[51,783,784],{},"Your widget API key",[69,786,787],{"className":71,"code":72,"language":73,"meta":74,"style":74},[54,788,789,809,823],{"__ignoreMap":74},[78,790,791,793,795,797,799,801,803,805,807],{"class":80,"line":81},[78,792,85],{"class":84},[78,794,89],{"class":88},[78,796,93],{"class":92},[78,798,96],{"class":84},[78,800,99],{"class":88},[78,802,103],{"class":102},[78,804,99],{"class":88},[78,806,108],{"class":88},[78,808,111],{"class":88},[78,810,811,813,815,817,819,821],{"class":80,"line":114},[78,812,118],{"class":117},[78,814,121],{"class":88},[78,816,124],{"class":88},[78,818,127],{"class":102},[78,820,99],{"class":88},[78,822,132],{"class":88},[78,824,825,827,829],{"class":80,"line":135},[78,826,138],{"class":88},[78,828,141],{"class":84},[78,830,144],{"class":88},[146,832],{},[14,834,151],{"id":150},[19,836,837],{},"Opens the virtual try-on experience.",[23,839,840,852],{},[26,841,842],{},[29,843,844,846,848,850],{},[32,845,757],{},[32,847,760],{},[32,849,763],{"align":40},[32,851,766],{},[46,853,854,869,884],{},[29,855,856,860,864,866],{},[51,857,858],{},[54,859,177],{},[51,861,862],{},[54,863,61],{},[51,865,781],{"align":40},[51,867,868],{},"ID of the container element where the widget renders",[29,870,871,875,879,881],{},[51,872,873],{},[54,874,193],{},[51,876,877],{},[54,878,198],{},[51,880,781],{"align":40},[51,882,883],{},"Array of items available for try-on",[29,885,886,890,895,898],{},[51,887,888],{},[54,889,210],{},[51,891,892],{},[54,893,894],{},"'balanced' | 'quality' | 'speed'",[51,896,897],{"align":40},"No",[51,899,900,901,141],{},"Rendering model (default: ",[54,902,224],{},[226,904,229],{"id":228},[23,906,907,918],{},[26,908,909],{},[29,910,911,914,916],{},[32,912,913],{},"Field",[32,915,760],{},[32,917,766],{},[46,919,920,933],{},[29,921,922,926,930],{},[51,923,924],{},[54,925,251],{},[51,927,928],{},[54,929,61],{},[51,931,932],{},"Display name of the garment",[29,934,935,939,943],{},[51,936,937],{},[54,938,265],{},[51,940,941],{},[54,942,61],{},[51,944,945],{},"Full URL to the garment image",[69,947,949],{"className":71,"code":948,"language":73,"meta":74,"style":74},"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",[54,950,951,971,985,999,1007,1011,1026,1040,1044,1050],{"__ignoreMap":74},[78,952,953,955,957,959,961,963,965,967,969],{"class":80,"line":81},[78,954,85],{"class":84},[78,956,89],{"class":88},[78,958,93],{"class":92},[78,960,96],{"class":84},[78,962,99],{"class":88},[78,964,292],{"class":102},[78,966,99],{"class":88},[78,968,108],{"class":88},[78,970,111],{"class":88},[78,972,973,975,977,979,981,983],{"class":80,"line":114},[78,974,303],{"class":117},[78,976,121],{"class":88},[78,978,124],{"class":88},[78,980,310],{"class":102},[78,982,99],{"class":88},[78,984,132],{"class":88},[78,986,987,989,991,993,995,997],{"class":80,"line":135},[78,988,319],{"class":117},[78,990,121],{"class":88},[78,992,124],{"class":88},[78,994,326],{"class":102},[78,996,99],{"class":88},[78,998,132],{"class":88},[78,1000,1001,1003,1005],{"class":80,"line":333},[78,1002,336],{"class":117},[78,1004,121],{"class":88},[78,1006,341],{"class":84},[78,1008,1009],{"class":80,"line":344},[78,1010,347],{"class":88},[78,1012,1013,1015,1017,1019,1022,1024],{"class":80,"line":350},[78,1014,353],{"class":117},[78,1016,121],{"class":88},[78,1018,124],{"class":88},[78,1020,1021],{"class":102},"Denim Jacket",[78,1023,99],{"class":88},[78,1025,132],{"class":88},[78,1027,1028,1030,1032,1034,1036,1038],{"class":80,"line":367},[78,1029,370],{"class":117},[78,1031,121],{"class":88},[78,1033,124],{"class":88},[78,1035,377],{"class":102},[78,1037,99],{"class":88},[78,1039,132],{"class":88},[78,1041,1042],{"class":80,"line":384},[78,1043,387],{"class":88},[78,1045,1046,1048],{"class":80,"line":390},[78,1047,393],{"class":84},[78,1049,132],{"class":88},[78,1051,1052,1054,1056],{"class":80,"line":398},[78,1053,138],{"class":88},[78,1055,141],{"class":84},[78,1057,144],{"class":88},[406,1059,408],{},{"title":74,"searchDepth":114,"depth":114,"links":1061},[1062,1063],{"id":16,"depth":114,"text":17},{"id":150,"depth":114,"text":151,"children":1064},[1065],{"id":228,"depth":135,"text":229},"Complete reference for the Fitting Widget API",{},"\u002Fen\u002Fapi",{"title":738,"description":1066},"en\u002Fapi\u002Findex","5vrf4TtfB7Sr4MpfgLzStW-oF0xDBiShwkqA4UFzgA0",{"id":1073,"title":1074,"body":1075,"description":1538,"extension":416,"icon":1539,"meta":1540,"navigation":419,"path":1541,"seo":1542,"stem":1543,"__hash__":1544},"content\u002Fen\u002Fgetting-started\u002Fquick-start.md","Quick Start",{"type":7,"value":1076,"toc":1529},[1077,1080,1083,1087,1098,1102,1113,1171,1175,1337,1341,1348,1376,1380,1386,1499,1503,1506,1510,1526],[10,1078,1074],{"id":1079},"quick-start",[19,1081,1082],{},"Follow these steps to add virtual try-on to your e-commerce site.",[14,1084,1086],{"id":1085},"_1-get-your-api-key","1. Get Your API Key",[19,1088,1089,1090,1097],{},"Sign up at ",[1091,1092,1096],"a",{"href":1093,"rel":1094},"https:\u002F\u002Fwidget.try-on.ru",[1095],"nofollow","widget.try-on.ru"," to obtain your free API key.",[14,1099,1101],{"id":1100},"_2-load-the-widget-script","2. Load the Widget Script",[19,1103,1104,1105,1108,1109,1112],{},"Add the following ",[54,1106,1107],{},"\u003Cscript>"," tag to your page, ideally right before the closing ",[54,1110,1111],{},"\u003C\u002Fbody>"," tag:",[69,1114,1118],{"className":1115,"code":1116,"language":1117,"meta":74,"style":74},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript\n  src=\"https:\u002F\u002Fwidget.try-on.ru\u002Ffitting-widget-bundle.js\"\n  id=\"fitting-widget-bundle\"\n>\u003C\u002Fscript>\n","html",[54,1119,1120,1128,1146,1160],{"__ignoreMap":74},[78,1121,1122,1125],{"class":80,"line":81},[78,1123,1124],{"class":88},"\u003C",[78,1126,1127],{"class":117},"script\n",[78,1129,1130,1134,1137,1140,1143],{"class":80,"line":114},[78,1131,1133],{"class":1132},"spNyl","  src",[78,1135,1136],{"class":88},"=",[78,1138,1139],{"class":88},"\"",[78,1141,1142],{"class":102},"https:\u002F\u002Fwidget.try-on.ru\u002Ffitting-widget-bundle.js",[78,1144,1145],{"class":88},"\"\n",[78,1147,1148,1151,1153,1155,1158],{"class":80,"line":135},[78,1149,1150],{"class":1132},"  id",[78,1152,1136],{"class":88},[78,1154,1139],{"class":88},[78,1156,1157],{"class":102},"fitting-widget-bundle",[78,1159,1145],{"class":88},[78,1161,1162,1165,1168],{"class":80,"line":333},[78,1163,1164],{"class":88},">\u003C\u002F",[78,1166,1167],{"class":117},"script",[78,1169,1170],{"class":88},">\n",[14,1172,1174],{"id":1173},"_3-initialize-the-widget","3. Initialize the Widget",[69,1176,1178],{"className":1115,"code":1177,"language":1117,"meta":74,"style":74},"\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",[54,1179,1180,1200,1230,1279,1284,1304,1319,1328],{"__ignoreMap":74},[78,1181,1182,1184,1186,1189,1191,1193,1196,1198],{"class":80,"line":81},[78,1183,1124],{"class":88},[78,1185,1167],{"class":117},[78,1187,1188],{"class":1132}," id",[78,1190,1136],{"class":88},[78,1192,1139],{"class":88},[78,1194,1195],{"class":102},"fitting-init",[78,1197,1139],{"class":88},[78,1199,1170],{"class":88},[78,1201,1202,1205,1207,1210,1212,1215,1217,1219,1222,1225,1228],{"class":80,"line":114},[78,1203,1204],{"class":84},"  window",[78,1206,89],{"class":88},[78,1208,1209],{"class":84},"fitting ",[78,1211,1136],{"class":88},[78,1213,1214],{"class":84}," window",[78,1216,89],{"class":88},[78,1218,1209],{"class":84},[78,1220,1221],{"class":88},"||",[78,1223,1224],{"class":1132}," function",[78,1226,1227],{"class":88},"()",[78,1229,111],{"class":88},[78,1231,1232,1235,1237,1239,1241,1243,1246,1249,1251,1253,1255,1257,1259,1262,1265,1267,1270,1272,1275,1277],{"class":80,"line":135},[78,1233,1234],{"class":117},"    (",[78,1236,85],{"class":84},[78,1238,89],{"class":88},[78,1240,93],{"class":84},[78,1242,89],{"class":88},[78,1244,1245],{"class":84},"q",[78,1247,1248],{"class":88}," =",[78,1250,1214],{"class":84},[78,1252,89],{"class":88},[78,1254,93],{"class":84},[78,1256,89],{"class":88},[78,1258,1245],{"class":84},[78,1260,1261],{"class":88}," ||",[78,1263,1264],{"class":117}," [])",[78,1266,89],{"class":88},[78,1268,1269],{"class":92},"push",[78,1271,96],{"class":117},[78,1273,1274],{"class":84},"arguments",[78,1276,141],{"class":117},[78,1278,144],{"class":88},[78,1280,1281],{"class":80,"line":333},[78,1282,1283],{"class":88},"  };\n",[78,1285,1286,1288,1290,1292,1294,1296,1298,1300,1302],{"class":80,"line":344},[78,1287,1204],{"class":84},[78,1289,89],{"class":88},[78,1291,93],{"class":92},[78,1293,96],{"class":84},[78,1295,99],{"class":88},[78,1297,103],{"class":102},[78,1299,99],{"class":88},[78,1301,108],{"class":88},[78,1303,111],{"class":88},[78,1305,1306,1309,1311,1313,1316],{"class":80,"line":350},[78,1307,1308],{"class":117},"    apiKey",[78,1310,121],{"class":88},[78,1312,124],{"class":88},[78,1314,1315],{"class":102},"YOUR_API_KEY",[78,1317,1318],{"class":88},"'\n",[78,1320,1321,1324,1326],{"class":80,"line":367},[78,1322,1323],{"class":88},"  }",[78,1325,141],{"class":84},[78,1327,144],{"class":88},[78,1329,1330,1333,1335],{"class":80,"line":384},[78,1331,1332],{"class":88},"\u003C\u002F",[78,1334,1167],{"class":117},[78,1336,1170],{"class":88},[14,1338,1340],{"id":1339},"_4-add-a-container","4. Add a Container",[19,1342,1343,1344,1347],{},"Place a ",[54,1345,1346],{},"\u003Cdiv>"," wherever you want the widget to appear:",[69,1349,1351],{"className":1115,"code":1350,"language":1117,"meta":74,"style":74},"\u003Cdiv id=\"widget-container\">\u003C\u002Fdiv>\n",[54,1352,1353],{"__ignoreMap":74},[78,1354,1355,1357,1360,1362,1364,1366,1368,1370,1372,1374],{"class":80,"line":81},[78,1356,1124],{"class":88},[78,1358,1359],{"class":117},"div",[78,1361,1188],{"class":1132},[78,1363,1136],{"class":88},[78,1365,1139],{"class":88},[78,1367,310],{"class":102},[78,1369,1139],{"class":88},[78,1371,1164],{"class":88},[78,1373,1359],{"class":117},[78,1375,1170],{"class":88},[14,1377,1379],{"id":1378},"_5-launch-the-widget","5. Launch the Widget",[19,1381,1382,1383,1385],{},"Call the ",[54,1384,292],{}," method when the user clicks a button:",[69,1387,1389],{"className":71,"code":1388,"language":73,"meta":74,"style":74},"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",[54,1390,1391,1411,1425,1439,1447,1451,1466,1481,1485,1491],{"__ignoreMap":74},[78,1392,1393,1395,1397,1399,1401,1403,1405,1407,1409],{"class":80,"line":81},[78,1394,85],{"class":84},[78,1396,89],{"class":88},[78,1398,93],{"class":92},[78,1400,96],{"class":84},[78,1402,99],{"class":88},[78,1404,292],{"class":102},[78,1406,99],{"class":88},[78,1408,108],{"class":88},[78,1410,111],{"class":88},[78,1412,1413,1415,1417,1419,1421,1423],{"class":80,"line":114},[78,1414,303],{"class":117},[78,1416,121],{"class":88},[78,1418,124],{"class":88},[78,1420,310],{"class":102},[78,1422,99],{"class":88},[78,1424,132],{"class":88},[78,1426,1427,1429,1431,1433,1435,1437],{"class":80,"line":135},[78,1428,319],{"class":117},[78,1430,121],{"class":88},[78,1432,124],{"class":88},[78,1434,326],{"class":102},[78,1436,99],{"class":88},[78,1438,132],{"class":88},[78,1440,1441,1443,1445],{"class":80,"line":333},[78,1442,336],{"class":117},[78,1444,121],{"class":88},[78,1446,341],{"class":84},[78,1448,1449],{"class":80,"line":344},[78,1450,347],{"class":88},[78,1452,1453,1455,1457,1459,1462,1464],{"class":80,"line":350},[78,1454,353],{"class":117},[78,1456,121],{"class":88},[78,1458,124],{"class":88},[78,1460,1461],{"class":102},"Classic Denim Jacket",[78,1463,99],{"class":88},[78,1465,132],{"class":88},[78,1467,1468,1470,1472,1474,1477,1479],{"class":80,"line":367},[78,1469,370],{"class":117},[78,1471,121],{"class":88},[78,1473,124],{"class":88},[78,1475,1476],{"class":102},"https:\u002F\u002Fyour-store.com\u002Fimages\u002Fjacket.jpg",[78,1478,99],{"class":88},[78,1480,132],{"class":88},[78,1482,1483],{"class":80,"line":384},[78,1484,387],{"class":88},[78,1486,1487,1489],{"class":80,"line":390},[78,1488,393],{"class":84},[78,1490,132],{"class":88},[78,1492,1493,1495,1497],{"class":80,"line":398},[78,1494,138],{"class":88},[78,1496,141],{"class":84},[78,1498,144],{"class":88},[14,1500,1502],{"id":1501},"result","Result",[19,1504,1505],{},"Your customers can now upload a photo and see the garment on them instantly.",[14,1507,1509],{"id":1508},"next-steps","Next Steps",[1511,1512,1513,1521],"ul",{},[1514,1515,1516,1517,89],"li",{},"See framework-specific guides under ",[1091,1518,1520],{"href":1519},"\u002Fintegrations\u002Fvanilla-js","Integrations",[1514,1522,1523,1524,89],{},"Explore the full ",[1091,1525,738],{"href":420},[406,1527,1528],{},"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":74,"searchDepth":114,"depth":114,"links":1530},[1531,1532,1533,1534,1535,1536,1537],{"id":1085,"depth":114,"text":1086},{"id":1100,"depth":114,"text":1101},{"id":1173,"depth":114,"text":1174},{"id":1339,"depth":114,"text":1340},{"id":1378,"depth":114,"text":1379},{"id":1501,"depth":114,"text":1502},{"id":1508,"depth":114,"text":1509},"Get the Fitting Widget running in minutes","i-lucide-rocket",{},"\u002Fen\u002Fgetting-started\u002Fquick-start",{"title":1074,"description":1538},"en\u002Fgetting-started\u002Fquick-start","Cy6rzr6z6R2nhbEqOeB18fbbe2pOjXOk0inGXqhKfHg",{"id":1546,"title":1547,"body":1548,"description":1629,"extension":416,"icon":1630,"meta":1631,"navigation":419,"path":1632,"seo":1633,"stem":1634,"__hash__":1635},"content\u002Fen\u002Findex.md","Introduction",{"type":7,"value":1549,"toc":1624},[1550,1554,1562,1566,1592,1596,1615,1617],[10,1551,1553],{"id":1552},"fitting-widget-virtual-try-on","Fitting Widget — Virtual Try-On",[19,1555,1556,1557,1561],{},"The ",[1558,1559,1560],"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.",[14,1563,1565],{"id":1564},"key-features","Key Features",[1511,1567,1568,1574,1580,1586],{},[1514,1569,1570,1573],{},[1558,1571,1572],{},"Quick Integration"," — Add one script tag and a few lines of code.",[1514,1575,1576,1579],{},[1558,1577,1578],{},"Framework-Agnostic"," — Works with Vanilla JS, React, Vue, Next.js, Nuxt, and more.",[1514,1581,1582,1585],{},[1558,1583,1584],{},"Customizable"," — Style the widget to match your brand.",[1514,1587,1588,1591],{},[1558,1589,1590],{},"Lightweight"," — Optimized loading; won't slow down your store.",[14,1593,1595],{"id":1594},"how-it-works","How It Works",[1597,1598,1599,1602,1605,1612],"ol",{},[1514,1600,1601],{},"Load the widget script on your page.",[1514,1603,1604],{},"Initialize with your API key.",[1514,1606,1607,1608,1611],{},"Call ",[54,1609,1610],{},"window.fitting('create', { ... })"," with product image URLs.",[1514,1613,1614],{},"The widget renders inside a container element of your choice.",[14,1616,1074],{"id":1079},[19,1618,1619,1620,1623],{},"Head over to the ",[1091,1621,1074],{"href":1622},"\u002Fgetting-started\u002Fquick-start"," guide to get up and running in under 5 minutes.",{"title":74,"searchDepth":114,"depth":114,"links":1625},[1626,1627,1628],{"id":1564,"depth":114,"text":1565},{"id":1594,"depth":114,"text":1595},{"id":1079,"depth":114,"text":1074},"What is the Fitting Widget and why use it?","i-lucide-sparkles",{},"\u002Fen",{"title":1547,"description":1629},"en\u002Findex","zjI3aBTZ8Y2iRdmkieXP4q0o6PKbIjE5hUkB6Y1ledA",{"id":1637,"title":1638,"body":1639,"description":2676,"extension":416,"icon":2677,"meta":2678,"navigation":419,"path":2679,"seo":2680,"stem":2681,"__hash__":2682},"content\u002Fen\u002Fintegrations\u002Fnextjs.md","Next.js",{"type":7,"value":1640,"toc":2667},[1641,1645,1655,1659,1669,1680,1986,1990,2365,2369,2638,2642,2648,2664],[10,1642,1644],{"id":1643},"nextjs-integration","Next.js Integration",[19,1646,1647,1648,1651,1652,89],{},"The Fitting Widget works with both the ",[1558,1649,1650],{},"Pages Router"," and ",[1558,1653,1654],{},"App Router",[14,1656,1658],{"id":1657},"app-router-recommended","App Router (Recommended)",[19,1660,1661,1662,1665,1666,89],{},"Use the Next.js ",[54,1663,1664],{},"Script"," component with ",[54,1667,1668],{},"strategy=\"afterInteractive\"",[226,1670,1672,1673,1676,1677],{"id":1671},"step-1-load-scripts-in-layouttsx-or-pagetsx","Step 1 — Load Scripts in ",[54,1674,1675],{},"layout.tsx"," or ",[54,1678,1679],{},"page.tsx",[69,1681,1685],{"className":1682,"code":1683,"language":1684,"meta":74,"style":74},"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",[54,1686,1687,1708,1713,1757,1765,1770,1781,1785,1793,1806,1820,1834,1840,1845,1852,1865,1878,1884,1893,1899,1905,1911,1917,1943,1949,1957,1967,1973,1981],{"__ignoreMap":74},[78,1688,1689,1693,1696,1699,1701,1704,1706],{"class":80,"line":81},[78,1690,1692],{"class":1691},"s7zQu","import",[78,1694,1695],{"class":84}," Script ",[78,1697,1698],{"class":1691},"from",[78,1700,124],{"class":88},[78,1702,1703],{"class":102},"next\u002Fscript",[78,1705,99],{"class":88},[78,1707,144],{"class":88},[78,1709,1710],{"class":80,"line":114},[78,1711,1712],{"emptyLinePlaceholder":419},"\n",[78,1714,1715,1718,1721,1723,1726,1729,1733,1736,1739,1741,1743,1747,1749,1752,1755],{"class":80,"line":135},[78,1716,1717],{"class":1691},"export",[78,1719,1720],{"class":1691}," default",[78,1722,1224],{"class":1132},[78,1724,1725],{"class":92}," ProductLayout",[78,1727,1728],{"class":88},"({",[78,1730,1732],{"class":1731},"sHdIc"," children",[78,1734,1735],{"class":88}," }:",[78,1737,1738],{"class":88}," {",[78,1740,1732],{"class":117},[78,1742,121],{"class":88},[78,1744,1746],{"class":1745},"sBMFI"," React",[78,1748,89],{"class":88},[78,1750,1751],{"class":1745},"ReactNode",[78,1753,1754],{"class":88}," })",[78,1756,111],{"class":88},[78,1758,1759,1762],{"class":80,"line":333},[78,1760,1761],{"class":1691},"  return",[78,1763,1764],{"class":117}," (\n",[78,1766,1767],{"class":80,"line":344},[78,1768,1769],{"class":88},"    \u003C>\n",[78,1771,1772,1775,1778],{"class":80,"line":350},[78,1773,1774],{"class":88},"      {",[78,1776,1777],{"class":84},"children",[78,1779,1780],{"class":88},"}\n",[78,1782,1783],{"class":80,"line":367},[78,1784,1712],{"emptyLinePlaceholder":419},[78,1786,1787,1790],{"class":80,"line":384},[78,1788,1789],{"class":88},"      \u003C",[78,1791,1792],{"class":1745},"Script\n",[78,1794,1795,1798,1800,1802,1804],{"class":80,"line":390},[78,1796,1797],{"class":1132},"        src",[78,1799,1136],{"class":88},[78,1801,1139],{"class":88},[78,1803,1142],{"class":102},[78,1805,1145],{"class":88},[78,1807,1808,1811,1813,1815,1818],{"class":80,"line":398},[78,1809,1810],{"class":1132},"        strategy",[78,1812,1136],{"class":88},[78,1814,1139],{"class":88},[78,1816,1817],{"class":102},"afterInteractive",[78,1819,1145],{"class":88},[78,1821,1823,1826,1828,1830,1832],{"class":80,"line":1822},11,[78,1824,1825],{"class":1132},"        id",[78,1827,1136],{"class":88},[78,1829,1139],{"class":88},[78,1831,1157],{"class":102},[78,1833,1145],{"class":88},[78,1835,1837],{"class":80,"line":1836},12,[78,1838,1839],{"class":88},"      \u002F>\n",[78,1841,1843],{"class":80,"line":1842},13,[78,1844,1712],{"emptyLinePlaceholder":419},[78,1846,1848,1850],{"class":80,"line":1847},14,[78,1849,1789],{"class":88},[78,1851,1792],{"class":1745},[78,1853,1855,1857,1859,1861,1863],{"class":80,"line":1854},15,[78,1856,1810],{"class":1132},[78,1858,1136],{"class":88},[78,1860,1139],{"class":88},[78,1862,1817],{"class":102},[78,1864,1145],{"class":88},[78,1866,1868,1870,1872,1874,1876],{"class":80,"line":1867},16,[78,1869,1825],{"class":1132},[78,1871,1136],{"class":88},[78,1873,1139],{"class":88},[78,1875,1195],{"class":102},[78,1877,1145],{"class":88},[78,1879,1881],{"class":80,"line":1880},17,[78,1882,1883],{"class":88},"      >\n",[78,1885,1887,1890],{"class":80,"line":1886},18,[78,1888,1889],{"class":88},"        {",[78,1891,1892],{"class":88},"`\n",[78,1894,1896],{"class":80,"line":1895},19,[78,1897,1898],{"class":102},"          window.fitting = window.fitting || function() {\n",[78,1900,1902],{"class":80,"line":1901},20,[78,1903,1904],{"class":102},"            (window.fitting.q = window.fitting.q || []).push(arguments);\n",[78,1906,1908],{"class":80,"line":1907},21,[78,1909,1910],{"class":102},"          };\n",[78,1912,1914],{"class":80,"line":1913},22,[78,1915,1916],{"class":102},"          window.fitting('init', {\n",[78,1918,1920,1923,1926,1929,1931,1934,1936,1939,1941],{"class":80,"line":1919},23,[78,1921,1922],{"class":102},"            apiKey: '",[78,1924,1925],{"class":88},"${",[78,1927,1928],{"class":84},"process",[78,1930,89],{"class":88},[78,1932,1933],{"class":84},"env",[78,1935,89],{"class":88},[78,1937,1938],{"class":84},"NEXT_PUBLIC_TRY_ON_API_KEY",[78,1940,138],{"class":88},[78,1942,1318],{"class":102},[78,1944,1946],{"class":80,"line":1945},24,[78,1947,1948],{"class":102},"          });\n",[78,1950,1952,1955],{"class":80,"line":1951},25,[78,1953,1954],{"class":88},"        `",[78,1956,1780],{"class":88},[78,1958,1960,1963,1965],{"class":80,"line":1959},26,[78,1961,1962],{"class":88},"      \u003C\u002F",[78,1964,1664],{"class":1745},[78,1966,1170],{"class":88},[78,1968,1970],{"class":80,"line":1969},27,[78,1971,1972],{"class":88},"    \u003C\u002F>\n",[78,1974,1976,1979],{"class":80,"line":1975},28,[78,1977,1978],{"class":117},"  )",[78,1980,144],{"class":88},[78,1982,1984],{"class":80,"line":1983},29,[78,1985,1780],{"class":88},[226,1987,1989],{"id":1988},"step-2-create-the-widget-button","Step 2 — Create the Widget Button",[69,1991,1993],{"className":1682,"code":1992,"language":1684,"meta":74,"style":74},"'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",[54,1994,1995,2006,2010,2020,2032,2043,2047,2051,2062,2072,2110,2115,2119,2123,2155,2172,2193,2208,2223,2234,2243,2247,2251,2257,2261,2323,2351,2355,2361],{"__ignoreMap":74},[78,1996,1997,1999,2002,2004],{"class":80,"line":81},[78,1998,99],{"class":88},[78,2000,2001],{"class":102},"use client",[78,2003,99],{"class":88},[78,2005,144],{"class":88},[78,2007,2008],{"class":80,"line":114},[78,2009,1712],{"emptyLinePlaceholder":419},[78,2011,2012,2015,2018],{"class":80,"line":135},[78,2013,2014],{"class":1132},"interface",[78,2016,2017],{"class":1745}," TryonItem",[78,2019,111],{"class":88},[78,2021,2022,2025,2027,2030],{"class":80,"line":333},[78,2023,2024],{"class":117},"  productName",[78,2026,121],{"class":88},[78,2028,2029],{"class":1745}," string",[78,2031,144],{"class":88},[78,2033,2034,2037,2039,2041],{"class":80,"line":344},[78,2035,2036],{"class":117},"  url",[78,2038,121],{"class":88},[78,2040,2029],{"class":1745},[78,2042,144],{"class":88},[78,2044,2045],{"class":80,"line":350},[78,2046,1780],{"class":88},[78,2048,2049],{"class":80,"line":367},[78,2050,1712],{"emptyLinePlaceholder":419},[78,2052,2053,2056,2059],{"class":80,"line":384},[78,2054,2055],{"class":1132},"declare",[78,2057,2058],{"class":84}," global ",[78,2060,2061],{"class":88},"{\n",[78,2063,2064,2067,2070],{"class":80,"line":390},[78,2065,2066],{"class":1132},"  interface",[78,2068,2069],{"class":1745}," Window",[78,2071,111],{"class":88},[78,2073,2074,2077,2079,2082,2085,2087,2089,2091,2094,2097,2100,2102,2105,2108],{"class":80,"line":398},[78,2075,2076],{"class":117},"    fitting",[78,2078,121],{"class":88},[78,2080,2081],{"class":88}," (",[78,2083,2084],{"class":1731},"command",[78,2086,121],{"class":88},[78,2088,2029],{"class":1745},[78,2090,108],{"class":88},[78,2092,2093],{"class":1731}," options",[78,2095,2096],{"class":88},"?:",[78,2098,2099],{"class":1745}," unknown",[78,2101,141],{"class":88},[78,2103,2104],{"class":1132}," =>",[78,2106,2107],{"class":1745}," void",[78,2109,144],{"class":88},[78,2111,2112],{"class":80,"line":1822},[78,2113,2114],{"class":88},"  }\n",[78,2116,2117],{"class":80,"line":1836},[78,2118,1780],{"class":88},[78,2120,2121],{"class":80,"line":1842},[78,2122,1712],{"emptyLinePlaceholder":419},[78,2124,2125,2127,2129,2132,2134,2137,2139,2141,2143,2145,2147,2150,2153],{"class":80,"line":1847},[78,2126,1717],{"class":1691},[78,2128,1224],{"class":1132},[78,2130,2131],{"class":92}," TryOnButton",[78,2133,1728],{"class":88},[78,2135,2136],{"class":1731}," items",[78,2138,1735],{"class":88},[78,2140,1738],{"class":88},[78,2142,2136],{"class":117},[78,2144,121],{"class":88},[78,2146,2017],{"class":1745},[78,2148,2149],{"class":84},"[] ",[78,2151,2152],{"class":88},"})",[78,2154,111],{"class":88},[78,2156,2157,2160,2163,2165,2168,2170],{"class":80,"line":1854},[78,2158,2159],{"class":1132},"  const",[78,2161,2162],{"class":84}," handleClick",[78,2164,1248],{"class":88},[78,2166,2167],{"class":88}," ()",[78,2169,2104],{"class":1132},[78,2171,111],{"class":88},[78,2173,2174,2177,2179,2181,2183,2185,2187,2189,2191],{"class":80,"line":1867},[78,2175,2176],{"class":84},"    window",[78,2178,89],{"class":88},[78,2180,93],{"class":92},[78,2182,96],{"class":117},[78,2184,99],{"class":88},[78,2186,292],{"class":102},[78,2188,99],{"class":88},[78,2190,108],{"class":88},[78,2192,111],{"class":88},[78,2194,2195,2198,2200,2202,2204,2206],{"class":80,"line":1880},[78,2196,2197],{"class":117},"      targetElementId",[78,2199,121],{"class":88},[78,2201,124],{"class":88},[78,2203,310],{"class":102},[78,2205,99],{"class":88},[78,2207,132],{"class":88},[78,2209,2210,2213,2215,2217,2219,2221],{"class":80,"line":1886},[78,2211,2212],{"class":117},"      model",[78,2214,121],{"class":88},[78,2216,124],{"class":88},[78,2218,326],{"class":102},[78,2220,99],{"class":88},[78,2222,132],{"class":88},[78,2224,2225,2228,2230,2232],{"class":80,"line":1895},[78,2226,2227],{"class":117},"      tryonItems",[78,2229,121],{"class":88},[78,2231,2136],{"class":84},[78,2233,132],{"class":88},[78,2235,2236,2239,2241],{"class":80,"line":1901},[78,2237,2238],{"class":88},"    }",[78,2240,141],{"class":117},[78,2242,144],{"class":88},[78,2244,2245],{"class":80,"line":1907},[78,2246,1283],{"class":88},[78,2248,2249],{"class":80,"line":1913},[78,2250,1712],{"emptyLinePlaceholder":419},[78,2252,2253,2255],{"class":80,"line":1919},[78,2254,1761],{"class":1691},[78,2256,1764],{"class":117},[78,2258,2259],{"class":80,"line":1945},[78,2260,1769],{"class":88},[78,2262,2263,2265,2267,2269,2271,2273,2275,2277,2280,2283,2286,2288,2290,2293,2295,2297,2300,2302,2306,2308,2311,2313,2315,2318,2320],{"class":80,"line":1951},[78,2264,1789],{"class":88},[78,2266,1359],{"class":117},[78,2268,1188],{"class":1132},[78,2270,1136],{"class":88},[78,2272,1139],{"class":88},[78,2274,310],{"class":102},[78,2276,1139],{"class":88},[78,2278,2279],{"class":1132}," style",[78,2281,2282],{"class":88},"={{",[78,2284,2285],{"class":117}," width",[78,2287,121],{"class":88},[78,2289,124],{"class":88},[78,2291,2292],{"class":102},"100%",[78,2294,99],{"class":88},[78,2296,108],{"class":88},[78,2298,2299],{"class":117}," maxWidth",[78,2301,121],{"class":88},[78,2303,2305],{"class":2304},"sbssI"," 600",[78,2307,108],{"class":88},[78,2309,2310],{"class":117}," aspectRatio",[78,2312,121],{"class":88},[78,2314,124],{"class":88},[78,2316,2317],{"class":102},"3\u002F4",[78,2319,99],{"class":88},[78,2321,2322],{"class":88}," }} \u002F>\n",[78,2324,2325,2327,2330,2333,2336,2339,2342,2345,2347,2349],{"class":80,"line":1959},[78,2326,1789],{"class":88},[78,2328,2329],{"class":117},"button",[78,2331,2332],{"class":1132}," onClick",[78,2334,2335],{"class":88},"={",[78,2337,2338],{"class":84},"handleClick",[78,2340,2341],{"class":88},"}>",[78,2343,2344],{"class":84},"Try On",[78,2346,1332],{"class":88},[78,2348,2329],{"class":117},[78,2350,1170],{"class":88},[78,2352,2353],{"class":80,"line":1969},[78,2354,1972],{"class":88},[78,2356,2357,2359],{"class":80,"line":1975},[78,2358,1978],{"class":117},[78,2360,144],{"class":88},[78,2362,2363],{"class":80,"line":1983},[78,2364,1780],{"class":88},[226,2366,2368],{"id":2367},"step-3-use-in-a-product-page","Step 3 — Use in a Product Page",[69,2370,2372],{"className":1682,"code":2371,"language":1684,"meta":74,"style":74},"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",[54,2373,2374,2397,2401,2443,2472,2476,2482,2491,2515,2551,2558,2568,2573,2588,2603,2608,2615,2619,2628,2634],{"__ignoreMap":74},[78,2375,2376,2378,2380,2382,2385,2388,2390,2393,2395],{"class":80,"line":81},[78,2377,1692],{"class":1691},[78,2379,1738],{"class":88},[78,2381,2131],{"class":84},[78,2383,2384],{"class":88}," }",[78,2386,2387],{"class":1691}," from",[78,2389,124],{"class":88},[78,2391,2392],{"class":102},"@\u002Fcomponents\u002FTryOnButton",[78,2394,99],{"class":88},[78,2396,144],{"class":88},[78,2398,2399],{"class":80,"line":114},[78,2400,1712],{"emptyLinePlaceholder":419},[78,2402,2403,2405,2407,2410,2412,2415,2417,2420,2422,2424,2426,2428,2430,2433,2435,2437,2439,2441],{"class":80,"line":135},[78,2404,1717],{"class":1691},[78,2406,1720],{"class":1691},[78,2408,2409],{"class":1132}," async",[78,2411,1224],{"class":1132},[78,2413,2414],{"class":92}," ProductPage",[78,2416,1728],{"class":88},[78,2418,2419],{"class":1731}," params",[78,2421,1735],{"class":88},[78,2423,1738],{"class":88},[78,2425,2419],{"class":117},[78,2427,121],{"class":88},[78,2429,1738],{"class":88},[78,2431,2432],{"class":117}," slug",[78,2434,121],{"class":88},[78,2436,2029],{"class":1745},[78,2438,2384],{"class":88},[78,2440,1754],{"class":88},[78,2442,111],{"class":88},[78,2444,2445,2447,2450,2452,2455,2458,2460,2463,2465,2468,2470],{"class":80,"line":333},[78,2446,2159],{"class":1132},[78,2448,2449],{"class":84}," product",[78,2451,1248],{"class":88},[78,2453,2454],{"class":1691}," await",[78,2456,2457],{"class":92}," getProduct",[78,2459,96],{"class":117},[78,2461,2462],{"class":84},"params",[78,2464,89],{"class":88},[78,2466,2467],{"class":84},"slug",[78,2469,141],{"class":117},[78,2471,144],{"class":88},[78,2473,2474],{"class":80,"line":344},[78,2475,1712],{"emptyLinePlaceholder":419},[78,2477,2478,2480],{"class":80,"line":350},[78,2479,1761],{"class":1691},[78,2481,1764],{"class":117},[78,2483,2484,2487,2489],{"class":80,"line":367},[78,2485,2486],{"class":88},"    \u003C",[78,2488,1359],{"class":117},[78,2490,1170],{"class":88},[78,2492,2493,2495,2497,2500,2503,2505,2508,2511,2513],{"class":80,"line":384},[78,2494,1789],{"class":88},[78,2496,10],{"class":117},[78,2498,2499],{"class":88},">{",[78,2501,2502],{"class":84},"product",[78,2504,89],{"class":88},[78,2506,2507],{"class":84},"name",[78,2509,2510],{"class":88},"}\u003C\u002F",[78,2512,10],{"class":117},[78,2514,1170],{"class":88},[78,2516,2517,2519,2522,2525,2527,2529,2531,2534,2537,2540,2542,2544,2546,2548],{"class":80,"line":390},[78,2518,1789],{"class":88},[78,2520,2521],{"class":117},"img",[78,2523,2524],{"class":1132}," src",[78,2526,2335],{"class":88},[78,2528,2502],{"class":84},[78,2530,89],{"class":88},[78,2532,2533],{"class":84},"image",[78,2535,2536],{"class":88},"} ",[78,2538,2539],{"class":1132},"alt",[78,2541,2335],{"class":88},[78,2543,2502],{"class":84},[78,2545,89],{"class":88},[78,2547,2507],{"class":84},[78,2549,2550],{"class":88},"} \u002F>\n",[78,2552,2553,2555],{"class":80,"line":398},[78,2554,1789],{"class":88},[78,2556,2557],{"class":1745},"TryOnButton\n",[78,2559,2560,2563,2565],{"class":80,"line":1822},[78,2561,2562],{"class":1132},"        items",[78,2564,2335],{"class":88},[78,2566,2567],{"class":84},"[\n",[78,2569,2570],{"class":80,"line":1836},[78,2571,2572],{"class":88},"          {\n",[78,2574,2575,2578,2580,2582,2584,2586],{"class":80,"line":1842},[78,2576,2577],{"class":117},"            productName",[78,2579,121],{"class":88},[78,2581,2449],{"class":84},[78,2583,89],{"class":88},[78,2585,2507],{"class":84},[78,2587,132],{"class":88},[78,2589,2590,2593,2595,2597,2599,2601],{"class":80,"line":1847},[78,2591,2592],{"class":117},"            url",[78,2594,121],{"class":88},[78,2596,2449],{"class":84},[78,2598,89],{"class":88},[78,2600,2533],{"class":84},[78,2602,132],{"class":88},[78,2604,2605],{"class":80,"line":1854},[78,2606,2607],{"class":88},"          },\n",[78,2609,2610,2613],{"class":80,"line":1867},[78,2611,2612],{"class":84},"        ]",[78,2614,1780],{"class":88},[78,2616,2617],{"class":80,"line":1880},[78,2618,1839],{"class":88},[78,2620,2621,2624,2626],{"class":80,"line":1886},[78,2622,2623],{"class":88},"    \u003C\u002F",[78,2625,1359],{"class":117},[78,2627,1170],{"class":88},[78,2629,2630,2632],{"class":80,"line":1895},[78,2631,1978],{"class":117},[78,2633,144],{"class":88},[78,2635,2636],{"class":80,"line":1901},[78,2637,1780],{"class":88},[14,2639,2641],{"id":2640},"environment-variable","Environment Variable",[19,2643,2644,2645,121],{},"Add your API key to ",[54,2646,2647],{},".env.local",[69,2649,2653],{"className":2650,"code":2651,"language":2652,"meta":74,"style":74},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","NEXT_PUBLIC_TRY_ON_API_KEY=pk_live_xxx\n","bash",[54,2654,2655],{"__ignoreMap":74},[78,2656,2657,2659,2661],{"class":80,"line":81},[78,2658,1938],{"class":84},[78,2660,1136],{"class":88},[78,2662,2663],{"class":102},"pk_live_xxx\n",[406,2665,2666],{},"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":74,"searchDepth":114,"depth":114,"links":2668},[2669,2675],{"id":1657,"depth":114,"text":1658,"children":2670},[2671,2673,2674],{"id":1671,"depth":135,"text":2672},"Step 1 — Load Scripts in layout.tsx or page.tsx",{"id":1988,"depth":135,"text":1989},{"id":2367,"depth":135,"text":2368},{"id":2640,"depth":114,"text":2641},"Integrate with Next.js (Pages Router & App Router)","i-lucide-triangle",{},"\u002Fen\u002Fintegrations\u002Fnextjs",{"title":1638,"description":2676},"en\u002Fintegrations\u002Fnextjs","JdA3Sttp8qaffNRKpcg9b3i_J2nMxDOCfnya8RjA3yU",{"id":2684,"title":2685,"body":2686,"description":3585,"extension":416,"icon":3586,"meta":3587,"navigation":419,"path":3588,"seo":3589,"stem":3590,"__hash__":3591},"content\u002Fen\u002Fintegrations\u002Fnuxt.md","Nuxt",{"type":7,"value":2687,"toc":3575},[2688,2692,2695,2699,2709,2715,3035,3041,3237,3241,3551,3553,3559,3572],[10,2689,2691],{"id":2690},"nuxt-integration","Nuxt Integration",[19,2693,2694],{},"The Fitting Widget integrates seamlessly with Nuxt 3 and Nuxt 4.",[14,2696,2698],{"id":2697},"_1-load-the-script","1. Load the Script",[19,2700,2701,2702,2705,2706,89],{},"Use the ",[54,2703,2704],{},"useHead"," composable, or add scripts to your ",[54,2707,2708],{},"nuxt.config.ts",[226,2710,2712,2713],{"id":2711},"option-a-per-page-with-usehead","Option A — Per Page with ",[54,2714,2704],{},[69,2716,2720],{"className":2717,"code":2718,"language":2719,"meta":74,"style":74},"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",[54,2721,2722,2728,2737,2746,2764,2798,2807,2815,2819,2842,2862,2866,2874,2883,2887,2902,2917,2921,2925,2939,2949,2954,2959,2964,2969,2996,3001,3008,3012,3018,3026],{"__ignoreMap":74},[78,2723,2724],{"class":80,"line":81},[78,2725,2727],{"class":2726},"sHwdD","\u003C!-- pages\u002Fproduct\u002F[slug].vue -->\n",[78,2729,2730,2732,2735],{"class":80,"line":114},[78,2731,1124],{"class":88},[78,2733,2734],{"class":117},"template",[78,2736,1170],{"class":88},[78,2738,2739,2742,2744],{"class":80,"line":135},[78,2740,2741],{"class":88},"  \u003C",[78,2743,1359],{"class":117},[78,2745,1170],{"class":88},[78,2747,2748,2750,2752,2755,2758,2760,2762],{"class":80,"line":333},[78,2749,2486],{"class":88},[78,2751,10],{"class":117},[78,2753,2754],{"class":88},">",[78,2756,2757],{"class":84},"{{ product.name }}",[78,2759,1332],{"class":88},[78,2761,10],{"class":117},[78,2763,1170],{"class":88},[78,2765,2766,2768,2771,2774,2776,2778,2781,2783,2786,2788,2790,2793,2795],{"class":80,"line":344},[78,2767,2486],{"class":88},[78,2769,2770],{"class":117},"TryOnWidget",[78,2772,2773],{"class":1132}," :product-name",[78,2775,1136],{"class":88},[78,2777,1139],{"class":88},[78,2779,2780],{"class":102},"product.name",[78,2782,1139],{"class":88},[78,2784,2785],{"class":1132}," :image-url",[78,2787,1136],{"class":88},[78,2789,1139],{"class":88},[78,2791,2792],{"class":102},"product.image",[78,2794,1139],{"class":88},[78,2796,2797],{"class":88}," \u002F>\n",[78,2799,2800,2803,2805],{"class":80,"line":350},[78,2801,2802],{"class":88},"  \u003C\u002F",[78,2804,1359],{"class":117},[78,2806,1170],{"class":88},[78,2808,2809,2811,2813],{"class":80,"line":367},[78,2810,1332],{"class":88},[78,2812,2734],{"class":117},[78,2814,1170],{"class":88},[78,2816,2817],{"class":80,"line":384},[78,2818,1712],{"emptyLinePlaceholder":419},[78,2820,2821,2823,2825,2828,2831,2833,2835,2838,2840],{"class":80,"line":390},[78,2822,1124],{"class":88},[78,2824,1167],{"class":117},[78,2826,2827],{"class":1132}," setup",[78,2829,2830],{"class":1132}," lang",[78,2832,1136],{"class":88},[78,2834,1139],{"class":88},[78,2836,2837],{"class":102},"ts",[78,2839,1139],{"class":88},[78,2841,1170],{"class":88},[78,2843,2844,2846,2848,2851,2853,2855,2857,2860],{"class":80,"line":398},[78,2845,1692],{"class":1691},[78,2847,1738],{"class":88},[78,2849,2850],{"class":84}," useHead",[78,2852,2384],{"class":88},[78,2854,2387],{"class":1691},[78,2856,124],{"class":88},[78,2858,2859],{"class":102},"#app",[78,2861,1318],{"class":88},[78,2863,2864],{"class":80,"line":1822},[78,2865,1712],{"emptyLinePlaceholder":419},[78,2867,2868,2870,2872],{"class":80,"line":1836},[78,2869,2704],{"class":92},[78,2871,96],{"class":84},[78,2873,2061],{"class":88},[78,2875,2876,2879,2881],{"class":80,"line":1842},[78,2877,2878],{"class":117},"  script",[78,2880,121],{"class":88},[78,2882,341],{"class":84},[78,2884,2885],{"class":80,"line":1847},[78,2886,347],{"class":88},[78,2888,2889,2892,2894,2896,2898,2900],{"class":80,"line":1854},[78,2890,2891],{"class":117},"      src",[78,2893,121],{"class":88},[78,2895,124],{"class":88},[78,2897,1142],{"class":102},[78,2899,99],{"class":88},[78,2901,132],{"class":88},[78,2903,2904,2907,2909,2911,2913,2915],{"class":80,"line":1867},[78,2905,2906],{"class":117},"      id",[78,2908,121],{"class":88},[78,2910,124],{"class":88},[78,2912,1157],{"class":102},[78,2914,99],{"class":88},[78,2916,132],{"class":88},[78,2918,2919],{"class":80,"line":1880},[78,2920,387],{"class":88},[78,2922,2923],{"class":80,"line":1886},[78,2924,347],{"class":88},[78,2926,2927,2929,2931,2933,2935,2937],{"class":80,"line":1895},[78,2928,2906],{"class":117},[78,2930,121],{"class":88},[78,2932,124],{"class":88},[78,2934,1195],{"class":102},[78,2936,99],{"class":88},[78,2938,132],{"class":88},[78,2940,2941,2944,2946],{"class":80,"line":1901},[78,2942,2943],{"class":117},"      innerHTML",[78,2945,121],{"class":88},[78,2947,2948],{"class":88}," `\n",[78,2950,2951],{"class":80,"line":1907},[78,2952,2953],{"class":102},"        window.fitting = window.fitting || function() {\n",[78,2955,2956],{"class":80,"line":1913},[78,2957,2958],{"class":102},"          (window.fitting.q = window.fitting.q || []).push(arguments);\n",[78,2960,2961],{"class":80,"line":1919},[78,2962,2963],{"class":102},"        };\n",[78,2965,2966],{"class":80,"line":1945},[78,2967,2968],{"class":102},"        window.fitting('init', {\n",[78,2970,2971,2974,2976,2978,2980,2983,2985,2987,2989,2992,2994],{"class":80,"line":1951},[78,2972,2973],{"class":102},"          apiKey: '",[78,2975,1925],{"class":88},[78,2977,1692],{"class":1691},[78,2979,89],{"class":88},[78,2981,2982],{"class":84},"meta",[78,2984,89],{"class":88},[78,2986,1933],{"class":84},[78,2988,89],{"class":88},[78,2990,2991],{"class":84},"VITE_TRY_ON_API_KEY",[78,2993,138],{"class":88},[78,2995,1318],{"class":102},[78,2997,2998],{"class":80,"line":1959},[78,2999,3000],{"class":102},"        });\n",[78,3002,3003,3006],{"class":80,"line":1969},[78,3004,3005],{"class":88},"      `",[78,3007,132],{"class":88},[78,3009,3010],{"class":80,"line":1975},[78,3011,387],{"class":88},[78,3013,3014,3016],{"class":80,"line":1983},[78,3015,393],{"class":84},[78,3017,132],{"class":88},[78,3019,3021,3023],{"class":80,"line":3020},30,[78,3022,138],{"class":88},[78,3024,3025],{"class":84},")\n",[78,3027,3029,3031,3033],{"class":80,"line":3028},31,[78,3030,1332],{"class":88},[78,3032,1167],{"class":117},[78,3034,1170],{"class":88},[226,3036,3038,3039],{"id":3037},"option-b-global-in-nuxtconfigts","Option B — Global in ",[54,3040,2708],{},[69,3042,3045],{"className":3043,"code":3044,"language":2837,"meta":74,"style":74},"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",[54,3046,3047,3060,3069,3078,3087,3092,3107,3122,3127,3131,3145,3154,3159,3164,3169,3174,3199,3204,3211,3215,3222,3226,3231],{"__ignoreMap":74},[78,3048,3049,3051,3053,3056,3058],{"class":80,"line":81},[78,3050,1717],{"class":1691},[78,3052,1720],{"class":1691},[78,3054,3055],{"class":92}," defineNuxtConfig",[78,3057,96],{"class":84},[78,3059,2061],{"class":88},[78,3061,3062,3065,3067],{"class":80,"line":114},[78,3063,3064],{"class":117},"  app",[78,3066,121],{"class":88},[78,3068,111],{"class":88},[78,3070,3071,3074,3076],{"class":80,"line":135},[78,3072,3073],{"class":117},"    head",[78,3075,121],{"class":88},[78,3077,111],{"class":88},[78,3079,3080,3083,3085],{"class":80,"line":333},[78,3081,3082],{"class":117},"      script",[78,3084,121],{"class":88},[78,3086,341],{"class":84},[78,3088,3089],{"class":80,"line":344},[78,3090,3091],{"class":88},"        {\n",[78,3093,3094,3097,3099,3101,3103,3105],{"class":80,"line":350},[78,3095,3096],{"class":117},"          src",[78,3098,121],{"class":88},[78,3100,124],{"class":88},[78,3102,1142],{"class":102},[78,3104,99],{"class":88},[78,3106,132],{"class":88},[78,3108,3109,3112,3114,3116,3118,3120],{"class":80,"line":367},[78,3110,3111],{"class":117},"          id",[78,3113,121],{"class":88},[78,3115,124],{"class":88},[78,3117,1157],{"class":102},[78,3119,99],{"class":88},[78,3121,132],{"class":88},[78,3123,3124],{"class":80,"line":384},[78,3125,3126],{"class":88},"        },\n",[78,3128,3129],{"class":80,"line":390},[78,3130,3091],{"class":88},[78,3132,3133,3135,3137,3139,3141,3143],{"class":80,"line":398},[78,3134,3111],{"class":117},[78,3136,121],{"class":88},[78,3138,124],{"class":88},[78,3140,1195],{"class":102},[78,3142,99],{"class":88},[78,3144,132],{"class":88},[78,3146,3147,3150,3152],{"class":80,"line":1822},[78,3148,3149],{"class":117},"          innerHTML",[78,3151,121],{"class":88},[78,3153,2948],{"class":88},[78,3155,3156],{"class":80,"line":1836},[78,3157,3158],{"class":102},"            window.fitting = window.fitting || function() {\n",[78,3160,3161],{"class":80,"line":1842},[78,3162,3163],{"class":102},"              (window.fitting.q = window.fitting.q || []).push(arguments);\n",[78,3165,3166],{"class":80,"line":1847},[78,3167,3168],{"class":102},"            };\n",[78,3170,3171],{"class":80,"line":1854},[78,3172,3173],{"class":102},"            window.fitting('init', {\n",[78,3175,3176,3179,3181,3183,3185,3187,3189,3191,3193,3195,3197],{"class":80,"line":1867},[78,3177,3178],{"class":102},"              apiKey: '",[78,3180,1925],{"class":88},[78,3182,1692],{"class":1691},[78,3184,89],{"class":88},[78,3186,2982],{"class":84},[78,3188,89],{"class":88},[78,3190,1933],{"class":84},[78,3192,89],{"class":88},[78,3194,2991],{"class":84},[78,3196,138],{"class":88},[78,3198,1318],{"class":102},[78,3200,3201],{"class":80,"line":1880},[78,3202,3203],{"class":102},"            });\n",[78,3205,3206,3209],{"class":80,"line":1886},[78,3207,3208],{"class":88},"          `",[78,3210,132],{"class":88},[78,3212,3213],{"class":80,"line":1895},[78,3214,3126],{"class":88},[78,3216,3217,3220],{"class":80,"line":1901},[78,3218,3219],{"class":84},"      ]",[78,3221,132],{"class":88},[78,3223,3224],{"class":80,"line":1907},[78,3225,387],{"class":88},[78,3227,3228],{"class":80,"line":1913},[78,3229,3230],{"class":88},"  },\n",[78,3232,3233,3235],{"class":80,"line":1919},[78,3234,138],{"class":88},[78,3236,3025],{"class":84},[14,3238,3240],{"id":3239},"_2-create-the-wrapper-component","2. Create the Wrapper Component",[69,3242,3244],{"className":2717,"code":3243,"language":2719,"meta":74,"style":74},"\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",[54,3245,3246,3251,3259,3267,3297,3325,3333,3341,3345,3365,3381,3390,3399,3406,3410,3425,3445,3460,3475,3484,3489,3505,3521,3526,3533,3539,3543],{"__ignoreMap":74},[78,3247,3248],{"class":80,"line":81},[78,3249,3250],{"class":2726},"\u003C!-- components\u002FTryOnWidget.vue -->\n",[78,3252,3253,3255,3257],{"class":80,"line":114},[78,3254,1124],{"class":88},[78,3256,2734],{"class":117},[78,3258,1170],{"class":88},[78,3260,3261,3263,3265],{"class":80,"line":135},[78,3262,2741],{"class":88},[78,3264,1359],{"class":117},[78,3266,1170],{"class":88},[78,3268,3269,3271,3273,3275,3277,3279,3281,3283,3286,3288,3290,3293,3295],{"class":80,"line":333},[78,3270,2486],{"class":88},[78,3272,1359],{"class":117},[78,3274,1188],{"class":1132},[78,3276,1136],{"class":88},[78,3278,1139],{"class":88},[78,3280,310],{"class":102},[78,3282,1139],{"class":88},[78,3284,3285],{"class":1132}," class",[78,3287,1136],{"class":88},[78,3289,1139],{"class":88},[78,3291,3292],{"class":102},"aspect-[3\u002F4] w-full max-w-[600px]",[78,3294,1139],{"class":88},[78,3296,2797],{"class":88},[78,3298,3299,3301,3303,3306,3308,3310,3313,3315,3317,3319,3321,3323],{"class":80,"line":344},[78,3300,2486],{"class":88},[78,3302,2329],{"class":117},[78,3304,3305],{"class":1132}," @click",[78,3307,1136],{"class":88},[78,3309,1139],{"class":88},[78,3311,3312],{"class":102},"handleTryOn",[78,3314,1139],{"class":88},[78,3316,2754],{"class":88},[78,3318,2344],{"class":84},[78,3320,1332],{"class":88},[78,3322,2329],{"class":117},[78,3324,1170],{"class":88},[78,3326,3327,3329,3331],{"class":80,"line":350},[78,3328,2802],{"class":88},[78,3330,1359],{"class":117},[78,3332,1170],{"class":88},[78,3334,3335,3337,3339],{"class":80,"line":367},[78,3336,1332],{"class":88},[78,3338,2734],{"class":117},[78,3340,1170],{"class":88},[78,3342,3343],{"class":80,"line":384},[78,3344,1712],{"emptyLinePlaceholder":419},[78,3346,3347,3349,3351,3353,3355,3357,3359,3361,3363],{"class":80,"line":390},[78,3348,1124],{"class":88},[78,3350,1167],{"class":117},[78,3352,2827],{"class":1132},[78,3354,2830],{"class":1132},[78,3356,1136],{"class":88},[78,3358,1139],{"class":88},[78,3360,2837],{"class":102},[78,3362,1139],{"class":88},[78,3364,1170],{"class":88},[78,3366,3367,3370,3373,3375,3378],{"class":80,"line":398},[78,3368,3369],{"class":1132},"const",[78,3371,3372],{"class":84}," props ",[78,3374,1136],{"class":88},[78,3376,3377],{"class":92}," defineProps",[78,3379,3380],{"class":88},"\u003C{\n",[78,3382,3383,3385,3387],{"class":80,"line":1822},[78,3384,2024],{"class":117},[78,3386,121],{"class":88},[78,3388,3389],{"class":1745}," string\n",[78,3391,3392,3395,3397],{"class":80,"line":1836},[78,3393,3394],{"class":117},"  imageUrl",[78,3396,121],{"class":88},[78,3398,3389],{"class":1745},[78,3400,3401,3403],{"class":80,"line":1842},[78,3402,2341],{"class":88},[78,3404,3405],{"class":84},"()\n",[78,3407,3408],{"class":80,"line":1847},[78,3409,1712],{"emptyLinePlaceholder":419},[78,3411,3412,3414,3417,3419,3421,3423],{"class":80,"line":1854},[78,3413,3369],{"class":1132},[78,3415,3416],{"class":84}," handleTryOn ",[78,3418,1136],{"class":88},[78,3420,2167],{"class":88},[78,3422,2104],{"class":1132},[78,3424,111],{"class":88},[78,3426,3427,3429,3431,3433,3435,3437,3439,3441,3443],{"class":80,"line":1867},[78,3428,1204],{"class":84},[78,3430,89],{"class":88},[78,3432,93],{"class":92},[78,3434,96],{"class":117},[78,3436,99],{"class":88},[78,3438,292],{"class":102},[78,3440,99],{"class":88},[78,3442,108],{"class":88},[78,3444,111],{"class":88},[78,3446,3447,3450,3452,3454,3456,3458],{"class":80,"line":1880},[78,3448,3449],{"class":117},"    targetElementId",[78,3451,121],{"class":88},[78,3453,124],{"class":88},[78,3455,310],{"class":102},[78,3457,99],{"class":88},[78,3459,132],{"class":88},[78,3461,3462,3465,3467,3469,3471,3473],{"class":80,"line":1886},[78,3463,3464],{"class":117},"    model",[78,3466,121],{"class":88},[78,3468,124],{"class":88},[78,3470,326],{"class":102},[78,3472,99],{"class":88},[78,3474,132],{"class":88},[78,3476,3477,3480,3482],{"class":80,"line":1895},[78,3478,3479],{"class":117},"    tryonItems",[78,3481,121],{"class":88},[78,3483,341],{"class":117},[78,3485,3486],{"class":80,"line":1901},[78,3487,3488],{"class":88},"      {\n",[78,3490,3491,3494,3496,3499,3501,3503],{"class":80,"line":1907},[78,3492,3493],{"class":117},"        productName",[78,3495,121],{"class":88},[78,3497,3498],{"class":84}," props",[78,3500,89],{"class":88},[78,3502,251],{"class":84},[78,3504,132],{"class":88},[78,3506,3507,3510,3512,3514,3516,3519],{"class":80,"line":1913},[78,3508,3509],{"class":117},"        url",[78,3511,121],{"class":88},[78,3513,3498],{"class":84},[78,3515,89],{"class":88},[78,3517,3518],{"class":84},"imageUrl",[78,3520,132],{"class":88},[78,3522,3523],{"class":80,"line":1919},[78,3524,3525],{"class":88},"      },\n",[78,3527,3528,3531],{"class":80,"line":1945},[78,3529,3530],{"class":117},"    ]",[78,3532,132],{"class":88},[78,3534,3535,3537],{"class":80,"line":1951},[78,3536,1323],{"class":88},[78,3538,3025],{"class":117},[78,3540,3541],{"class":80,"line":1959},[78,3542,1780],{"class":88},[78,3544,3545,3547,3549],{"class":80,"line":1969},[78,3546,1332],{"class":88},[78,3548,1167],{"class":117},[78,3550,1170],{"class":88},[14,3552,2641],{"id":2640},[19,3554,3555,3556,121],{},"Add to ",[54,3557,3558],{},".env",[69,3560,3562],{"className":2650,"code":3561,"language":2652,"meta":74,"style":74},"VITE_TRY_ON_API_KEY=pk_live_xxx\n",[54,3563,3564],{"__ignoreMap":74},[78,3565,3566,3568,3570],{"class":80,"line":81},[78,3567,2991],{"class":84},[78,3569,1136],{"class":88},[78,3571,2663],{"class":102},[406,3573,3574],{},"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":74,"searchDepth":114,"depth":114,"links":3576},[3577,3583,3584],{"id":2697,"depth":114,"text":2698,"children":3578},[3579,3581],{"id":2711,"depth":135,"text":3580},"Option A — Per Page with useHead",{"id":3037,"depth":135,"text":3582},"Option B — Global in nuxt.config.ts",{"id":3239,"depth":114,"text":3240},{"id":2640,"depth":114,"text":2641},"Integrate with a Nuxt 3 \u002F Nuxt 4 app","i-lucide-nut",{},"\u002Fen\u002Fintegrations\u002Fnuxt",{"title":2685,"description":3585},"en\u002Fintegrations\u002Fnuxt","3xlJgokLPj3qTkGk4XWJ2RH_Ar2hK0jHeC6j3_o9shE",{"id":3593,"title":3594,"body":3595,"description":4479,"extension":416,"icon":4480,"meta":4481,"navigation":419,"path":4482,"seo":4483,"stem":4484,"__hash__":4485},"content\u002Fen\u002Fintegrations\u002Freact.md","React",{"type":7,"value":3596,"toc":4474},[3597,3601,3604,3608,3614,3799,3809,3813,4133,4137,4471],[10,3598,3600],{"id":3599},"react-integration","React Integration",[19,3602,3603],{},"Works with any React setup — Vite, Create React App, or custom.",[14,3605,3607],{"id":3606},"_1-load-the-widget-script","1. Load the Widget Script",[19,3609,3610,3611,121],{},"Add the script to your ",[54,3612,3613],{},"index.html",[69,3615,3617],{"className":1115,"code":3616,"language":1117,"meta":74,"style":74},"\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",[54,3618,3619,3624,3630,3642,3654,3662,3680,3704,3746,3750,3770,3783,3791],{"__ignoreMap":74},[78,3620,3621],{"class":80,"line":81},[78,3622,3623],{"class":2726},"\u003C!-- In public\u002Findex.html or index.html (Vite) -->\n",[78,3625,3626,3628],{"class":80,"line":114},[78,3627,1124],{"class":88},[78,3629,1127],{"class":117},[78,3631,3632,3634,3636,3638,3640],{"class":80,"line":135},[78,3633,1133],{"class":1132},[78,3635,1136],{"class":88},[78,3637,1139],{"class":88},[78,3639,1142],{"class":102},[78,3641,1145],{"class":88},[78,3643,3644,3646,3648,3650,3652],{"class":80,"line":333},[78,3645,1150],{"class":1132},[78,3647,1136],{"class":88},[78,3649,1139],{"class":88},[78,3651,1157],{"class":102},[78,3653,1145],{"class":88},[78,3655,3656,3658,3660],{"class":80,"line":344},[78,3657,1164],{"class":88},[78,3659,1167],{"class":117},[78,3661,1170],{"class":88},[78,3663,3664,3666,3668,3670,3672,3674,3676,3678],{"class":80,"line":350},[78,3665,1124],{"class":88},[78,3667,1167],{"class":117},[78,3669,1188],{"class":1132},[78,3671,1136],{"class":88},[78,3673,1139],{"class":88},[78,3675,1195],{"class":102},[78,3677,1139],{"class":88},[78,3679,1170],{"class":88},[78,3681,3682,3684,3686,3688,3690,3692,3694,3696,3698,3700,3702],{"class":80,"line":367},[78,3683,1204],{"class":84},[78,3685,89],{"class":88},[78,3687,1209],{"class":84},[78,3689,1136],{"class":88},[78,3691,1214],{"class":84},[78,3693,89],{"class":88},[78,3695,1209],{"class":84},[78,3697,1221],{"class":88},[78,3699,1224],{"class":1132},[78,3701,1227],{"class":88},[78,3703,111],{"class":88},[78,3705,3706,3708,3710,3712,3714,3716,3718,3720,3722,3724,3726,3728,3730,3732,3734,3736,3738,3740,3742,3744],{"class":80,"line":384},[78,3707,1234],{"class":117},[78,3709,85],{"class":84},[78,3711,89],{"class":88},[78,3713,93],{"class":84},[78,3715,89],{"class":88},[78,3717,1245],{"class":84},[78,3719,1248],{"class":88},[78,3721,1214],{"class":84},[78,3723,89],{"class":88},[78,3725,93],{"class":84},[78,3727,89],{"class":88},[78,3729,1245],{"class":84},[78,3731,1261],{"class":88},[78,3733,1264],{"class":117},[78,3735,89],{"class":88},[78,3737,1269],{"class":92},[78,3739,96],{"class":117},[78,3741,1274],{"class":84},[78,3743,141],{"class":117},[78,3745,144],{"class":88},[78,3747,3748],{"class":80,"line":390},[78,3749,1283],{"class":88},[78,3751,3752,3754,3756,3758,3760,3762,3764,3766,3768],{"class":80,"line":398},[78,3753,1204],{"class":84},[78,3755,89],{"class":88},[78,3757,93],{"class":92},[78,3759,96],{"class":84},[78,3761,99],{"class":88},[78,3763,103],{"class":102},[78,3765,99],{"class":88},[78,3767,108],{"class":88},[78,3769,111],{"class":88},[78,3771,3772,3774,3776,3778,3781],{"class":80,"line":1822},[78,3773,1308],{"class":117},[78,3775,121],{"class":88},[78,3777,124],{"class":88},[78,3779,3780],{"class":102},"%VITE_TRY_ON_API_KEY%",[78,3782,1318],{"class":88},[78,3784,3785,3787,3789],{"class":80,"line":1836},[78,3786,1323],{"class":88},[78,3788,141],{"class":84},[78,3790,144],{"class":88},[78,3792,3793,3795,3797],{"class":80,"line":1842},[78,3794,1332],{"class":88},[78,3796,1167],{"class":117},[78,3798,1170],{"class":88},[3800,3801,3803],"callout",{"icon":3802},"i-lucide-lightbulb",[19,3804,3805,3806,3808],{},"Replace ",[54,3807,3780],{}," at build time with your actual key, or use a runtime injection approach.",[14,3810,3812],{"id":3811},"_2-create-a-custom-hook","2. Create a Custom Hook",[69,3814,3816],{"className":1682,"code":3815,"language":1684,"meta":74,"style":74},"\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",[54,3817,3818,3823,3831,3841,3851,3862,3866,3870,3879,3889,3922,3935,3939,3943,3951,3959,3989,3993,3997,4001,4014,4038,4062,4066,4070,4085,4106,4110,4114,4129],{"__ignoreMap":74},[78,3819,3820],{"class":80,"line":81},[78,3821,3822],{"class":2726},"\u002F\u002F hooks\u002FuseFittingWidget.ts\n",[78,3824,3825,3827,3829],{"class":80,"line":114},[78,3826,2014],{"class":1132},[78,3828,2017],{"class":1745},[78,3830,111],{"class":88},[78,3832,3833,3835,3837,3839],{"class":80,"line":135},[78,3834,2024],{"class":117},[78,3836,121],{"class":88},[78,3838,2029],{"class":1745},[78,3840,144],{"class":88},[78,3842,3843,3845,3847,3849],{"class":80,"line":333},[78,3844,2036],{"class":117},[78,3846,121],{"class":88},[78,3848,2029],{"class":1745},[78,3850,144],{"class":88},[78,3852,3853,3856,3858,3860],{"class":80,"line":344},[78,3854,3855],{"class":117},"  productId",[78,3857,2096],{"class":88},[78,3859,2029],{"class":1745},[78,3861,144],{"class":88},[78,3863,3864],{"class":80,"line":350},[78,3865,1780],{"class":88},[78,3867,3868],{"class":80,"line":367},[78,3869,1712],{"emptyLinePlaceholder":419},[78,3871,3872,3874,3877],{"class":80,"line":384},[78,3873,2014],{"class":1132},[78,3875,3876],{"class":1745}," CreateOptions",[78,3878,111],{"class":88},[78,3880,3881,3883,3885,3887],{"class":80,"line":390},[78,3882,303],{"class":117},[78,3884,121],{"class":88},[78,3886,2029],{"class":1745},[78,3888,144],{"class":88},[78,3890,3891,3893,3895,3897,3899,3901,3904,3906,3909,3911,3913,3915,3918,3920],{"class":80,"line":398},[78,3892,319],{"class":117},[78,3894,2096],{"class":88},[78,3896,124],{"class":88},[78,3898,326],{"class":102},[78,3900,99],{"class":88},[78,3902,3903],{"class":88}," |",[78,3905,124],{"class":88},[78,3907,3908],{"class":102},"quality",[78,3910,99],{"class":88},[78,3912,3903],{"class":88},[78,3914,124],{"class":88},[78,3916,3917],{"class":102},"speed",[78,3919,99],{"class":88},[78,3921,144],{"class":88},[78,3923,3924,3926,3928,3930,3933],{"class":80,"line":1822},[78,3925,336],{"class":117},[78,3927,121],{"class":88},[78,3929,2017],{"class":1745},[78,3931,3932],{"class":84},"[]",[78,3934,144],{"class":88},[78,3936,3937],{"class":80,"line":1836},[78,3938,1780],{"class":88},[78,3940,3941],{"class":80,"line":1842},[78,3942,1712],{"emptyLinePlaceholder":419},[78,3944,3945,3947,3949],{"class":80,"line":1847},[78,3946,2055],{"class":1132},[78,3948,2058],{"class":84},[78,3950,2061],{"class":88},[78,3952,3953,3955,3957],{"class":80,"line":1854},[78,3954,2066],{"class":1132},[78,3956,2069],{"class":1745},[78,3958,111],{"class":88},[78,3960,3961,3963,3965,3967,3969,3971,3973,3975,3977,3979,3981,3983,3985,3987],{"class":80,"line":1867},[78,3962,2076],{"class":117},[78,3964,121],{"class":88},[78,3966,2081],{"class":88},[78,3968,2084],{"class":1731},[78,3970,121],{"class":88},[78,3972,2029],{"class":1745},[78,3974,108],{"class":88},[78,3976,2093],{"class":1731},[78,3978,2096],{"class":88},[78,3980,2099],{"class":1745},[78,3982,141],{"class":88},[78,3984,2104],{"class":1132},[78,3986,2107],{"class":1745},[78,3988,144],{"class":88},[78,3990,3991],{"class":80,"line":1880},[78,3992,2114],{"class":88},[78,3994,3995],{"class":80,"line":1886},[78,3996,1780],{"class":88},[78,3998,3999],{"class":80,"line":1895},[78,4000,1712],{"emptyLinePlaceholder":419},[78,4002,4003,4005,4007,4010,4012],{"class":80,"line":1901},[78,4004,1717],{"class":1691},[78,4006,1224],{"class":1132},[78,4008,4009],{"class":92}," useFittingWidget",[78,4011,1227],{"class":88},[78,4013,111],{"class":88},[78,4015,4016,4018,4021,4023,4025,4028,4030,4032,4034,4036],{"class":80,"line":1907},[78,4017,2159],{"class":1132},[78,4019,4020],{"class":84}," open",[78,4022,1248],{"class":88},[78,4024,2081],{"class":88},[78,4026,4027],{"class":1731},"options",[78,4029,121],{"class":88},[78,4031,3876],{"class":1745},[78,4033,141],{"class":88},[78,4035,2104],{"class":1132},[78,4037,111],{"class":88},[78,4039,4040,4042,4044,4046,4048,4050,4052,4054,4056,4058,4060],{"class":80,"line":1913},[78,4041,2176],{"class":84},[78,4043,89],{"class":88},[78,4045,93],{"class":92},[78,4047,96],{"class":117},[78,4049,99],{"class":88},[78,4051,292],{"class":102},[78,4053,99],{"class":88},[78,4055,108],{"class":88},[78,4057,2093],{"class":84},[78,4059,141],{"class":117},[78,4061,144],{"class":88},[78,4063,4064],{"class":80,"line":1919},[78,4065,1283],{"class":88},[78,4067,4068],{"class":80,"line":1945},[78,4069,1712],{"emptyLinePlaceholder":419},[78,4071,4072,4074,4077,4079,4081,4083],{"class":80,"line":1951},[78,4073,2159],{"class":1132},[78,4075,4076],{"class":84}," close",[78,4078,1248],{"class":88},[78,4080,2167],{"class":88},[78,4082,2104],{"class":1132},[78,4084,111],{"class":88},[78,4086,4087,4089,4091,4093,4095,4097,4100,4102,4104],{"class":80,"line":1959},[78,4088,2176],{"class":84},[78,4090,89],{"class":88},[78,4092,93],{"class":92},[78,4094,96],{"class":117},[78,4096,99],{"class":88},[78,4098,4099],{"class":102},"close",[78,4101,99],{"class":88},[78,4103,141],{"class":117},[78,4105,144],{"class":88},[78,4107,4108],{"class":80,"line":1969},[78,4109,1283],{"class":88},[78,4111,4112],{"class":80,"line":1975},[78,4113,1712],{"emptyLinePlaceholder":419},[78,4115,4116,4118,4120,4122,4124,4126],{"class":80,"line":1983},[78,4117,1761],{"class":1691},[78,4119,1738],{"class":88},[78,4121,4020],{"class":84},[78,4123,108],{"class":88},[78,4125,4076],{"class":84},[78,4127,4128],{"class":88}," };\n",[78,4130,4131],{"class":80,"line":3020},[78,4132,1780],{"class":88},[14,4134,4136],{"id":4135},"_3-use-in-a-component","3. Use in a Component",[69,4138,4140],{"className":1682,"code":4139,"language":1684,"meta":74,"style":74},"\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",[54,4141,4142,4147,4168,4172,4181,4191,4201,4205,4209,4236,4254,4258,4264,4272,4279,4291,4331,4335,4342,4353,4362,4377,4392,4424,4431,4436,4440,4445,4453,4461,4467],{"__ignoreMap":74},[78,4143,4144],{"class":80,"line":81},[78,4145,4146],{"class":2726},"\u002F\u002F components\u002FTryOnWidget.tsx\n",[78,4148,4149,4151,4153,4155,4157,4159,4161,4164,4166],{"class":80,"line":114},[78,4150,1692],{"class":1691},[78,4152,1738],{"class":88},[78,4154,4009],{"class":84},[78,4156,2384],{"class":88},[78,4158,2387],{"class":1691},[78,4160,124],{"class":88},[78,4162,4163],{"class":102},"..\u002Fhooks\u002FuseFittingWidget",[78,4165,99],{"class":88},[78,4167,144],{"class":88},[78,4169,4170],{"class":80,"line":135},[78,4171,1712],{"emptyLinePlaceholder":419},[78,4173,4174,4176,4179],{"class":80,"line":333},[78,4175,2014],{"class":1132},[78,4177,4178],{"class":1745}," Props",[78,4180,111],{"class":88},[78,4182,4183,4185,4187,4189],{"class":80,"line":344},[78,4184,2024],{"class":117},[78,4186,121],{"class":88},[78,4188,2029],{"class":1745},[78,4190,144],{"class":88},[78,4192,4193,4195,4197,4199],{"class":80,"line":350},[78,4194,3394],{"class":117},[78,4196,121],{"class":88},[78,4198,2029],{"class":1745},[78,4200,144],{"class":88},[78,4202,4203],{"class":80,"line":367},[78,4204,1780],{"class":88},[78,4206,4207],{"class":80,"line":384},[78,4208,1712],{"emptyLinePlaceholder":419},[78,4210,4211,4213,4215,4218,4220,4223,4225,4228,4230,4232,4234],{"class":80,"line":390},[78,4212,1717],{"class":1691},[78,4214,1224],{"class":1132},[78,4216,4217],{"class":92}," TryOnWidget",[78,4219,1728],{"class":88},[78,4221,4222],{"class":1731}," productName",[78,4224,108],{"class":88},[78,4226,4227],{"class":1731}," imageUrl",[78,4229,1735],{"class":88},[78,4231,4178],{"class":1745},[78,4233,141],{"class":88},[78,4235,111],{"class":88},[78,4237,4238,4240,4242,4244,4246,4248,4250,4252],{"class":80,"line":398},[78,4239,2159],{"class":1132},[78,4241,1738],{"class":88},[78,4243,4020],{"class":84},[78,4245,2384],{"class":88},[78,4247,1248],{"class":88},[78,4249,4009],{"class":92},[78,4251,1227],{"class":117},[78,4253,144],{"class":88},[78,4255,4256],{"class":80,"line":1822},[78,4257,1712],{"emptyLinePlaceholder":419},[78,4259,4260,4262],{"class":80,"line":1836},[78,4261,1761],{"class":1691},[78,4263,1764],{"class":117},[78,4265,4266,4268,4270],{"class":80,"line":1842},[78,4267,2486],{"class":88},[78,4269,1359],{"class":117},[78,4271,1170],{"class":88},[78,4273,4274,4276],{"class":80,"line":1847},[78,4275,1789],{"class":88},[78,4277,4278],{"class":117},"div\n",[78,4280,4281,4283,4285,4287,4289],{"class":80,"line":1854},[78,4282,1825],{"class":1132},[78,4284,1136],{"class":88},[78,4286,1139],{"class":88},[78,4288,310],{"class":102},[78,4290,1145],{"class":88},[78,4292,4293,4296,4298,4300,4302,4304,4306,4308,4310,4312,4314,4316,4318,4320,4322,4324,4326,4328],{"class":80,"line":1867},[78,4294,4295],{"class":1132},"        style",[78,4297,2282],{"class":88},[78,4299,2285],{"class":117},[78,4301,121],{"class":88},[78,4303,124],{"class":88},[78,4305,2292],{"class":102},[78,4307,99],{"class":88},[78,4309,108],{"class":88},[78,4311,2299],{"class":117},[78,4313,121],{"class":88},[78,4315,2305],{"class":2304},[78,4317,108],{"class":88},[78,4319,2310],{"class":117},[78,4321,121],{"class":88},[78,4323,124],{"class":88},[78,4325,2317],{"class":102},[78,4327,99],{"class":88},[78,4329,4330],{"class":88}," }}\n",[78,4332,4333],{"class":80,"line":1880},[78,4334,1839],{"class":88},[78,4336,4337,4339],{"class":80,"line":1886},[78,4338,1789],{"class":88},[78,4340,4341],{"class":117},"button\n",[78,4343,4344,4347,4350],{"class":80,"line":1895},[78,4345,4346],{"class":1132},"        onClick",[78,4348,4349],{"class":88},"={()",[78,4351,4352],{"class":1132}," =>\n",[78,4354,4355,4358,4360],{"class":80,"line":1901},[78,4356,4357],{"class":92},"          open",[78,4359,96],{"class":84},[78,4361,2061],{"class":88},[78,4363,4364,4367,4369,4371,4373,4375],{"class":80,"line":1907},[78,4365,4366],{"class":117},"            targetElementId",[78,4368,121],{"class":88},[78,4370,124],{"class":88},[78,4372,310],{"class":102},[78,4374,99],{"class":88},[78,4376,132],{"class":88},[78,4378,4379,4382,4384,4386,4388,4390],{"class":80,"line":1913},[78,4380,4381],{"class":117},"            model",[78,4383,121],{"class":88},[78,4385,124],{"class":88},[78,4387,326],{"class":102},[78,4389,99],{"class":88},[78,4391,132],{"class":88},[78,4393,4394,4397,4399,4402,4405,4407,4409,4412,4414,4417,4419,4422],{"class":80,"line":1919},[78,4395,4396],{"class":117},"            tryonItems",[78,4398,121],{"class":88},[78,4400,4401],{"class":84}," [",[78,4403,4404],{"class":88},"{",[78,4406,4222],{"class":84},[78,4408,108],{"class":88},[78,4410,4411],{"class":117}," url",[78,4413,121],{"class":88},[78,4415,4416],{"class":84}," imageUrl ",[78,4418,138],{"class":88},[78,4420,4421],{"class":84},"]",[78,4423,132],{"class":88},[78,4425,4426,4429],{"class":80,"line":1945},[78,4427,4428],{"class":88},"          }",[78,4430,3025],{"class":84},[78,4432,4433],{"class":80,"line":1951},[78,4434,4435],{"class":88},"        }\n",[78,4437,4438],{"class":80,"line":1959},[78,4439,1883],{"class":88},[78,4441,4442],{"class":80,"line":1969},[78,4443,4444],{"class":84},"        Try On\n",[78,4446,4447,4449,4451],{"class":80,"line":1975},[78,4448,1962],{"class":88},[78,4450,2329],{"class":117},[78,4452,1170],{"class":88},[78,4454,4455,4457,4459],{"class":80,"line":1983},[78,4456,2623],{"class":88},[78,4458,1359],{"class":117},[78,4460,1170],{"class":88},[78,4462,4463,4465],{"class":80,"line":3020},[78,4464,1978],{"class":117},[78,4466,144],{"class":88},[78,4468,4469],{"class":80,"line":3028},[78,4470,1780],{"class":88},[406,4472,4473],{},"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":74,"searchDepth":114,"depth":114,"links":4475},[4476,4477,4478],{"id":3606,"depth":114,"text":3607},{"id":3811,"depth":114,"text":3812},{"id":4135,"depth":114,"text":4136},"Integrate with a React (Vite \u002F CRA) app","i-lucide-react",{},"\u002Fen\u002Fintegrations\u002Freact",{"title":3594,"description":4479},"en\u002Fintegrations\u002Freact","pb3AGE_nU_OjJFKOaRsB1vUMbyzjRuGZlTgplr5i71Q",{"id":4487,"title":4488,"body":4489,"description":5159,"extension":416,"icon":5160,"meta":5161,"navigation":419,"path":5162,"seo":5163,"stem":5164,"__hash__":5165},"content\u002Fen\u002Fintegrations\u002Fvanilla-js.md","Vanilla JS",{"type":7,"value":4490,"toc":5155},[4491,4495,4498,4502,5129,5133,5152],[10,4492,4494],{"id":4493},"vanilla-js-integration","Vanilla JS Integration",[19,4496,4497],{},"No framework needed — just HTML and JavaScript.",[14,4499,4501],{"id":4500},"full-example","Full Example",[69,4503,4505],{"className":1115,"code":4504,"language":1117,"meta":74,"style":74},"\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",[54,4506,4507,4520,4539,4548,4568,4600,4618,4626,4635,4639,4655,4672,4676,4681,4714,4718,4748,4752,4757,4763,4776,4789,4798,4802,4807,4825,4849,4892,4897,4917,4930,4938,4947,4952,4961,4974,4996,5012,5028,5038,5043,5058,5074,5079,5086,5096,5102,5111,5120],{"__ignoreMap":74},[78,4508,4509,4512,4515,4518],{"class":80,"line":81},[78,4510,4511],{"class":88},"\u003C!",[78,4513,4514],{"class":117},"DOCTYPE",[78,4516,4517],{"class":1132}," html",[78,4519,1170],{"class":88},[78,4521,4522,4524,4526,4528,4530,4532,4535,4537],{"class":80,"line":114},[78,4523,1124],{"class":88},[78,4525,1117],{"class":117},[78,4527,2830],{"class":1132},[78,4529,1136],{"class":88},[78,4531,1139],{"class":88},[78,4533,4534],{"class":102},"en",[78,4536,1139],{"class":88},[78,4538,1170],{"class":88},[78,4540,4541,4543,4546],{"class":80,"line":135},[78,4542,1124],{"class":88},[78,4544,4545],{"class":117},"head",[78,4547,1170],{"class":88},[78,4549,4550,4552,4554,4557,4559,4561,4564,4566],{"class":80,"line":333},[78,4551,2741],{"class":88},[78,4553,2982],{"class":117},[78,4555,4556],{"class":1132}," charset",[78,4558,1136],{"class":88},[78,4560,1139],{"class":88},[78,4562,4563],{"class":102},"UTF-8",[78,4565,1139],{"class":88},[78,4567,2797],{"class":88},[78,4569,4570,4572,4574,4577,4579,4581,4584,4586,4589,4591,4593,4596,4598],{"class":80,"line":344},[78,4571,2741],{"class":88},[78,4573,2982],{"class":117},[78,4575,4576],{"class":1132}," name",[78,4578,1136],{"class":88},[78,4580,1139],{"class":88},[78,4582,4583],{"class":102},"viewport",[78,4585,1139],{"class":88},[78,4587,4588],{"class":1132}," content",[78,4590,1136],{"class":88},[78,4592,1139],{"class":88},[78,4594,4595],{"class":102},"width=device-width, initial-scale=1.0",[78,4597,1139],{"class":88},[78,4599,2797],{"class":88},[78,4601,4602,4604,4607,4609,4612,4614,4616],{"class":80,"line":350},[78,4603,2741],{"class":88},[78,4605,4606],{"class":117},"title",[78,4608,2754],{"class":88},[78,4610,4611],{"class":84},"Product Page — Virtual Try-On",[78,4613,1332],{"class":88},[78,4615,4606],{"class":117},[78,4617,1170],{"class":88},[78,4619,4620,4622,4624],{"class":80,"line":367},[78,4621,1332],{"class":88},[78,4623,4545],{"class":117},[78,4625,1170],{"class":88},[78,4627,4628,4630,4633],{"class":80,"line":384},[78,4629,1124],{"class":88},[78,4631,4632],{"class":117},"body",[78,4634,1170],{"class":88},[78,4636,4637],{"class":80,"line":390},[78,4638,1712],{"emptyLinePlaceholder":419},[78,4640,4641,4643,4645,4647,4649,4651,4653],{"class":80,"line":398},[78,4642,2741],{"class":88},[78,4644,10],{"class":117},[78,4646,2754],{"class":88},[78,4648,1461],{"class":84},[78,4650,1332],{"class":88},[78,4652,10],{"class":117},[78,4654,1170],{"class":88},[78,4656,4657,4659,4661,4663,4666,4668,4670],{"class":80,"line":1822},[78,4658,2741],{"class":88},[78,4660,19],{"class":117},[78,4662,2754],{"class":88},[78,4664,4665],{"class":84},"$89.00",[78,4667,1332],{"class":88},[78,4669,19],{"class":117},[78,4671,1170],{"class":88},[78,4673,4674],{"class":80,"line":1836},[78,4675,1712],{"emptyLinePlaceholder":419},[78,4677,4678],{"class":80,"line":1842},[78,4679,4680],{"class":2726},"  \u003C!-- Widget container -->\n",[78,4682,4683,4685,4687,4689,4691,4693,4695,4697,4699,4701,4703,4706,4708,4710,4712],{"class":80,"line":1847},[78,4684,2741],{"class":88},[78,4686,1359],{"class":117},[78,4688,1188],{"class":1132},[78,4690,1136],{"class":88},[78,4692,1139],{"class":88},[78,4694,310],{"class":102},[78,4696,1139],{"class":88},[78,4698,2279],{"class":1132},[78,4700,1136],{"class":88},[78,4702,1139],{"class":88},[78,4704,4705],{"class":102},"width: 100%; max-width: 600px; aspect-ratio: 3 \u002F 4;",[78,4707,1139],{"class":88},[78,4709,1164],{"class":88},[78,4711,1359],{"class":117},[78,4713,1170],{"class":88},[78,4715,4716],{"class":80,"line":1854},[78,4717,1712],{"emptyLinePlaceholder":419},[78,4719,4720,4722,4724,4727,4729,4731,4734,4736,4738,4740,4742,4744,4746],{"class":80,"line":1867},[78,4721,2741],{"class":88},[78,4723,2329],{"class":117},[78,4725,4726],{"class":1132}," onclick",[78,4728,1136],{"class":88},[78,4730,1139],{"class":88},[78,4732,4733],{"class":92},"openWidget",[78,4735,1227],{"class":102},[78,4737,1139],{"class":88},[78,4739,2754],{"class":88},[78,4741,2344],{"class":84},[78,4743,1332],{"class":88},[78,4745,2329],{"class":117},[78,4747,1170],{"class":88},[78,4749,4750],{"class":80,"line":1880},[78,4751,1712],{"emptyLinePlaceholder":419},[78,4753,4754],{"class":80,"line":1886},[78,4755,4756],{"class":2726},"  \u003C!-- 1. Load the widget bundle -->\n",[78,4758,4759,4761],{"class":80,"line":1895},[78,4760,2741],{"class":88},[78,4762,1127],{"class":117},[78,4764,4765,4768,4770,4772,4774],{"class":80,"line":1901},[78,4766,4767],{"class":1132},"    src",[78,4769,1136],{"class":88},[78,4771,1139],{"class":88},[78,4773,1142],{"class":102},[78,4775,1145],{"class":88},[78,4777,4778,4781,4783,4785,4787],{"class":80,"line":1907},[78,4779,4780],{"class":1132},"    id",[78,4782,1136],{"class":88},[78,4784,1139],{"class":88},[78,4786,1157],{"class":102},[78,4788,1145],{"class":88},[78,4790,4791,4794,4796],{"class":80,"line":1913},[78,4792,4793],{"class":88},"  >\u003C\u002F",[78,4795,1167],{"class":117},[78,4797,1170],{"class":88},[78,4799,4800],{"class":80,"line":1919},[78,4801,1712],{"emptyLinePlaceholder":419},[78,4803,4804],{"class":80,"line":1945},[78,4805,4806],{"class":2726},"  \u003C!-- 2. Initialize -->\n",[78,4808,4809,4811,4813,4815,4817,4819,4821,4823],{"class":80,"line":1951},[78,4810,2741],{"class":88},[78,4812,1167],{"class":117},[78,4814,1188],{"class":1132},[78,4816,1136],{"class":88},[78,4818,1139],{"class":88},[78,4820,1195],{"class":102},[78,4822,1139],{"class":88},[78,4824,1170],{"class":88},[78,4826,4827,4829,4831,4833,4835,4837,4839,4841,4843,4845,4847],{"class":80,"line":1959},[78,4828,2176],{"class":84},[78,4830,89],{"class":88},[78,4832,1209],{"class":84},[78,4834,1136],{"class":88},[78,4836,1214],{"class":84},[78,4838,89],{"class":88},[78,4840,1209],{"class":84},[78,4842,1221],{"class":88},[78,4844,1224],{"class":1132},[78,4846,1227],{"class":88},[78,4848,111],{"class":88},[78,4850,4851,4854,4856,4858,4860,4862,4864,4866,4868,4870,4872,4874,4876,4878,4880,4882,4884,4886,4888,4890],{"class":80,"line":1969},[78,4852,4853],{"class":117},"      (",[78,4855,85],{"class":84},[78,4857,89],{"class":88},[78,4859,93],{"class":84},[78,4861,89],{"class":88},[78,4863,1245],{"class":84},[78,4865,1248],{"class":88},[78,4867,1214],{"class":84},[78,4869,89],{"class":88},[78,4871,93],{"class":84},[78,4873,89],{"class":88},[78,4875,1245],{"class":84},[78,4877,1261],{"class":88},[78,4879,1264],{"class":117},[78,4881,89],{"class":88},[78,4883,1269],{"class":92},[78,4885,96],{"class":117},[78,4887,1274],{"class":84},[78,4889,141],{"class":117},[78,4891,144],{"class":88},[78,4893,4894],{"class":80,"line":1975},[78,4895,4896],{"class":88},"    };\n",[78,4898,4899,4901,4903,4905,4907,4909,4911,4913,4915],{"class":80,"line":1983},[78,4900,2176],{"class":84},[78,4902,89],{"class":88},[78,4904,93],{"class":92},[78,4906,96],{"class":84},[78,4908,99],{"class":88},[78,4910,103],{"class":102},[78,4912,99],{"class":88},[78,4914,108],{"class":88},[78,4916,111],{"class":88},[78,4918,4919,4922,4924,4926,4928],{"class":80,"line":3020},[78,4920,4921],{"class":117},"      apiKey",[78,4923,121],{"class":88},[78,4925,124],{"class":88},[78,4927,1315],{"class":102},[78,4929,1318],{"class":88},[78,4931,4932,4934,4936],{"class":80,"line":3028},[78,4933,2238],{"class":88},[78,4935,141],{"class":84},[78,4937,144],{"class":88},[78,4939,4941,4943,4945],{"class":80,"line":4940},32,[78,4942,2802],{"class":88},[78,4944,1167],{"class":117},[78,4946,1170],{"class":88},[78,4948,4950],{"class":80,"line":4949},33,[78,4951,1712],{"emptyLinePlaceholder":419},[78,4953,4955,4957,4959],{"class":80,"line":4954},34,[78,4956,2741],{"class":88},[78,4958,1167],{"class":117},[78,4960,1170],{"class":88},[78,4962,4964,4967,4970,4972],{"class":80,"line":4963},35,[78,4965,4966],{"class":1132},"    function",[78,4968,4969],{"class":92}," openWidget",[78,4971,1227],{"class":88},[78,4973,111],{"class":88},[78,4975,4977,4980,4982,4984,4986,4988,4990,4992,4994],{"class":80,"line":4976},36,[78,4978,4979],{"class":84},"      window",[78,4981,89],{"class":88},[78,4983,93],{"class":92},[78,4985,96],{"class":117},[78,4987,99],{"class":88},[78,4989,292],{"class":102},[78,4991,99],{"class":88},[78,4993,108],{"class":88},[78,4995,111],{"class":88},[78,4997,4999,5002,5004,5006,5008,5010],{"class":80,"line":4998},37,[78,5000,5001],{"class":117},"        targetElementId",[78,5003,121],{"class":88},[78,5005,124],{"class":88},[78,5007,310],{"class":102},[78,5009,99],{"class":88},[78,5011,132],{"class":88},[78,5013,5015,5018,5020,5022,5024,5026],{"class":80,"line":5014},38,[78,5016,5017],{"class":117},"        model",[78,5019,121],{"class":88},[78,5021,124],{"class":88},[78,5023,326],{"class":102},[78,5025,99],{"class":88},[78,5027,132],{"class":88},[78,5029,5031,5034,5036],{"class":80,"line":5030},39,[78,5032,5033],{"class":117},"        tryonItems",[78,5035,121],{"class":88},[78,5037,341],{"class":117},[78,5039,5041],{"class":80,"line":5040},40,[78,5042,2572],{"class":88},[78,5044,5046,5048,5050,5052,5054,5056],{"class":80,"line":5045},41,[78,5047,2577],{"class":117},[78,5049,121],{"class":88},[78,5051,124],{"class":88},[78,5053,1461],{"class":102},[78,5055,99],{"class":88},[78,5057,132],{"class":88},[78,5059,5061,5063,5065,5067,5070,5072],{"class":80,"line":5060},42,[78,5062,2592],{"class":117},[78,5064,121],{"class":88},[78,5066,124],{"class":88},[78,5068,5069],{"class":102},"https:\u002F\u002Fexample.com\u002Fimages\u002Fjacket.jpg",[78,5071,99],{"class":88},[78,5073,132],{"class":88},[78,5075,5077],{"class":80,"line":5076},43,[78,5078,2607],{"class":88},[78,5080,5082,5084],{"class":80,"line":5081},44,[78,5083,2612],{"class":117},[78,5085,132],{"class":88},[78,5087,5089,5092,5094],{"class":80,"line":5088},45,[78,5090,5091],{"class":88},"      }",[78,5093,141],{"class":117},[78,5095,144],{"class":88},[78,5097,5099],{"class":80,"line":5098},46,[78,5100,5101],{"class":88},"    }\n",[78,5103,5105,5107,5109],{"class":80,"line":5104},47,[78,5106,2802],{"class":88},[78,5108,1167],{"class":117},[78,5110,1170],{"class":88},[78,5112,5114,5116,5118],{"class":80,"line":5113},48,[78,5115,1332],{"class":88},[78,5117,4632],{"class":117},[78,5119,1170],{"class":88},[78,5121,5123,5125,5127],{"class":80,"line":5122},49,[78,5124,1332],{"class":88},[78,5126,1117],{"class":117},[78,5128,1170],{"class":88},[14,5130,5132],{"id":5131},"key-points","Key Points",[1511,5134,5135,5138,5147],{},[1514,5136,5137],{},"Load the bundle script first.",[1514,5139,5140,5141,5144,5145,89],{},"Initialize with ",[54,5142,5143],{},"window.fitting('init', { apiKey })"," before calling ",[54,5146,292],{},[1514,5148,1556,5149,5151],{},[54,5150,177],{}," must match an existing element on the page.",[406,5153,5154],{},"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":74,"searchDepth":114,"depth":114,"links":5156},[5157,5158],{"id":4500,"depth":114,"text":4501},{"id":5131,"depth":114,"text":5132},"Integrate with plain HTML\u002FJavaScript","i-lucide-file-code",{},"\u002Fen\u002Fintegrations\u002Fvanilla-js",{"title":4488,"description":5159},"en\u002Fintegrations\u002Fvanilla-js","Ts8msIFer-tIlPDRwRbkNZSpWu0JrTJP8uMKqB57tJQ",{"id":5167,"title":5168,"body":5169,"description":6014,"extension":416,"icon":6015,"meta":6016,"navigation":419,"path":6017,"seo":6018,"stem":6019,"__hash__":6020},"content\u002Fen\u002Fintegrations\u002Fvue.md","Vue 3",{"type":7,"value":5170,"toc":6009},[5171,5175,5178,5180,5185,5364,5368,5666,5670,6006],[10,5172,5174],{"id":5173},"vue-3-integration","Vue 3 Integration",[19,5176,5177],{},"Works with Vue 3 + Vite or any Vue 3 setup.",[14,5179,3607],{"id":3606},[19,5181,5182,5183,121],{},"In ",[54,5184,3613],{},[69,5186,5188],{"className":1115,"code":5187,"language":1117,"meta":74,"style":74},"\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",[54,5189,5190,5196,5208,5220,5228,5246,5270,5312,5316,5336,5348,5356],{"__ignoreMap":74},[78,5191,5192,5194],{"class":80,"line":81},[78,5193,1124],{"class":88},[78,5195,1127],{"class":117},[78,5197,5198,5200,5202,5204,5206],{"class":80,"line":114},[78,5199,1133],{"class":1132},[78,5201,1136],{"class":88},[78,5203,1139],{"class":88},[78,5205,1142],{"class":102},[78,5207,1145],{"class":88},[78,5209,5210,5212,5214,5216,5218],{"class":80,"line":135},[78,5211,1150],{"class":1132},[78,5213,1136],{"class":88},[78,5215,1139],{"class":88},[78,5217,1157],{"class":102},[78,5219,1145],{"class":88},[78,5221,5222,5224,5226],{"class":80,"line":333},[78,5223,1164],{"class":88},[78,5225,1167],{"class":117},[78,5227,1170],{"class":88},[78,5229,5230,5232,5234,5236,5238,5240,5242,5244],{"class":80,"line":344},[78,5231,1124],{"class":88},[78,5233,1167],{"class":117},[78,5235,1188],{"class":1132},[78,5237,1136],{"class":88},[78,5239,1139],{"class":88},[78,5241,1195],{"class":102},[78,5243,1139],{"class":88},[78,5245,1170],{"class":88},[78,5247,5248,5250,5252,5254,5256,5258,5260,5262,5264,5266,5268],{"class":80,"line":350},[78,5249,1204],{"class":84},[78,5251,89],{"class":88},[78,5253,1209],{"class":84},[78,5255,1136],{"class":88},[78,5257,1214],{"class":84},[78,5259,89],{"class":88},[78,5261,1209],{"class":84},[78,5263,1221],{"class":88},[78,5265,1224],{"class":1132},[78,5267,1227],{"class":88},[78,5269,111],{"class":88},[78,5271,5272,5274,5276,5278,5280,5282,5284,5286,5288,5290,5292,5294,5296,5298,5300,5302,5304,5306,5308,5310],{"class":80,"line":367},[78,5273,1234],{"class":117},[78,5275,85],{"class":84},[78,5277,89],{"class":88},[78,5279,93],{"class":84},[78,5281,89],{"class":88},[78,5283,1245],{"class":84},[78,5285,1248],{"class":88},[78,5287,1214],{"class":84},[78,5289,89],{"class":88},[78,5291,93],{"class":84},[78,5293,89],{"class":88},[78,5295,1245],{"class":84},[78,5297,1261],{"class":88},[78,5299,1264],{"class":117},[78,5301,89],{"class":88},[78,5303,1269],{"class":92},[78,5305,96],{"class":117},[78,5307,1274],{"class":84},[78,5309,141],{"class":117},[78,5311,144],{"class":88},[78,5313,5314],{"class":80,"line":384},[78,5315,1283],{"class":88},[78,5317,5318,5320,5322,5324,5326,5328,5330,5332,5334],{"class":80,"line":390},[78,5319,1204],{"class":84},[78,5321,89],{"class":88},[78,5323,93],{"class":92},[78,5325,96],{"class":84},[78,5327,99],{"class":88},[78,5329,103],{"class":102},[78,5331,99],{"class":88},[78,5333,108],{"class":88},[78,5335,111],{"class":88},[78,5337,5338,5340,5342,5344,5346],{"class":80,"line":398},[78,5339,1308],{"class":117},[78,5341,121],{"class":88},[78,5343,124],{"class":88},[78,5345,1315],{"class":102},[78,5347,1318],{"class":88},[78,5349,5350,5352,5354],{"class":80,"line":1822},[78,5351,1323],{"class":88},[78,5353,141],{"class":84},[78,5355,144],{"class":88},[78,5357,5358,5360,5362],{"class":80,"line":1836},[78,5359,1332],{"class":88},[78,5361,1167],{"class":117},[78,5363,1170],{"class":88},[14,5365,5367],{"id":5366},"_2-create-a-composable","2. Create a Composable",[69,5369,5371],{"className":3043,"code":5370,"language":2837,"meta":74,"style":74},"\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",[54,5372,5373,5378,5389,5397,5405,5413,5417,5421,5431,5439,5467,5478,5482,5486,5494,5502,5531,5535,5539,5543,5555,5577,5599,5603,5607,5621,5639,5643,5647,5662],{"__ignoreMap":74},[78,5374,5375],{"class":80,"line":81},[78,5376,5377],{"class":2726},"\u002F\u002F composables\u002FuseFittingWidget.ts\n",[78,5379,5380,5382,5385,5387],{"class":80,"line":114},[78,5381,1717],{"class":1691},[78,5383,5384],{"class":1132}," interface",[78,5386,2017],{"class":1745},[78,5388,111],{"class":88},[78,5390,5391,5393,5395],{"class":80,"line":135},[78,5392,2024],{"class":117},[78,5394,121],{"class":88},[78,5396,3389],{"class":1745},[78,5398,5399,5401,5403],{"class":80,"line":333},[78,5400,2036],{"class":117},[78,5402,121],{"class":88},[78,5404,3389],{"class":1745},[78,5406,5407,5409,5411],{"class":80,"line":344},[78,5408,3855],{"class":117},[78,5410,2096],{"class":88},[78,5412,3389],{"class":1745},[78,5414,5415],{"class":80,"line":350},[78,5416,1780],{"class":88},[78,5418,5419],{"class":80,"line":367},[78,5420,1712],{"emptyLinePlaceholder":419},[78,5422,5423,5425,5427,5429],{"class":80,"line":384},[78,5424,1717],{"class":1691},[78,5426,5384],{"class":1132},[78,5428,3876],{"class":1745},[78,5430,111],{"class":88},[78,5432,5433,5435,5437],{"class":80,"line":390},[78,5434,303],{"class":117},[78,5436,121],{"class":88},[78,5438,3389],{"class":1745},[78,5440,5441,5443,5445,5447,5449,5451,5453,5455,5457,5459,5461,5463,5465],{"class":80,"line":398},[78,5442,319],{"class":117},[78,5444,2096],{"class":88},[78,5446,124],{"class":88},[78,5448,326],{"class":102},[78,5450,99],{"class":88},[78,5452,3903],{"class":88},[78,5454,124],{"class":88},[78,5456,3908],{"class":102},[78,5458,99],{"class":88},[78,5460,3903],{"class":88},[78,5462,124],{"class":88},[78,5464,3917],{"class":102},[78,5466,1318],{"class":88},[78,5468,5469,5471,5473,5475],{"class":80,"line":1822},[78,5470,336],{"class":117},[78,5472,121],{"class":88},[78,5474,2017],{"class":1745},[78,5476,5477],{"class":84},"[]\n",[78,5479,5480],{"class":80,"line":1836},[78,5481,1780],{"class":88},[78,5483,5484],{"class":80,"line":1842},[78,5485,1712],{"emptyLinePlaceholder":419},[78,5487,5488,5490,5492],{"class":80,"line":1847},[78,5489,2055],{"class":1132},[78,5491,2058],{"class":84},[78,5493,2061],{"class":88},[78,5495,5496,5498,5500],{"class":80,"line":1854},[78,5497,2066],{"class":1132},[78,5499,2069],{"class":1745},[78,5501,111],{"class":88},[78,5503,5504,5506,5508,5510,5512,5514,5516,5518,5520,5522,5524,5526,5528],{"class":80,"line":1867},[78,5505,2076],{"class":117},[78,5507,121],{"class":88},[78,5509,2081],{"class":88},[78,5511,2084],{"class":1731},[78,5513,121],{"class":88},[78,5515,2029],{"class":1745},[78,5517,108],{"class":88},[78,5519,2093],{"class":1731},[78,5521,2096],{"class":88},[78,5523,2099],{"class":1745},[78,5525,141],{"class":88},[78,5527,2104],{"class":1132},[78,5529,5530],{"class":1745}," void\n",[78,5532,5533],{"class":80,"line":1880},[78,5534,2114],{"class":88},[78,5536,5537],{"class":80,"line":1886},[78,5538,1780],{"class":88},[78,5540,5541],{"class":80,"line":1895},[78,5542,1712],{"emptyLinePlaceholder":419},[78,5544,5545,5547,5549,5551,5553],{"class":80,"line":1901},[78,5546,1717],{"class":1691},[78,5548,1224],{"class":1132},[78,5550,4009],{"class":92},[78,5552,1227],{"class":88},[78,5554,111],{"class":88},[78,5556,5557,5559,5561,5563,5565,5567,5569,5571,5573,5575],{"class":80,"line":1907},[78,5558,2159],{"class":1132},[78,5560,4020],{"class":84},[78,5562,1248],{"class":88},[78,5564,2081],{"class":88},[78,5566,4027],{"class":1731},[78,5568,121],{"class":88},[78,5570,3876],{"class":1745},[78,5572,141],{"class":88},[78,5574,2104],{"class":1132},[78,5576,111],{"class":88},[78,5578,5579,5581,5583,5585,5587,5589,5591,5593,5595,5597],{"class":80,"line":1913},[78,5580,2176],{"class":84},[78,5582,89],{"class":88},[78,5584,93],{"class":92},[78,5586,96],{"class":117},[78,5588,99],{"class":88},[78,5590,292],{"class":102},[78,5592,99],{"class":88},[78,5594,108],{"class":88},[78,5596,2093],{"class":84},[78,5598,3025],{"class":117},[78,5600,5601],{"class":80,"line":1919},[78,5602,2114],{"class":88},[78,5604,5605],{"class":80,"line":1945},[78,5606,1712],{"emptyLinePlaceholder":419},[78,5608,5609,5611,5613,5615,5617,5619],{"class":80,"line":1951},[78,5610,2159],{"class":1132},[78,5612,4076],{"class":84},[78,5614,1248],{"class":88},[78,5616,2167],{"class":88},[78,5618,2104],{"class":1132},[78,5620,111],{"class":88},[78,5622,5623,5625,5627,5629,5631,5633,5635,5637],{"class":80,"line":1959},[78,5624,2176],{"class":84},[78,5626,89],{"class":88},[78,5628,93],{"class":92},[78,5630,96],{"class":117},[78,5632,99],{"class":88},[78,5634,4099],{"class":102},[78,5636,99],{"class":88},[78,5638,3025],{"class":117},[78,5640,5641],{"class":80,"line":1969},[78,5642,2114],{"class":88},[78,5644,5645],{"class":80,"line":1975},[78,5646,1712],{"emptyLinePlaceholder":419},[78,5648,5649,5651,5653,5655,5657,5659],{"class":80,"line":1983},[78,5650,1761],{"class":1691},[78,5652,1738],{"class":88},[78,5654,4020],{"class":84},[78,5656,108],{"class":88},[78,5658,4076],{"class":84},[78,5660,5661],{"class":88}," }\n",[78,5663,5664],{"class":80,"line":3020},[78,5665,1780],{"class":88},[14,5667,5669],{"id":5668},"_3-create-the-widget-component","3. Create the Widget Component",[69,5671,5673],{"className":2717,"code":5672,"language":2719,"meta":74,"style":74},"\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",[54,5674,5675,5679,5687,5695,5701,5713,5727,5732,5758,5766,5774,5778,5798,5824,5828,5840,5848,5856,5862,5866,5883,5887,5901,5910,5924,5938,5946,5950,5964,5978,5982,5988,5994,5998],{"__ignoreMap":74},[78,5676,5677],{"class":80,"line":81},[78,5678,3250],{"class":2726},[78,5680,5681,5683,5685],{"class":80,"line":114},[78,5682,1124],{"class":88},[78,5684,2734],{"class":117},[78,5686,1170],{"class":88},[78,5688,5689,5691,5693],{"class":80,"line":135},[78,5690,2741],{"class":88},[78,5692,1359],{"class":117},[78,5694,1170],{"class":88},[78,5696,5697,5699],{"class":80,"line":333},[78,5698,2486],{"class":88},[78,5700,4278],{"class":117},[78,5702,5703,5705,5707,5709,5711],{"class":80,"line":344},[78,5704,2906],{"class":1132},[78,5706,1136],{"class":88},[78,5708,1139],{"class":88},[78,5710,310],{"class":102},[78,5712,1145],{"class":88},[78,5714,5715,5718,5720,5722,5725],{"class":80,"line":350},[78,5716,5717],{"class":1132},"      style",[78,5719,1136],{"class":88},[78,5721,1139],{"class":88},[78,5723,5724],{"class":102},"width: 100%; max-width: 600px; aspect-ratio: 3\u002F4",[78,5726,1145],{"class":88},[78,5728,5729],{"class":80,"line":367},[78,5730,5731],{"class":88},"    \u002F>\n",[78,5733,5734,5736,5738,5740,5742,5744,5746,5748,5750,5752,5754,5756],{"class":80,"line":384},[78,5735,2486],{"class":88},[78,5737,2329],{"class":117},[78,5739,3305],{"class":1132},[78,5741,1136],{"class":88},[78,5743,1139],{"class":88},[78,5745,3312],{"class":102},[78,5747,1139],{"class":88},[78,5749,2754],{"class":88},[78,5751,2344],{"class":84},[78,5753,1332],{"class":88},[78,5755,2329],{"class":117},[78,5757,1170],{"class":88},[78,5759,5760,5762,5764],{"class":80,"line":390},[78,5761,2802],{"class":88},[78,5763,1359],{"class":117},[78,5765,1170],{"class":88},[78,5767,5768,5770,5772],{"class":80,"line":398},[78,5769,1332],{"class":88},[78,5771,2734],{"class":117},[78,5773,1170],{"class":88},[78,5775,5776],{"class":80,"line":1822},[78,5777,1712],{"emptyLinePlaceholder":419},[78,5779,5780,5782,5784,5786,5788,5790,5792,5794,5796],{"class":80,"line":1836},[78,5781,1124],{"class":88},[78,5783,1167],{"class":117},[78,5785,2827],{"class":1132},[78,5787,2830],{"class":1132},[78,5789,1136],{"class":88},[78,5791,1139],{"class":88},[78,5793,2837],{"class":102},[78,5795,1139],{"class":88},[78,5797,1170],{"class":88},[78,5799,5800,5802,5804,5806,5808,5811,5813,5815,5817,5819,5822],{"class":80,"line":1842},[78,5801,1692],{"class":1691},[78,5803,1738],{"class":88},[78,5805,4009],{"class":84},[78,5807,108],{"class":88},[78,5809,5810],{"class":1691}," type",[78,5812,2017],{"class":84},[78,5814,2384],{"class":88},[78,5816,2387],{"class":1691},[78,5818,124],{"class":88},[78,5820,5821],{"class":102},"~\u002Fcomposables\u002FuseFittingWidget",[78,5823,1318],{"class":88},[78,5825,5826],{"class":80,"line":1847},[78,5827,1712],{"emptyLinePlaceholder":419},[78,5829,5830,5832,5834,5836,5838],{"class":80,"line":1854},[78,5831,3369],{"class":1132},[78,5833,3372],{"class":84},[78,5835,1136],{"class":88},[78,5837,3377],{"class":92},[78,5839,3380],{"class":88},[78,5841,5842,5844,5846],{"class":80,"line":1867},[78,5843,2024],{"class":117},[78,5845,121],{"class":88},[78,5847,3389],{"class":1745},[78,5849,5850,5852,5854],{"class":80,"line":1880},[78,5851,3394],{"class":117},[78,5853,121],{"class":88},[78,5855,3389],{"class":1745},[78,5857,5858,5860],{"class":80,"line":1886},[78,5859,2341],{"class":88},[78,5861,3405],{"class":84},[78,5863,5864],{"class":80,"line":1895},[78,5865,1712],{"emptyLinePlaceholder":419},[78,5867,5868,5870,5872,5875,5877,5879,5881],{"class":80,"line":1901},[78,5869,3369],{"class":1132},[78,5871,1738],{"class":88},[78,5873,5874],{"class":84}," open ",[78,5876,138],{"class":88},[78,5878,1248],{"class":88},[78,5880,4009],{"class":92},[78,5882,3405],{"class":84},[78,5884,5885],{"class":80,"line":1907},[78,5886,1712],{"emptyLinePlaceholder":419},[78,5888,5889,5891,5893,5895,5897,5899],{"class":80,"line":1913},[78,5890,3369],{"class":1132},[78,5892,3416],{"class":84},[78,5894,1136],{"class":88},[78,5896,2167],{"class":88},[78,5898,2104],{"class":1132},[78,5900,111],{"class":88},[78,5902,5903,5906,5908],{"class":80,"line":1919},[78,5904,5905],{"class":92},"  open",[78,5907,96],{"class":117},[78,5909,2061],{"class":88},[78,5911,5912,5914,5916,5918,5920,5922],{"class":80,"line":1945},[78,5913,3449],{"class":117},[78,5915,121],{"class":88},[78,5917,124],{"class":88},[78,5919,310],{"class":102},[78,5921,99],{"class":88},[78,5923,132],{"class":88},[78,5925,5926,5928,5930,5932,5934,5936],{"class":80,"line":1951},[78,5927,3464],{"class":117},[78,5929,121],{"class":88},[78,5931,124],{"class":88},[78,5933,326],{"class":102},[78,5935,99],{"class":88},[78,5937,132],{"class":88},[78,5939,5940,5942,5944],{"class":80,"line":1959},[78,5941,3479],{"class":117},[78,5943,121],{"class":88},[78,5945,341],{"class":117},[78,5947,5948],{"class":80,"line":1969},[78,5949,3488],{"class":88},[78,5951,5952,5954,5956,5958,5960,5962],{"class":80,"line":1975},[78,5953,3493],{"class":117},[78,5955,121],{"class":88},[78,5957,3498],{"class":84},[78,5959,89],{"class":88},[78,5961,251],{"class":84},[78,5963,132],{"class":88},[78,5965,5966,5968,5970,5972,5974,5976],{"class":80,"line":1983},[78,5967,3509],{"class":117},[78,5969,121],{"class":88},[78,5971,3498],{"class":84},[78,5973,89],{"class":88},[78,5975,3518],{"class":84},[78,5977,132],{"class":88},[78,5979,5980],{"class":80,"line":3020},[78,5981,3525],{"class":88},[78,5983,5984,5986],{"class":80,"line":3028},[78,5985,3530],{"class":117},[78,5987,132],{"class":88},[78,5989,5990,5992],{"class":80,"line":4940},[78,5991,1323],{"class":88},[78,5993,3025],{"class":117},[78,5995,5996],{"class":80,"line":4949},[78,5997,1780],{"class":88},[78,5999,6000,6002,6004],{"class":80,"line":4954},[78,6001,1332],{"class":88},[78,6003,1167],{"class":117},[78,6005,1170],{"class":88},[406,6007,6008],{},"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":74,"searchDepth":114,"depth":114,"links":6010},[6011,6012,6013],{"id":3606,"depth":114,"text":3607},{"id":5366,"depth":114,"text":5367},{"id":5668,"depth":114,"text":5669},"Integrate with a Vue 3 application","i-lucide-venetian-mask",{},"\u002Fen\u002Fintegrations\u002Fvue",{"title":5168,"description":6014},"en\u002Fintegrations\u002Fvue","GShiJEM5AAOgyg7U0MXXp-Lqn_Y-1BooZA_uvPnVwT0",{"id":6022,"title":6023,"body":6024,"description":6433,"extension":416,"icon":1539,"meta":6434,"navigation":419,"path":1622,"seo":6435,"stem":6436,"__hash__":6437},"content\u002Fgetting-started\u002Fquick-start.md","Быстрый старт",{"type":7,"value":6025,"toc":6424},[6026,6029,6032,6036,6043,6047,6055,6097,6101,6241,6245,6251,6277,6281,6287,6397,6401,6404,6408,6421],[10,6027,6023],{"id":6028},"быстрый-старт",[19,6030,6031],{},"Следуйте этим шагам, чтобы добавить виртуальную примерку на ваш сайт.",[14,6033,6035],{"id":6034},"_1-получите-api-ключ","1. Получите API-ключ",[19,6037,6038,6039,6042],{},"Зарегистрируйтесь на ",[1091,6040,1096],{"href":1093,"rel":6041},[1095],", чтобы получить бесплатный API-ключ.",[14,6044,6046],{"id":6045},"_2-загрузите-скрипт-виджета","2. Загрузите скрипт виджета",[19,6048,6049,6050,6052,6053,121],{},"Добавьте следующий тег ",[54,6051,1107],{}," на страницу, желательно перед закрывающим тегом ",[54,6054,1111],{},[69,6056,6057],{"className":1115,"code":1116,"language":1117,"meta":74,"style":74},[54,6058,6059,6065,6077,6089],{"__ignoreMap":74},[78,6060,6061,6063],{"class":80,"line":81},[78,6062,1124],{"class":88},[78,6064,1127],{"class":117},[78,6066,6067,6069,6071,6073,6075],{"class":80,"line":114},[78,6068,1133],{"class":1132},[78,6070,1136],{"class":88},[78,6072,1139],{"class":88},[78,6074,1142],{"class":102},[78,6076,1145],{"class":88},[78,6078,6079,6081,6083,6085,6087],{"class":80,"line":135},[78,6080,1150],{"class":1132},[78,6082,1136],{"class":88},[78,6084,1139],{"class":88},[78,6086,1157],{"class":102},[78,6088,1145],{"class":88},[78,6090,6091,6093,6095],{"class":80,"line":333},[78,6092,1164],{"class":88},[78,6094,1167],{"class":117},[78,6096,1170],{"class":88},[14,6098,6100],{"id":6099},"_3-инициализируйте-виджет","3. Инициализируйте виджет",[69,6102,6103],{"className":1115,"code":1177,"language":1117,"meta":74,"style":74},[54,6104,6105,6123,6147,6189,6193,6213,6225,6233],{"__ignoreMap":74},[78,6106,6107,6109,6111,6113,6115,6117,6119,6121],{"class":80,"line":81},[78,6108,1124],{"class":88},[78,6110,1167],{"class":117},[78,6112,1188],{"class":1132},[78,6114,1136],{"class":88},[78,6116,1139],{"class":88},[78,6118,1195],{"class":102},[78,6120,1139],{"class":88},[78,6122,1170],{"class":88},[78,6124,6125,6127,6129,6131,6133,6135,6137,6139,6141,6143,6145],{"class":80,"line":114},[78,6126,1204],{"class":84},[78,6128,89],{"class":88},[78,6130,1209],{"class":84},[78,6132,1136],{"class":88},[78,6134,1214],{"class":84},[78,6136,89],{"class":88},[78,6138,1209],{"class":84},[78,6140,1221],{"class":88},[78,6142,1224],{"class":1132},[78,6144,1227],{"class":88},[78,6146,111],{"class":88},[78,6148,6149,6151,6153,6155,6157,6159,6161,6163,6165,6167,6169,6171,6173,6175,6177,6179,6181,6183,6185,6187],{"class":80,"line":135},[78,6150,1234],{"class":117},[78,6152,85],{"class":84},[78,6154,89],{"class":88},[78,6156,93],{"class":84},[78,6158,89],{"class":88},[78,6160,1245],{"class":84},[78,6162,1248],{"class":88},[78,6164,1214],{"class":84},[78,6166,89],{"class":88},[78,6168,93],{"class":84},[78,6170,89],{"class":88},[78,6172,1245],{"class":84},[78,6174,1261],{"class":88},[78,6176,1264],{"class":117},[78,6178,89],{"class":88},[78,6180,1269],{"class":92},[78,6182,96],{"class":117},[78,6184,1274],{"class":84},[78,6186,141],{"class":117},[78,6188,144],{"class":88},[78,6190,6191],{"class":80,"line":333},[78,6192,1283],{"class":88},[78,6194,6195,6197,6199,6201,6203,6205,6207,6209,6211],{"class":80,"line":344},[78,6196,1204],{"class":84},[78,6198,89],{"class":88},[78,6200,93],{"class":92},[78,6202,96],{"class":84},[78,6204,99],{"class":88},[78,6206,103],{"class":102},[78,6208,99],{"class":88},[78,6210,108],{"class":88},[78,6212,111],{"class":88},[78,6214,6215,6217,6219,6221,6223],{"class":80,"line":350},[78,6216,1308],{"class":117},[78,6218,121],{"class":88},[78,6220,124],{"class":88},[78,6222,1315],{"class":102},[78,6224,1318],{"class":88},[78,6226,6227,6229,6231],{"class":80,"line":367},[78,6228,1323],{"class":88},[78,6230,141],{"class":84},[78,6232,144],{"class":88},[78,6234,6235,6237,6239],{"class":80,"line":384},[78,6236,1332],{"class":88},[78,6238,1167],{"class":117},[78,6240,1170],{"class":88},[14,6242,6244],{"id":6243},"_4-добавьте-контейнер","4. Добавьте контейнер",[19,6246,6247,6248,6250],{},"Разместите ",[54,6249,1346],{}," там, где должен отображаться виджет:",[69,6252,6253],{"className":1115,"code":1350,"language":1117,"meta":74,"style":74},[54,6254,6255],{"__ignoreMap":74},[78,6256,6257,6259,6261,6263,6265,6267,6269,6271,6273,6275],{"class":80,"line":81},[78,6258,1124],{"class":88},[78,6260,1359],{"class":117},[78,6262,1188],{"class":1132},[78,6264,1136],{"class":88},[78,6266,1139],{"class":88},[78,6268,310],{"class":102},[78,6270,1139],{"class":88},[78,6272,1164],{"class":88},[78,6274,1359],{"class":117},[78,6276,1170],{"class":88},[14,6278,6280],{"id":6279},"_5-запустите-виджет","5. Запустите виджет",[19,6282,6283,6284,6286],{},"Вызовите метод ",[54,6285,292],{}," при нажатии пользователем кнопки:",[69,6288,6289],{"className":71,"code":1388,"language":73,"meta":74,"style":74},[54,6290,6291,6311,6325,6339,6347,6351,6365,6379,6383,6389],{"__ignoreMap":74},[78,6292,6293,6295,6297,6299,6301,6303,6305,6307,6309],{"class":80,"line":81},[78,6294,85],{"class":84},[78,6296,89],{"class":88},[78,6298,93],{"class":92},[78,6300,96],{"class":84},[78,6302,99],{"class":88},[78,6304,292],{"class":102},[78,6306,99],{"class":88},[78,6308,108],{"class":88},[78,6310,111],{"class":88},[78,6312,6313,6315,6317,6319,6321,6323],{"class":80,"line":114},[78,6314,303],{"class":117},[78,6316,121],{"class":88},[78,6318,124],{"class":88},[78,6320,310],{"class":102},[78,6322,99],{"class":88},[78,6324,132],{"class":88},[78,6326,6327,6329,6331,6333,6335,6337],{"class":80,"line":135},[78,6328,319],{"class":117},[78,6330,121],{"class":88},[78,6332,124],{"class":88},[78,6334,326],{"class":102},[78,6336,99],{"class":88},[78,6338,132],{"class":88},[78,6340,6341,6343,6345],{"class":80,"line":333},[78,6342,336],{"class":117},[78,6344,121],{"class":88},[78,6346,341],{"class":84},[78,6348,6349],{"class":80,"line":344},[78,6350,347],{"class":88},[78,6352,6353,6355,6357,6359,6361,6363],{"class":80,"line":350},[78,6354,353],{"class":117},[78,6356,121],{"class":88},[78,6358,124],{"class":88},[78,6360,1461],{"class":102},[78,6362,99],{"class":88},[78,6364,132],{"class":88},[78,6366,6367,6369,6371,6373,6375,6377],{"class":80,"line":367},[78,6368,370],{"class":117},[78,6370,121],{"class":88},[78,6372,124],{"class":88},[78,6374,1476],{"class":102},[78,6376,99],{"class":88},[78,6378,132],{"class":88},[78,6380,6381],{"class":80,"line":384},[78,6382,387],{"class":88},[78,6384,6385,6387],{"class":80,"line":390},[78,6386,393],{"class":84},[78,6388,132],{"class":88},[78,6390,6391,6393,6395],{"class":80,"line":398},[78,6392,138],{"class":88},[78,6394,141],{"class":84},[78,6396,144],{"class":88},[14,6398,6400],{"id":6399},"результат","Результат",[19,6402,6403],{},"Теперь ваши покупатели могут загрузить фотографию и мгновенно увидеть, как на них сидит одежда.",[14,6405,6407],{"id":6406},"дальнейшие-шаги","Дальнейшие шаги",[1511,6409,6410,6416],{},[1514,6411,6412,6413,89],{},"Ознакомьтесь с руководствами для конкретных фреймворков в разделе ",[1091,6414,6415],{"href":1519},"Интеграции",[1514,6417,6418,6419,89],{},"Изучите полный ",[1091,6420,5],{"href":420},[406,6422,6423],{},"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":74,"searchDepth":114,"depth":114,"links":6425},[6426,6427,6428,6429,6430,6431,6432],{"id":6034,"depth":114,"text":6035},{"id":6045,"depth":114,"text":6046},{"id":6099,"depth":114,"text":6100},{"id":6243,"depth":114,"text":6244},{"id":6279,"depth":114,"text":6280},{"id":6399,"depth":114,"text":6400},{"id":6406,"depth":114,"text":6407},"Запустите Fitting Widget за считанные минуты",{},{"title":6023,"description":6433},"getting-started\u002Fquick-start","4USnYxFPZA1hrOvVApcSHMt9oQc0aZ6Ct8ohgcj8WJ8",{"id":6439,"title":6440,"body":6441,"description":6519,"extension":416,"icon":1630,"meta":6520,"navigation":419,"path":6521,"seo":6522,"stem":6523,"__hash__":6524},"content\u002Findex.md","Введение",{"type":7,"value":6442,"toc":6514},[6443,6447,6452,6456,6485,6489,6506,6508],[10,6444,6446],{"id":6445},"fitting-widget-виртуальная-примерка","Fitting Widget — Виртуальная примерка",[19,6448,6449,6451],{},[1558,6450,1560],{}," — это готовое решение для виртуальной примерки одежды в интернет-магазинах. Он позволяет вашим покупателям загрузить фотографию и мгновенно увидеть, как на них выглядит любой предмет одежды — прямо на странице товара.",[14,6453,6455],{"id":6454},"ключевые-возможности","Ключевые возможности",[1511,6457,6458,6467,6473,6479],{},[1514,6459,6460,6463,6464,6466],{},[1558,6461,6462],{},"Быстрая интеграция"," — Один тег ",[54,6465,1107],{}," и несколько строк кода.",[1514,6468,6469,6472],{},[1558,6470,6471],{},"Не зависит от фреймворков"," — Работает с Vanilla JS, React, Vue, Next.js, Nuxt и другими.",[1514,6474,6475,6478],{},[1558,6476,6477],{},"Настраиваемый"," — Стилизуйте виджет под ваш бренд.",[1514,6480,6481,6484],{},[1558,6482,6483],{},"Лёгкий"," — Оптимизированная загрузка, которая не замедляет магазин.",[14,6486,6488],{"id":6487},"как-это-работает","Как это работает",[1597,6490,6491,6494,6497,6503],{},[1514,6492,6493],{},"Загрузите скрипт виджета на страницу.",[1514,6495,6496],{},"Инициализируйте его с вашим API-ключом.",[1514,6498,6499,6500,6502],{},"Вызовите ",[54,6501,1610],{}," с URL-адресами изображений товаров.",[1514,6504,6505],{},"Виджет отображается внутри выбранного вами контейнера.",[14,6507,6023],{"id":6028},[19,6509,6510,6511,6513],{},"Перейдите к руководству ",[1091,6512,6023],{"href":1622},", чтобы начать работу менее чем за 5 минут.",{"title":74,"searchDepth":114,"depth":114,"links":6515},[6516,6517,6518],{"id":6454,"depth":114,"text":6455},{"id":6487,"depth":114,"text":6488},{"id":6028,"depth":114,"text":6023},"Что такое Fitting Widget и зачем его использовать?",{},"\u002F",{"title":6440,"description":6519},"index","kGT91Bb-Wx88tMoHoRu65KMhDKtcehaBgnLzJYfeCWE",{"id":6526,"title":1638,"body":6527,"description":7402,"extension":416,"icon":2677,"meta":7403,"navigation":419,"path":7404,"seo":7405,"stem":7406,"__hash__":7407},"content\u002Fintegrations\u002Fnextjs.md",{"type":7,"value":6528,"toc":7393},[6529,6533,6541,6545,6553,6562,6798,6802,7130,7134,7370,7374,7379,7391],[10,6530,6532],{"id":6531},"интеграция-с-nextjs","Интеграция с Next.js",[19,6534,6535,6536,6538,6539,89],{},"Fitting Widget работает как с ",[1558,6537,1650],{},", так и с ",[1558,6540,1654],{},[14,6542,6544],{"id":6543},"app-router-рекомендуется","App Router (рекомендуется)",[19,6546,6547,6548,6550,6551,89],{},"Используйте компонент Next.js ",[54,6549,1664],{}," с ",[54,6552,1668],{},[226,6554,6556,6557,6559,6560],{"id":6555},"шаг-1-загрузка-скриптов-в-layouttsx-или-pagetsx","Шаг 1 — Загрузка скриптов в ",[54,6558,1675],{}," или ",[54,6561,1679],{},[69,6563,6564],{"className":1682,"code":1683,"language":1684,"meta":74,"style":74},[54,6565,6566,6582,6586,6618,6624,6628,6636,6640,6646,6658,6670,6682,6686,6690,6696,6708,6720,6724,6730,6734,6738,6742,6746,6766,6770,6776,6784,6788,6794],{"__ignoreMap":74},[78,6567,6568,6570,6572,6574,6576,6578,6580],{"class":80,"line":81},[78,6569,1692],{"class":1691},[78,6571,1695],{"class":84},[78,6573,1698],{"class":1691},[78,6575,124],{"class":88},[78,6577,1703],{"class":102},[78,6579,99],{"class":88},[78,6581,144],{"class":88},[78,6583,6584],{"class":80,"line":114},[78,6585,1712],{"emptyLinePlaceholder":419},[78,6587,6588,6590,6592,6594,6596,6598,6600,6602,6604,6606,6608,6610,6612,6614,6616],{"class":80,"line":135},[78,6589,1717],{"class":1691},[78,6591,1720],{"class":1691},[78,6593,1224],{"class":1132},[78,6595,1725],{"class":92},[78,6597,1728],{"class":88},[78,6599,1732],{"class":1731},[78,6601,1735],{"class":88},[78,6603,1738],{"class":88},[78,6605,1732],{"class":117},[78,6607,121],{"class":88},[78,6609,1746],{"class":1745},[78,6611,89],{"class":88},[78,6613,1751],{"class":1745},[78,6615,1754],{"class":88},[78,6617,111],{"class":88},[78,6619,6620,6622],{"class":80,"line":333},[78,6621,1761],{"class":1691},[78,6623,1764],{"class":117},[78,6625,6626],{"class":80,"line":344},[78,6627,1769],{"class":88},[78,6629,6630,6632,6634],{"class":80,"line":350},[78,6631,1774],{"class":88},[78,6633,1777],{"class":84},[78,6635,1780],{"class":88},[78,6637,6638],{"class":80,"line":367},[78,6639,1712],{"emptyLinePlaceholder":419},[78,6641,6642,6644],{"class":80,"line":384},[78,6643,1789],{"class":88},[78,6645,1792],{"class":1745},[78,6647,6648,6650,6652,6654,6656],{"class":80,"line":390},[78,6649,1797],{"class":1132},[78,6651,1136],{"class":88},[78,6653,1139],{"class":88},[78,6655,1142],{"class":102},[78,6657,1145],{"class":88},[78,6659,6660,6662,6664,6666,6668],{"class":80,"line":398},[78,6661,1810],{"class":1132},[78,6663,1136],{"class":88},[78,6665,1139],{"class":88},[78,6667,1817],{"class":102},[78,6669,1145],{"class":88},[78,6671,6672,6674,6676,6678,6680],{"class":80,"line":1822},[78,6673,1825],{"class":1132},[78,6675,1136],{"class":88},[78,6677,1139],{"class":88},[78,6679,1157],{"class":102},[78,6681,1145],{"class":88},[78,6683,6684],{"class":80,"line":1836},[78,6685,1839],{"class":88},[78,6687,6688],{"class":80,"line":1842},[78,6689,1712],{"emptyLinePlaceholder":419},[78,6691,6692,6694],{"class":80,"line":1847},[78,6693,1789],{"class":88},[78,6695,1792],{"class":1745},[78,6697,6698,6700,6702,6704,6706],{"class":80,"line":1854},[78,6699,1810],{"class":1132},[78,6701,1136],{"class":88},[78,6703,1139],{"class":88},[78,6705,1817],{"class":102},[78,6707,1145],{"class":88},[78,6709,6710,6712,6714,6716,6718],{"class":80,"line":1867},[78,6711,1825],{"class":1132},[78,6713,1136],{"class":88},[78,6715,1139],{"class":88},[78,6717,1195],{"class":102},[78,6719,1145],{"class":88},[78,6721,6722],{"class":80,"line":1880},[78,6723,1883],{"class":88},[78,6725,6726,6728],{"class":80,"line":1886},[78,6727,1889],{"class":88},[78,6729,1892],{"class":88},[78,6731,6732],{"class":80,"line":1895},[78,6733,1898],{"class":102},[78,6735,6736],{"class":80,"line":1901},[78,6737,1904],{"class":102},[78,6739,6740],{"class":80,"line":1907},[78,6741,1910],{"class":102},[78,6743,6744],{"class":80,"line":1913},[78,6745,1916],{"class":102},[78,6747,6748,6750,6752,6754,6756,6758,6760,6762,6764],{"class":80,"line":1919},[78,6749,1922],{"class":102},[78,6751,1925],{"class":88},[78,6753,1928],{"class":84},[78,6755,89],{"class":88},[78,6757,1933],{"class":84},[78,6759,89],{"class":88},[78,6761,1938],{"class":84},[78,6763,138],{"class":88},[78,6765,1318],{"class":102},[78,6767,6768],{"class":80,"line":1945},[78,6769,1948],{"class":102},[78,6771,6772,6774],{"class":80,"line":1951},[78,6773,1954],{"class":88},[78,6775,1780],{"class":88},[78,6777,6778,6780,6782],{"class":80,"line":1959},[78,6779,1962],{"class":88},[78,6781,1664],{"class":1745},[78,6783,1170],{"class":88},[78,6785,6786],{"class":80,"line":1969},[78,6787,1972],{"class":88},[78,6789,6790,6792],{"class":80,"line":1975},[78,6791,1978],{"class":117},[78,6793,144],{"class":88},[78,6795,6796],{"class":80,"line":1983},[78,6797,1780],{"class":88},[226,6799,6801],{"id":6800},"шаг-2-создание-кнопки-виджета","Шаг 2 — Создание кнопки виджета",[69,6803,6805],{"className":1682,"code":6804,"language":1684,"meta":74,"style":74},"'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",[54,6806,6807,6817,6821,6829,6839,6849,6853,6857,6865,6873,6903,6907,6911,6915,6943,6957,6977,6991,7005,7015,7023,7027,7031,7037,7041,7093,7116,7120,7126],{"__ignoreMap":74},[78,6808,6809,6811,6813,6815],{"class":80,"line":81},[78,6810,99],{"class":88},[78,6812,2001],{"class":102},[78,6814,99],{"class":88},[78,6816,144],{"class":88},[78,6818,6819],{"class":80,"line":114},[78,6820,1712],{"emptyLinePlaceholder":419},[78,6822,6823,6825,6827],{"class":80,"line":135},[78,6824,2014],{"class":1132},[78,6826,2017],{"class":1745},[78,6828,111],{"class":88},[78,6830,6831,6833,6835,6837],{"class":80,"line":333},[78,6832,2024],{"class":117},[78,6834,121],{"class":88},[78,6836,2029],{"class":1745},[78,6838,144],{"class":88},[78,6840,6841,6843,6845,6847],{"class":80,"line":344},[78,6842,2036],{"class":117},[78,6844,121],{"class":88},[78,6846,2029],{"class":1745},[78,6848,144],{"class":88},[78,6850,6851],{"class":80,"line":350},[78,6852,1780],{"class":88},[78,6854,6855],{"class":80,"line":367},[78,6856,1712],{"emptyLinePlaceholder":419},[78,6858,6859,6861,6863],{"class":80,"line":384},[78,6860,2055],{"class":1132},[78,6862,2058],{"class":84},[78,6864,2061],{"class":88},[78,6866,6867,6869,6871],{"class":80,"line":390},[78,6868,2066],{"class":1132},[78,6870,2069],{"class":1745},[78,6872,111],{"class":88},[78,6874,6875,6877,6879,6881,6883,6885,6887,6889,6891,6893,6895,6897,6899,6901],{"class":80,"line":398},[78,6876,2076],{"class":117},[78,6878,121],{"class":88},[78,6880,2081],{"class":88},[78,6882,2084],{"class":1731},[78,6884,121],{"class":88},[78,6886,2029],{"class":1745},[78,6888,108],{"class":88},[78,6890,2093],{"class":1731},[78,6892,2096],{"class":88},[78,6894,2099],{"class":1745},[78,6896,141],{"class":88},[78,6898,2104],{"class":1132},[78,6900,2107],{"class":1745},[78,6902,144],{"class":88},[78,6904,6905],{"class":80,"line":1822},[78,6906,2114],{"class":88},[78,6908,6909],{"class":80,"line":1836},[78,6910,1780],{"class":88},[78,6912,6913],{"class":80,"line":1842},[78,6914,1712],{"emptyLinePlaceholder":419},[78,6916,6917,6919,6921,6923,6925,6927,6929,6931,6933,6935,6937,6939,6941],{"class":80,"line":1847},[78,6918,1717],{"class":1691},[78,6920,1224],{"class":1132},[78,6922,2131],{"class":92},[78,6924,1728],{"class":88},[78,6926,2136],{"class":1731},[78,6928,1735],{"class":88},[78,6930,1738],{"class":88},[78,6932,2136],{"class":117},[78,6934,121],{"class":88},[78,6936,2017],{"class":1745},[78,6938,2149],{"class":84},[78,6940,2152],{"class":88},[78,6942,111],{"class":88},[78,6944,6945,6947,6949,6951,6953,6955],{"class":80,"line":1854},[78,6946,2159],{"class":1132},[78,6948,2162],{"class":84},[78,6950,1248],{"class":88},[78,6952,2167],{"class":88},[78,6954,2104],{"class":1132},[78,6956,111],{"class":88},[78,6958,6959,6961,6963,6965,6967,6969,6971,6973,6975],{"class":80,"line":1867},[78,6960,2176],{"class":84},[78,6962,89],{"class":88},[78,6964,93],{"class":92},[78,6966,96],{"class":117},[78,6968,99],{"class":88},[78,6970,292],{"class":102},[78,6972,99],{"class":88},[78,6974,108],{"class":88},[78,6976,111],{"class":88},[78,6978,6979,6981,6983,6985,6987,6989],{"class":80,"line":1880},[78,6980,2197],{"class":117},[78,6982,121],{"class":88},[78,6984,124],{"class":88},[78,6986,310],{"class":102},[78,6988,99],{"class":88},[78,6990,132],{"class":88},[78,6992,6993,6995,6997,6999,7001,7003],{"class":80,"line":1886},[78,6994,2212],{"class":117},[78,6996,121],{"class":88},[78,6998,124],{"class":88},[78,7000,326],{"class":102},[78,7002,99],{"class":88},[78,7004,132],{"class":88},[78,7006,7007,7009,7011,7013],{"class":80,"line":1895},[78,7008,2227],{"class":117},[78,7010,121],{"class":88},[78,7012,2136],{"class":84},[78,7014,132],{"class":88},[78,7016,7017,7019,7021],{"class":80,"line":1901},[78,7018,2238],{"class":88},[78,7020,141],{"class":117},[78,7022,144],{"class":88},[78,7024,7025],{"class":80,"line":1907},[78,7026,1283],{"class":88},[78,7028,7029],{"class":80,"line":1913},[78,7030,1712],{"emptyLinePlaceholder":419},[78,7032,7033,7035],{"class":80,"line":1919},[78,7034,1761],{"class":1691},[78,7036,1764],{"class":117},[78,7038,7039],{"class":80,"line":1945},[78,7040,1769],{"class":88},[78,7042,7043,7045,7047,7049,7051,7053,7055,7057,7059,7061,7063,7065,7067,7069,7071,7073,7075,7077,7079,7081,7083,7085,7087,7089,7091],{"class":80,"line":1951},[78,7044,1789],{"class":88},[78,7046,1359],{"class":117},[78,7048,1188],{"class":1132},[78,7050,1136],{"class":88},[78,7052,1139],{"class":88},[78,7054,310],{"class":102},[78,7056,1139],{"class":88},[78,7058,2279],{"class":1132},[78,7060,2282],{"class":88},[78,7062,2285],{"class":117},[78,7064,121],{"class":88},[78,7066,124],{"class":88},[78,7068,2292],{"class":102},[78,7070,99],{"class":88},[78,7072,108],{"class":88},[78,7074,2299],{"class":117},[78,7076,121],{"class":88},[78,7078,2305],{"class":2304},[78,7080,108],{"class":88},[78,7082,2310],{"class":117},[78,7084,121],{"class":88},[78,7086,124],{"class":88},[78,7088,2317],{"class":102},[78,7090,99],{"class":88},[78,7092,2322],{"class":88},[78,7094,7095,7097,7099,7101,7103,7105,7107,7110,7112,7114],{"class":80,"line":1959},[78,7096,1789],{"class":88},[78,7098,2329],{"class":117},[78,7100,2332],{"class":1132},[78,7102,2335],{"class":88},[78,7104,2338],{"class":84},[78,7106,2341],{"class":88},[78,7108,7109],{"class":84},"Примерка",[78,7111,1332],{"class":88},[78,7113,2329],{"class":117},[78,7115,1170],{"class":88},[78,7117,7118],{"class":80,"line":1969},[78,7119,1972],{"class":88},[78,7121,7122,7124],{"class":80,"line":1975},[78,7123,1978],{"class":117},[78,7125,144],{"class":88},[78,7127,7128],{"class":80,"line":1983},[78,7129,1780],{"class":88},[226,7131,7133],{"id":7132},"шаг-3-использование-на-странице-товара","Шаг 3 — Использование на странице товара",[69,7135,7136],{"className":1682,"code":2371,"language":1684,"meta":74,"style":74},[54,7137,7138,7158,7162,7200,7224,7228,7234,7242,7262,7292,7298,7306,7310,7324,7338,7342,7348,7352,7360,7366],{"__ignoreMap":74},[78,7139,7140,7142,7144,7146,7148,7150,7152,7154,7156],{"class":80,"line":81},[78,7141,1692],{"class":1691},[78,7143,1738],{"class":88},[78,7145,2131],{"class":84},[78,7147,2384],{"class":88},[78,7149,2387],{"class":1691},[78,7151,124],{"class":88},[78,7153,2392],{"class":102},[78,7155,99],{"class":88},[78,7157,144],{"class":88},[78,7159,7160],{"class":80,"line":114},[78,7161,1712],{"emptyLinePlaceholder":419},[78,7163,7164,7166,7168,7170,7172,7174,7176,7178,7180,7182,7184,7186,7188,7190,7192,7194,7196,7198],{"class":80,"line":135},[78,7165,1717],{"class":1691},[78,7167,1720],{"class":1691},[78,7169,2409],{"class":1132},[78,7171,1224],{"class":1132},[78,7173,2414],{"class":92},[78,7175,1728],{"class":88},[78,7177,2419],{"class":1731},[78,7179,1735],{"class":88},[78,7181,1738],{"class":88},[78,7183,2419],{"class":117},[78,7185,121],{"class":88},[78,7187,1738],{"class":88},[78,7189,2432],{"class":117},[78,7191,121],{"class":88},[78,7193,2029],{"class":1745},[78,7195,2384],{"class":88},[78,7197,1754],{"class":88},[78,7199,111],{"class":88},[78,7201,7202,7204,7206,7208,7210,7212,7214,7216,7218,7220,7222],{"class":80,"line":333},[78,7203,2159],{"class":1132},[78,7205,2449],{"class":84},[78,7207,1248],{"class":88},[78,7209,2454],{"class":1691},[78,7211,2457],{"class":92},[78,7213,96],{"class":117},[78,7215,2462],{"class":84},[78,7217,89],{"class":88},[78,7219,2467],{"class":84},[78,7221,141],{"class":117},[78,7223,144],{"class":88},[78,7225,7226],{"class":80,"line":344},[78,7227,1712],{"emptyLinePlaceholder":419},[78,7229,7230,7232],{"class":80,"line":350},[78,7231,1761],{"class":1691},[78,7233,1764],{"class":117},[78,7235,7236,7238,7240],{"class":80,"line":367},[78,7237,2486],{"class":88},[78,7239,1359],{"class":117},[78,7241,1170],{"class":88},[78,7243,7244,7246,7248,7250,7252,7254,7256,7258,7260],{"class":80,"line":384},[78,7245,1789],{"class":88},[78,7247,10],{"class":117},[78,7249,2499],{"class":88},[78,7251,2502],{"class":84},[78,7253,89],{"class":88},[78,7255,2507],{"class":84},[78,7257,2510],{"class":88},[78,7259,10],{"class":117},[78,7261,1170],{"class":88},[78,7263,7264,7266,7268,7270,7272,7274,7276,7278,7280,7282,7284,7286,7288,7290],{"class":80,"line":390},[78,7265,1789],{"class":88},[78,7267,2521],{"class":117},[78,7269,2524],{"class":1132},[78,7271,2335],{"class":88},[78,7273,2502],{"class":84},[78,7275,89],{"class":88},[78,7277,2533],{"class":84},[78,7279,2536],{"class":88},[78,7281,2539],{"class":1132},[78,7283,2335],{"class":88},[78,7285,2502],{"class":84},[78,7287,89],{"class":88},[78,7289,2507],{"class":84},[78,7291,2550],{"class":88},[78,7293,7294,7296],{"class":80,"line":398},[78,7295,1789],{"class":88},[78,7297,2557],{"class":1745},[78,7299,7300,7302,7304],{"class":80,"line":1822},[78,7301,2562],{"class":1132},[78,7303,2335],{"class":88},[78,7305,2567],{"class":84},[78,7307,7308],{"class":80,"line":1836},[78,7309,2572],{"class":88},[78,7311,7312,7314,7316,7318,7320,7322],{"class":80,"line":1842},[78,7313,2577],{"class":117},[78,7315,121],{"class":88},[78,7317,2449],{"class":84},[78,7319,89],{"class":88},[78,7321,2507],{"class":84},[78,7323,132],{"class":88},[78,7325,7326,7328,7330,7332,7334,7336],{"class":80,"line":1847},[78,7327,2592],{"class":117},[78,7329,121],{"class":88},[78,7331,2449],{"class":84},[78,7333,89],{"class":88},[78,7335,2533],{"class":84},[78,7337,132],{"class":88},[78,7339,7340],{"class":80,"line":1854},[78,7341,2607],{"class":88},[78,7343,7344,7346],{"class":80,"line":1867},[78,7345,2612],{"class":84},[78,7347,1780],{"class":88},[78,7349,7350],{"class":80,"line":1880},[78,7351,1839],{"class":88},[78,7353,7354,7356,7358],{"class":80,"line":1886},[78,7355,2623],{"class":88},[78,7357,1359],{"class":117},[78,7359,1170],{"class":88},[78,7361,7362,7364],{"class":80,"line":1895},[78,7363,1978],{"class":117},[78,7365,144],{"class":88},[78,7367,7368],{"class":80,"line":1901},[78,7369,1780],{"class":88},[14,7371,7373],{"id":7372},"переменная-окружения","Переменная окружения",[19,7375,7376,7377,121],{},"Добавьте ваш API-ключ в ",[54,7378,2647],{},[69,7380,7381],{"className":2650,"code":2651,"language":2652,"meta":74,"style":74},[54,7382,7383],{"__ignoreMap":74},[78,7384,7385,7387,7389],{"class":80,"line":81},[78,7386,1938],{"class":84},[78,7388,1136],{"class":88},[78,7390,2663],{"class":102},[406,7392,2666],{},{"title":74,"searchDepth":114,"depth":114,"links":7394},[7395,7401],{"id":6543,"depth":114,"text":6544,"children":7396},[7397,7399,7400],{"id":6555,"depth":135,"text":7398},"Шаг 1 — Загрузка скриптов в layout.tsx или page.tsx",{"id":6800,"depth":135,"text":6801},{"id":7132,"depth":135,"text":7133},{"id":7372,"depth":114,"text":7373},"Интеграция с Next.js (Pages Router и App Router)",{},"\u002Fintegrations\u002Fnextjs",{"title":1638,"description":7402},"integrations\u002Fnextjs","KS6JTPT1XrolEU5h4YdImeGYebYne3YB0eM4G4u-UlY",{"id":7409,"title":2685,"body":7410,"description":8223,"extension":416,"icon":3586,"meta":8224,"navigation":419,"path":8225,"seo":8226,"stem":8227,"__hash__":8228},"content\u002Fintegrations\u002Fnuxt.md",{"type":7,"value":7411,"toc":8213},[7412,7416,7419,7423,7431,7437,7719,7725,7901,7905,8192,8194,8199,8211],[10,7413,7415],{"id":7414},"интеграция-с-nuxt","Интеграция с Nuxt",[19,7417,7418],{},"Fitting Widget легко интегрируется с Nuxt 3 и Nuxt 4.",[14,7420,7422],{"id":7421},"_1-загрузка-скрипта","1. Загрузка скрипта",[19,7424,7425,7426,7428,7429,89],{},"Используйте composable ",[54,7427,2704],{}," или добавьте скрипты в ",[54,7430,2708],{},[226,7432,7434,7435],{"id":7433},"вариант-а-на-страницу-через-usehead","Вариант А — На страницу через ",[54,7436,2704],{},[69,7438,7439],{"className":2717,"code":2718,"language":2719,"meta":74,"style":74},[54,7440,7441,7445,7453,7461,7477,7505,7513,7521,7525,7545,7563,7567,7575,7583,7587,7601,7615,7619,7623,7637,7645,7649,7653,7657,7661,7685,7689,7695,7699,7705,7711],{"__ignoreMap":74},[78,7442,7443],{"class":80,"line":81},[78,7444,2727],{"class":2726},[78,7446,7447,7449,7451],{"class":80,"line":114},[78,7448,1124],{"class":88},[78,7450,2734],{"class":117},[78,7452,1170],{"class":88},[78,7454,7455,7457,7459],{"class":80,"line":135},[78,7456,2741],{"class":88},[78,7458,1359],{"class":117},[78,7460,1170],{"class":88},[78,7462,7463,7465,7467,7469,7471,7473,7475],{"class":80,"line":333},[78,7464,2486],{"class":88},[78,7466,10],{"class":117},[78,7468,2754],{"class":88},[78,7470,2757],{"class":84},[78,7472,1332],{"class":88},[78,7474,10],{"class":117},[78,7476,1170],{"class":88},[78,7478,7479,7481,7483,7485,7487,7489,7491,7493,7495,7497,7499,7501,7503],{"class":80,"line":344},[78,7480,2486],{"class":88},[78,7482,2770],{"class":117},[78,7484,2773],{"class":1132},[78,7486,1136],{"class":88},[78,7488,1139],{"class":88},[78,7490,2780],{"class":102},[78,7492,1139],{"class":88},[78,7494,2785],{"class":1132},[78,7496,1136],{"class":88},[78,7498,1139],{"class":88},[78,7500,2792],{"class":102},[78,7502,1139],{"class":88},[78,7504,2797],{"class":88},[78,7506,7507,7509,7511],{"class":80,"line":350},[78,7508,2802],{"class":88},[78,7510,1359],{"class":117},[78,7512,1170],{"class":88},[78,7514,7515,7517,7519],{"class":80,"line":367},[78,7516,1332],{"class":88},[78,7518,2734],{"class":117},[78,7520,1170],{"class":88},[78,7522,7523],{"class":80,"line":384},[78,7524,1712],{"emptyLinePlaceholder":419},[78,7526,7527,7529,7531,7533,7535,7537,7539,7541,7543],{"class":80,"line":390},[78,7528,1124],{"class":88},[78,7530,1167],{"class":117},[78,7532,2827],{"class":1132},[78,7534,2830],{"class":1132},[78,7536,1136],{"class":88},[78,7538,1139],{"class":88},[78,7540,2837],{"class":102},[78,7542,1139],{"class":88},[78,7544,1170],{"class":88},[78,7546,7547,7549,7551,7553,7555,7557,7559,7561],{"class":80,"line":398},[78,7548,1692],{"class":1691},[78,7550,1738],{"class":88},[78,7552,2850],{"class":84},[78,7554,2384],{"class":88},[78,7556,2387],{"class":1691},[78,7558,124],{"class":88},[78,7560,2859],{"class":102},[78,7562,1318],{"class":88},[78,7564,7565],{"class":80,"line":1822},[78,7566,1712],{"emptyLinePlaceholder":419},[78,7568,7569,7571,7573],{"class":80,"line":1836},[78,7570,2704],{"class":92},[78,7572,96],{"class":84},[78,7574,2061],{"class":88},[78,7576,7577,7579,7581],{"class":80,"line":1842},[78,7578,2878],{"class":117},[78,7580,121],{"class":88},[78,7582,341],{"class":84},[78,7584,7585],{"class":80,"line":1847},[78,7586,347],{"class":88},[78,7588,7589,7591,7593,7595,7597,7599],{"class":80,"line":1854},[78,7590,2891],{"class":117},[78,7592,121],{"class":88},[78,7594,124],{"class":88},[78,7596,1142],{"class":102},[78,7598,99],{"class":88},[78,7600,132],{"class":88},[78,7602,7603,7605,7607,7609,7611,7613],{"class":80,"line":1867},[78,7604,2906],{"class":117},[78,7606,121],{"class":88},[78,7608,124],{"class":88},[78,7610,1157],{"class":102},[78,7612,99],{"class":88},[78,7614,132],{"class":88},[78,7616,7617],{"class":80,"line":1880},[78,7618,387],{"class":88},[78,7620,7621],{"class":80,"line":1886},[78,7622,347],{"class":88},[78,7624,7625,7627,7629,7631,7633,7635],{"class":80,"line":1895},[78,7626,2906],{"class":117},[78,7628,121],{"class":88},[78,7630,124],{"class":88},[78,7632,1195],{"class":102},[78,7634,99],{"class":88},[78,7636,132],{"class":88},[78,7638,7639,7641,7643],{"class":80,"line":1901},[78,7640,2943],{"class":117},[78,7642,121],{"class":88},[78,7644,2948],{"class":88},[78,7646,7647],{"class":80,"line":1907},[78,7648,2953],{"class":102},[78,7650,7651],{"class":80,"line":1913},[78,7652,2958],{"class":102},[78,7654,7655],{"class":80,"line":1919},[78,7656,2963],{"class":102},[78,7658,7659],{"class":80,"line":1945},[78,7660,2968],{"class":102},[78,7662,7663,7665,7667,7669,7671,7673,7675,7677,7679,7681,7683],{"class":80,"line":1951},[78,7664,2973],{"class":102},[78,7666,1925],{"class":88},[78,7668,1692],{"class":1691},[78,7670,89],{"class":88},[78,7672,2982],{"class":84},[78,7674,89],{"class":88},[78,7676,1933],{"class":84},[78,7678,89],{"class":88},[78,7680,2991],{"class":84},[78,7682,138],{"class":88},[78,7684,1318],{"class":102},[78,7686,7687],{"class":80,"line":1959},[78,7688,3000],{"class":102},[78,7690,7691,7693],{"class":80,"line":1969},[78,7692,3005],{"class":88},[78,7694,132],{"class":88},[78,7696,7697],{"class":80,"line":1975},[78,7698,387],{"class":88},[78,7700,7701,7703],{"class":80,"line":1983},[78,7702,393],{"class":84},[78,7704,132],{"class":88},[78,7706,7707,7709],{"class":80,"line":3020},[78,7708,138],{"class":88},[78,7710,3025],{"class":84},[78,7712,7713,7715,7717],{"class":80,"line":3028},[78,7714,1332],{"class":88},[78,7716,1167],{"class":117},[78,7718,1170],{"class":88},[226,7720,7722,7723],{"id":7721},"вариант-б-глобально-в-nuxtconfigts","Вариант Б — Глобально в ",[54,7724,2708],{},[69,7726,7727],{"className":3043,"code":3044,"language":2837,"meta":74,"style":74},[54,7728,7729,7741,7749,7757,7765,7769,7783,7797,7801,7805,7819,7827,7831,7835,7839,7843,7867,7871,7877,7881,7887,7891,7895],{"__ignoreMap":74},[78,7730,7731,7733,7735,7737,7739],{"class":80,"line":81},[78,7732,1717],{"class":1691},[78,7734,1720],{"class":1691},[78,7736,3055],{"class":92},[78,7738,96],{"class":84},[78,7740,2061],{"class":88},[78,7742,7743,7745,7747],{"class":80,"line":114},[78,7744,3064],{"class":117},[78,7746,121],{"class":88},[78,7748,111],{"class":88},[78,7750,7751,7753,7755],{"class":80,"line":135},[78,7752,3073],{"class":117},[78,7754,121],{"class":88},[78,7756,111],{"class":88},[78,7758,7759,7761,7763],{"class":80,"line":333},[78,7760,3082],{"class":117},[78,7762,121],{"class":88},[78,7764,341],{"class":84},[78,7766,7767],{"class":80,"line":344},[78,7768,3091],{"class":88},[78,7770,7771,7773,7775,7777,7779,7781],{"class":80,"line":350},[78,7772,3096],{"class":117},[78,7774,121],{"class":88},[78,7776,124],{"class":88},[78,7778,1142],{"class":102},[78,7780,99],{"class":88},[78,7782,132],{"class":88},[78,7784,7785,7787,7789,7791,7793,7795],{"class":80,"line":367},[78,7786,3111],{"class":117},[78,7788,121],{"class":88},[78,7790,124],{"class":88},[78,7792,1157],{"class":102},[78,7794,99],{"class":88},[78,7796,132],{"class":88},[78,7798,7799],{"class":80,"line":384},[78,7800,3126],{"class":88},[78,7802,7803],{"class":80,"line":390},[78,7804,3091],{"class":88},[78,7806,7807,7809,7811,7813,7815,7817],{"class":80,"line":398},[78,7808,3111],{"class":117},[78,7810,121],{"class":88},[78,7812,124],{"class":88},[78,7814,1195],{"class":102},[78,7816,99],{"class":88},[78,7818,132],{"class":88},[78,7820,7821,7823,7825],{"class":80,"line":1822},[78,7822,3149],{"class":117},[78,7824,121],{"class":88},[78,7826,2948],{"class":88},[78,7828,7829],{"class":80,"line":1836},[78,7830,3158],{"class":102},[78,7832,7833],{"class":80,"line":1842},[78,7834,3163],{"class":102},[78,7836,7837],{"class":80,"line":1847},[78,7838,3168],{"class":102},[78,7840,7841],{"class":80,"line":1854},[78,7842,3173],{"class":102},[78,7844,7845,7847,7849,7851,7853,7855,7857,7859,7861,7863,7865],{"class":80,"line":1867},[78,7846,3178],{"class":102},[78,7848,1925],{"class":88},[78,7850,1692],{"class":1691},[78,7852,89],{"class":88},[78,7854,2982],{"class":84},[78,7856,89],{"class":88},[78,7858,1933],{"class":84},[78,7860,89],{"class":88},[78,7862,2991],{"class":84},[78,7864,138],{"class":88},[78,7866,1318],{"class":102},[78,7868,7869],{"class":80,"line":1880},[78,7870,3203],{"class":102},[78,7872,7873,7875],{"class":80,"line":1886},[78,7874,3208],{"class":88},[78,7876,132],{"class":88},[78,7878,7879],{"class":80,"line":1895},[78,7880,3126],{"class":88},[78,7882,7883,7885],{"class":80,"line":1901},[78,7884,3219],{"class":84},[78,7886,132],{"class":88},[78,7888,7889],{"class":80,"line":1907},[78,7890,387],{"class":88},[78,7892,7893],{"class":80,"line":1913},[78,7894,3230],{"class":88},[78,7896,7897,7899],{"class":80,"line":1919},[78,7898,138],{"class":88},[78,7900,3025],{"class":84},[14,7902,7904],{"id":7903},"_2-создание-компонента-обёртки","2. Создание компонента-обёртки",[69,7906,7908],{"className":2717,"code":7907,"language":2719,"meta":74,"style":74},"\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",[54,7909,7910,7914,7922,7930,7958,7984,7992,8000,8004,8024,8036,8044,8052,8058,8062,8076,8096,8110,8124,8132,8136,8150,8164,8168,8174,8180,8184],{"__ignoreMap":74},[78,7911,7912],{"class":80,"line":81},[78,7913,3250],{"class":2726},[78,7915,7916,7918,7920],{"class":80,"line":114},[78,7917,1124],{"class":88},[78,7919,2734],{"class":117},[78,7921,1170],{"class":88},[78,7923,7924,7926,7928],{"class":80,"line":135},[78,7925,2741],{"class":88},[78,7927,1359],{"class":117},[78,7929,1170],{"class":88},[78,7931,7932,7934,7936,7938,7940,7942,7944,7946,7948,7950,7952,7954,7956],{"class":80,"line":333},[78,7933,2486],{"class":88},[78,7935,1359],{"class":117},[78,7937,1188],{"class":1132},[78,7939,1136],{"class":88},[78,7941,1139],{"class":88},[78,7943,310],{"class":102},[78,7945,1139],{"class":88},[78,7947,3285],{"class":1132},[78,7949,1136],{"class":88},[78,7951,1139],{"class":88},[78,7953,3292],{"class":102},[78,7955,1139],{"class":88},[78,7957,2797],{"class":88},[78,7959,7960,7962,7964,7966,7968,7970,7972,7974,7976,7978,7980,7982],{"class":80,"line":344},[78,7961,2486],{"class":88},[78,7963,2329],{"class":117},[78,7965,3305],{"class":1132},[78,7967,1136],{"class":88},[78,7969,1139],{"class":88},[78,7971,3312],{"class":102},[78,7973,1139],{"class":88},[78,7975,2754],{"class":88},[78,7977,7109],{"class":84},[78,7979,1332],{"class":88},[78,7981,2329],{"class":117},[78,7983,1170],{"class":88},[78,7985,7986,7988,7990],{"class":80,"line":350},[78,7987,2802],{"class":88},[78,7989,1359],{"class":117},[78,7991,1170],{"class":88},[78,7993,7994,7996,7998],{"class":80,"line":367},[78,7995,1332],{"class":88},[78,7997,2734],{"class":117},[78,7999,1170],{"class":88},[78,8001,8002],{"class":80,"line":384},[78,8003,1712],{"emptyLinePlaceholder":419},[78,8005,8006,8008,8010,8012,8014,8016,8018,8020,8022],{"class":80,"line":390},[78,8007,1124],{"class":88},[78,8009,1167],{"class":117},[78,8011,2827],{"class":1132},[78,8013,2830],{"class":1132},[78,8015,1136],{"class":88},[78,8017,1139],{"class":88},[78,8019,2837],{"class":102},[78,8021,1139],{"class":88},[78,8023,1170],{"class":88},[78,8025,8026,8028,8030,8032,8034],{"class":80,"line":398},[78,8027,3369],{"class":1132},[78,8029,3372],{"class":84},[78,8031,1136],{"class":88},[78,8033,3377],{"class":92},[78,8035,3380],{"class":88},[78,8037,8038,8040,8042],{"class":80,"line":1822},[78,8039,2024],{"class":117},[78,8041,121],{"class":88},[78,8043,3389],{"class":1745},[78,8045,8046,8048,8050],{"class":80,"line":1836},[78,8047,3394],{"class":117},[78,8049,121],{"class":88},[78,8051,3389],{"class":1745},[78,8053,8054,8056],{"class":80,"line":1842},[78,8055,2341],{"class":88},[78,8057,3405],{"class":84},[78,8059,8060],{"class":80,"line":1847},[78,8061,1712],{"emptyLinePlaceholder":419},[78,8063,8064,8066,8068,8070,8072,8074],{"class":80,"line":1854},[78,8065,3369],{"class":1132},[78,8067,3416],{"class":84},[78,8069,1136],{"class":88},[78,8071,2167],{"class":88},[78,8073,2104],{"class":1132},[78,8075,111],{"class":88},[78,8077,8078,8080,8082,8084,8086,8088,8090,8092,8094],{"class":80,"line":1867},[78,8079,1204],{"class":84},[78,8081,89],{"class":88},[78,8083,93],{"class":92},[78,8085,96],{"class":117},[78,8087,99],{"class":88},[78,8089,292],{"class":102},[78,8091,99],{"class":88},[78,8093,108],{"class":88},[78,8095,111],{"class":88},[78,8097,8098,8100,8102,8104,8106,8108],{"class":80,"line":1880},[78,8099,3449],{"class":117},[78,8101,121],{"class":88},[78,8103,124],{"class":88},[78,8105,310],{"class":102},[78,8107,99],{"class":88},[78,8109,132],{"class":88},[78,8111,8112,8114,8116,8118,8120,8122],{"class":80,"line":1886},[78,8113,3464],{"class":117},[78,8115,121],{"class":88},[78,8117,124],{"class":88},[78,8119,326],{"class":102},[78,8121,99],{"class":88},[78,8123,132],{"class":88},[78,8125,8126,8128,8130],{"class":80,"line":1895},[78,8127,3479],{"class":117},[78,8129,121],{"class":88},[78,8131,341],{"class":117},[78,8133,8134],{"class":80,"line":1901},[78,8135,3488],{"class":88},[78,8137,8138,8140,8142,8144,8146,8148],{"class":80,"line":1907},[78,8139,3493],{"class":117},[78,8141,121],{"class":88},[78,8143,3498],{"class":84},[78,8145,89],{"class":88},[78,8147,251],{"class":84},[78,8149,132],{"class":88},[78,8151,8152,8154,8156,8158,8160,8162],{"class":80,"line":1913},[78,8153,3509],{"class":117},[78,8155,121],{"class":88},[78,8157,3498],{"class":84},[78,8159,89],{"class":88},[78,8161,3518],{"class":84},[78,8163,132],{"class":88},[78,8165,8166],{"class":80,"line":1919},[78,8167,3525],{"class":88},[78,8169,8170,8172],{"class":80,"line":1945},[78,8171,3530],{"class":117},[78,8173,132],{"class":88},[78,8175,8176,8178],{"class":80,"line":1951},[78,8177,1323],{"class":88},[78,8179,3025],{"class":117},[78,8181,8182],{"class":80,"line":1959},[78,8183,1780],{"class":88},[78,8185,8186,8188,8190],{"class":80,"line":1969},[78,8187,1332],{"class":88},[78,8189,1167],{"class":117},[78,8191,1170],{"class":88},[14,8193,7373],{"id":7372},[19,8195,8196,8197,121],{},"Добавьте в ",[54,8198,3558],{},[69,8200,8201],{"className":2650,"code":3561,"language":2652,"meta":74,"style":74},[54,8202,8203],{"__ignoreMap":74},[78,8204,8205,8207,8209],{"class":80,"line":81},[78,8206,2991],{"class":84},[78,8208,1136],{"class":88},[78,8210,2663],{"class":102},[406,8212,3574],{},{"title":74,"searchDepth":114,"depth":114,"links":8214},[8215,8221,8222],{"id":7421,"depth":114,"text":7422,"children":8216},[8217,8219],{"id":7433,"depth":135,"text":8218},"Вариант А — На страницу через useHead",{"id":7721,"depth":135,"text":8220},"Вариант Б — Глобально в nuxt.config.ts",{"id":7903,"depth":114,"text":7904},{"id":7372,"depth":114,"text":7373},"Интеграция с Nuxt 3 \u002F Nuxt 4 приложением",{},"\u002Fintegrations\u002Fnuxt",{"title":2685,"description":8223},"integrations\u002Fnuxt","mSERafXf_JPUG4rn6ZlSU_qJnLNa0suHinF4LwLrASI",{"id":8230,"title":3594,"body":8231,"description":9072,"extension":416,"icon":4480,"meta":9073,"navigation":419,"path":9074,"seo":9075,"stem":9076,"__hash__":9077},"content\u002Fintegrations\u002Freact.md",{"type":7,"value":8232,"toc":9067},[8233,8237,8240,8244,8249,8433,8441,8445,8751,8755,9065],[10,8234,8236],{"id":8235},"интеграция-с-react","Интеграция с React",[19,8238,8239],{},"Работает с любым React-окружением — Vite, Create React App или своим решением.",[14,8241,8243],{"id":8242},"_1-загрузка-скрипта-виджета","1. Загрузка скрипта виджета",[19,8245,8246,8247,121],{},"Добавьте скрипт в ваш ",[54,8248,3613],{},[69,8250,8252],{"className":1115,"code":8251,"language":1117,"meta":74,"style":74},"\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",[54,8253,8254,8259,8265,8277,8289,8297,8315,8339,8381,8385,8405,8417,8425],{"__ignoreMap":74},[78,8255,8256],{"class":80,"line":81},[78,8257,8258],{"class":2726},"\u003C!-- В public\u002Findex.html или index.html (Vite) -->\n",[78,8260,8261,8263],{"class":80,"line":114},[78,8262,1124],{"class":88},[78,8264,1127],{"class":117},[78,8266,8267,8269,8271,8273,8275],{"class":80,"line":135},[78,8268,1133],{"class":1132},[78,8270,1136],{"class":88},[78,8272,1139],{"class":88},[78,8274,1142],{"class":102},[78,8276,1145],{"class":88},[78,8278,8279,8281,8283,8285,8287],{"class":80,"line":333},[78,8280,1150],{"class":1132},[78,8282,1136],{"class":88},[78,8284,1139],{"class":88},[78,8286,1157],{"class":102},[78,8288,1145],{"class":88},[78,8290,8291,8293,8295],{"class":80,"line":344},[78,8292,1164],{"class":88},[78,8294,1167],{"class":117},[78,8296,1170],{"class":88},[78,8298,8299,8301,8303,8305,8307,8309,8311,8313],{"class":80,"line":350},[78,8300,1124],{"class":88},[78,8302,1167],{"class":117},[78,8304,1188],{"class":1132},[78,8306,1136],{"class":88},[78,8308,1139],{"class":88},[78,8310,1195],{"class":102},[78,8312,1139],{"class":88},[78,8314,1170],{"class":88},[78,8316,8317,8319,8321,8323,8325,8327,8329,8331,8333,8335,8337],{"class":80,"line":367},[78,8318,1204],{"class":84},[78,8320,89],{"class":88},[78,8322,1209],{"class":84},[78,8324,1136],{"class":88},[78,8326,1214],{"class":84},[78,8328,89],{"class":88},[78,8330,1209],{"class":84},[78,8332,1221],{"class":88},[78,8334,1224],{"class":1132},[78,8336,1227],{"class":88},[78,8338,111],{"class":88},[78,8340,8341,8343,8345,8347,8349,8351,8353,8355,8357,8359,8361,8363,8365,8367,8369,8371,8373,8375,8377,8379],{"class":80,"line":384},[78,8342,1234],{"class":117},[78,8344,85],{"class":84},[78,8346,89],{"class":88},[78,8348,93],{"class":84},[78,8350,89],{"class":88},[78,8352,1245],{"class":84},[78,8354,1248],{"class":88},[78,8356,1214],{"class":84},[78,8358,89],{"class":88},[78,8360,93],{"class":84},[78,8362,89],{"class":88},[78,8364,1245],{"class":84},[78,8366,1261],{"class":88},[78,8368,1264],{"class":117},[78,8370,89],{"class":88},[78,8372,1269],{"class":92},[78,8374,96],{"class":117},[78,8376,1274],{"class":84},[78,8378,141],{"class":117},[78,8380,144],{"class":88},[78,8382,8383],{"class":80,"line":390},[78,8384,1283],{"class":88},[78,8386,8387,8389,8391,8393,8395,8397,8399,8401,8403],{"class":80,"line":398},[78,8388,1204],{"class":84},[78,8390,89],{"class":88},[78,8392,93],{"class":92},[78,8394,96],{"class":84},[78,8396,99],{"class":88},[78,8398,103],{"class":102},[78,8400,99],{"class":88},[78,8402,108],{"class":88},[78,8404,111],{"class":88},[78,8406,8407,8409,8411,8413,8415],{"class":80,"line":1822},[78,8408,1308],{"class":117},[78,8410,121],{"class":88},[78,8412,124],{"class":88},[78,8414,3780],{"class":102},[78,8416,1318],{"class":88},[78,8418,8419,8421,8423],{"class":80,"line":1836},[78,8420,1323],{"class":88},[78,8422,141],{"class":84},[78,8424,144],{"class":88},[78,8426,8427,8429,8431],{"class":80,"line":1842},[78,8428,1332],{"class":88},[78,8430,1167],{"class":117},[78,8432,1170],{"class":88},[3800,8434,8435],{"icon":3802},[19,8436,8437,8438,8440],{},"Замените ",[54,8439,3780],{}," на ваш реальный ключ во время сборки, или используйте инъекцию во время выполнения.",[14,8442,8444],{"id":8443},"_2-создайте-свой-хук","2. Создайте свой хук",[69,8446,8447],{"className":1682,"code":3815,"language":1684,"meta":74,"style":74},[54,8448,8449,8453,8461,8471,8481,8491,8495,8499,8507,8517,8547,8559,8563,8567,8575,8583,8613,8617,8621,8625,8637,8659,8683,8687,8691,8705,8725,8729,8733,8747],{"__ignoreMap":74},[78,8450,8451],{"class":80,"line":81},[78,8452,3822],{"class":2726},[78,8454,8455,8457,8459],{"class":80,"line":114},[78,8456,2014],{"class":1132},[78,8458,2017],{"class":1745},[78,8460,111],{"class":88},[78,8462,8463,8465,8467,8469],{"class":80,"line":135},[78,8464,2024],{"class":117},[78,8466,121],{"class":88},[78,8468,2029],{"class":1745},[78,8470,144],{"class":88},[78,8472,8473,8475,8477,8479],{"class":80,"line":333},[78,8474,2036],{"class":117},[78,8476,121],{"class":88},[78,8478,2029],{"class":1745},[78,8480,144],{"class":88},[78,8482,8483,8485,8487,8489],{"class":80,"line":344},[78,8484,3855],{"class":117},[78,8486,2096],{"class":88},[78,8488,2029],{"class":1745},[78,8490,144],{"class":88},[78,8492,8493],{"class":80,"line":350},[78,8494,1780],{"class":88},[78,8496,8497],{"class":80,"line":367},[78,8498,1712],{"emptyLinePlaceholder":419},[78,8500,8501,8503,8505],{"class":80,"line":384},[78,8502,2014],{"class":1132},[78,8504,3876],{"class":1745},[78,8506,111],{"class":88},[78,8508,8509,8511,8513,8515],{"class":80,"line":390},[78,8510,303],{"class":117},[78,8512,121],{"class":88},[78,8514,2029],{"class":1745},[78,8516,144],{"class":88},[78,8518,8519,8521,8523,8525,8527,8529,8531,8533,8535,8537,8539,8541,8543,8545],{"class":80,"line":398},[78,8520,319],{"class":117},[78,8522,2096],{"class":88},[78,8524,124],{"class":88},[78,8526,326],{"class":102},[78,8528,99],{"class":88},[78,8530,3903],{"class":88},[78,8532,124],{"class":88},[78,8534,3908],{"class":102},[78,8536,99],{"class":88},[78,8538,3903],{"class":88},[78,8540,124],{"class":88},[78,8542,3917],{"class":102},[78,8544,99],{"class":88},[78,8546,144],{"class":88},[78,8548,8549,8551,8553,8555,8557],{"class":80,"line":1822},[78,8550,336],{"class":117},[78,8552,121],{"class":88},[78,8554,2017],{"class":1745},[78,8556,3932],{"class":84},[78,8558,144],{"class":88},[78,8560,8561],{"class":80,"line":1836},[78,8562,1780],{"class":88},[78,8564,8565],{"class":80,"line":1842},[78,8566,1712],{"emptyLinePlaceholder":419},[78,8568,8569,8571,8573],{"class":80,"line":1847},[78,8570,2055],{"class":1132},[78,8572,2058],{"class":84},[78,8574,2061],{"class":88},[78,8576,8577,8579,8581],{"class":80,"line":1854},[78,8578,2066],{"class":1132},[78,8580,2069],{"class":1745},[78,8582,111],{"class":88},[78,8584,8585,8587,8589,8591,8593,8595,8597,8599,8601,8603,8605,8607,8609,8611],{"class":80,"line":1867},[78,8586,2076],{"class":117},[78,8588,121],{"class":88},[78,8590,2081],{"class":88},[78,8592,2084],{"class":1731},[78,8594,121],{"class":88},[78,8596,2029],{"class":1745},[78,8598,108],{"class":88},[78,8600,2093],{"class":1731},[78,8602,2096],{"class":88},[78,8604,2099],{"class":1745},[78,8606,141],{"class":88},[78,8608,2104],{"class":1132},[78,8610,2107],{"class":1745},[78,8612,144],{"class":88},[78,8614,8615],{"class":80,"line":1880},[78,8616,2114],{"class":88},[78,8618,8619],{"class":80,"line":1886},[78,8620,1780],{"class":88},[78,8622,8623],{"class":80,"line":1895},[78,8624,1712],{"emptyLinePlaceholder":419},[78,8626,8627,8629,8631,8633,8635],{"class":80,"line":1901},[78,8628,1717],{"class":1691},[78,8630,1224],{"class":1132},[78,8632,4009],{"class":92},[78,8634,1227],{"class":88},[78,8636,111],{"class":88},[78,8638,8639,8641,8643,8645,8647,8649,8651,8653,8655,8657],{"class":80,"line":1907},[78,8640,2159],{"class":1132},[78,8642,4020],{"class":84},[78,8644,1248],{"class":88},[78,8646,2081],{"class":88},[78,8648,4027],{"class":1731},[78,8650,121],{"class":88},[78,8652,3876],{"class":1745},[78,8654,141],{"class":88},[78,8656,2104],{"class":1132},[78,8658,111],{"class":88},[78,8660,8661,8663,8665,8667,8669,8671,8673,8675,8677,8679,8681],{"class":80,"line":1913},[78,8662,2176],{"class":84},[78,8664,89],{"class":88},[78,8666,93],{"class":92},[78,8668,96],{"class":117},[78,8670,99],{"class":88},[78,8672,292],{"class":102},[78,8674,99],{"class":88},[78,8676,108],{"class":88},[78,8678,2093],{"class":84},[78,8680,141],{"class":117},[78,8682,144],{"class":88},[78,8684,8685],{"class":80,"line":1919},[78,8686,1283],{"class":88},[78,8688,8689],{"class":80,"line":1945},[78,8690,1712],{"emptyLinePlaceholder":419},[78,8692,8693,8695,8697,8699,8701,8703],{"class":80,"line":1951},[78,8694,2159],{"class":1132},[78,8696,4076],{"class":84},[78,8698,1248],{"class":88},[78,8700,2167],{"class":88},[78,8702,2104],{"class":1132},[78,8704,111],{"class":88},[78,8706,8707,8709,8711,8713,8715,8717,8719,8721,8723],{"class":80,"line":1959},[78,8708,2176],{"class":84},[78,8710,89],{"class":88},[78,8712,93],{"class":92},[78,8714,96],{"class":117},[78,8716,99],{"class":88},[78,8718,4099],{"class":102},[78,8720,99],{"class":88},[78,8722,141],{"class":117},[78,8724,144],{"class":88},[78,8726,8727],{"class":80,"line":1969},[78,8728,1283],{"class":88},[78,8730,8731],{"class":80,"line":1975},[78,8732,1712],{"emptyLinePlaceholder":419},[78,8734,8735,8737,8739,8741,8743,8745],{"class":80,"line":1983},[78,8736,1761],{"class":1691},[78,8738,1738],{"class":88},[78,8740,4020],{"class":84},[78,8742,108],{"class":88},[78,8744,4076],{"class":84},[78,8746,4128],{"class":88},[78,8748,8749],{"class":80,"line":3020},[78,8750,1780],{"class":88},[14,8752,8754],{"id":8753},"_3-использование-в-компоненте","3. Использование в компоненте",[69,8756,8758],{"className":1682,"code":8757,"language":1684,"meta":74,"style":74},"\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",[54,8759,8760,8764,8784,8788,8796,8806,8816,8820,8824,8848,8866,8870,8876,8884,8890,8902,8940,8944,8950,8958,8966,8980,8994,9020,9026,9030,9034,9039,9047,9055,9061],{"__ignoreMap":74},[78,8761,8762],{"class":80,"line":81},[78,8763,4146],{"class":2726},[78,8765,8766,8768,8770,8772,8774,8776,8778,8780,8782],{"class":80,"line":114},[78,8767,1692],{"class":1691},[78,8769,1738],{"class":88},[78,8771,4009],{"class":84},[78,8773,2384],{"class":88},[78,8775,2387],{"class":1691},[78,8777,124],{"class":88},[78,8779,4163],{"class":102},[78,8781,99],{"class":88},[78,8783,144],{"class":88},[78,8785,8786],{"class":80,"line":135},[78,8787,1712],{"emptyLinePlaceholder":419},[78,8789,8790,8792,8794],{"class":80,"line":333},[78,8791,2014],{"class":1132},[78,8793,4178],{"class":1745},[78,8795,111],{"class":88},[78,8797,8798,8800,8802,8804],{"class":80,"line":344},[78,8799,2024],{"class":117},[78,8801,121],{"class":88},[78,8803,2029],{"class":1745},[78,8805,144],{"class":88},[78,8807,8808,8810,8812,8814],{"class":80,"line":350},[78,8809,3394],{"class":117},[78,8811,121],{"class":88},[78,8813,2029],{"class":1745},[78,8815,144],{"class":88},[78,8817,8818],{"class":80,"line":367},[78,8819,1780],{"class":88},[78,8821,8822],{"class":80,"line":384},[78,8823,1712],{"emptyLinePlaceholder":419},[78,8825,8826,8828,8830,8832,8834,8836,8838,8840,8842,8844,8846],{"class":80,"line":390},[78,8827,1717],{"class":1691},[78,8829,1224],{"class":1132},[78,8831,4217],{"class":92},[78,8833,1728],{"class":88},[78,8835,4222],{"class":1731},[78,8837,108],{"class":88},[78,8839,4227],{"class":1731},[78,8841,1735],{"class":88},[78,8843,4178],{"class":1745},[78,8845,141],{"class":88},[78,8847,111],{"class":88},[78,8849,8850,8852,8854,8856,8858,8860,8862,8864],{"class":80,"line":398},[78,8851,2159],{"class":1132},[78,8853,1738],{"class":88},[78,8855,4020],{"class":84},[78,8857,2384],{"class":88},[78,8859,1248],{"class":88},[78,8861,4009],{"class":92},[78,8863,1227],{"class":117},[78,8865,144],{"class":88},[78,8867,8868],{"class":80,"line":1822},[78,8869,1712],{"emptyLinePlaceholder":419},[78,8871,8872,8874],{"class":80,"line":1836},[78,8873,1761],{"class":1691},[78,8875,1764],{"class":117},[78,8877,8878,8880,8882],{"class":80,"line":1842},[78,8879,2486],{"class":88},[78,8881,1359],{"class":117},[78,8883,1170],{"class":88},[78,8885,8886,8888],{"class":80,"line":1847},[78,8887,1789],{"class":88},[78,8889,4278],{"class":117},[78,8891,8892,8894,8896,8898,8900],{"class":80,"line":1854},[78,8893,1825],{"class":1132},[78,8895,1136],{"class":88},[78,8897,1139],{"class":88},[78,8899,310],{"class":102},[78,8901,1145],{"class":88},[78,8903,8904,8906,8908,8910,8912,8914,8916,8918,8920,8922,8924,8926,8928,8930,8932,8934,8936,8938],{"class":80,"line":1867},[78,8905,4295],{"class":1132},[78,8907,2282],{"class":88},[78,8909,2285],{"class":117},[78,8911,121],{"class":88},[78,8913,124],{"class":88},[78,8915,2292],{"class":102},[78,8917,99],{"class":88},[78,8919,108],{"class":88},[78,8921,2299],{"class":117},[78,8923,121],{"class":88},[78,8925,2305],{"class":2304},[78,8927,108],{"class":88},[78,8929,2310],{"class":117},[78,8931,121],{"class":88},[78,8933,124],{"class":88},[78,8935,2317],{"class":102},[78,8937,99],{"class":88},[78,8939,4330],{"class":88},[78,8941,8942],{"class":80,"line":1880},[78,8943,1839],{"class":88},[78,8945,8946,8948],{"class":80,"line":1886},[78,8947,1789],{"class":88},[78,8949,4341],{"class":117},[78,8951,8952,8954,8956],{"class":80,"line":1895},[78,8953,4346],{"class":1132},[78,8955,4349],{"class":88},[78,8957,4352],{"class":1132},[78,8959,8960,8962,8964],{"class":80,"line":1901},[78,8961,4357],{"class":92},[78,8963,96],{"class":84},[78,8965,2061],{"class":88},[78,8967,8968,8970,8972,8974,8976,8978],{"class":80,"line":1907},[78,8969,4366],{"class":117},[78,8971,121],{"class":88},[78,8973,124],{"class":88},[78,8975,310],{"class":102},[78,8977,99],{"class":88},[78,8979,132],{"class":88},[78,8981,8982,8984,8986,8988,8990,8992],{"class":80,"line":1913},[78,8983,4381],{"class":117},[78,8985,121],{"class":88},[78,8987,124],{"class":88},[78,8989,326],{"class":102},[78,8991,99],{"class":88},[78,8993,132],{"class":88},[78,8995,8996,8998,9000,9002,9004,9006,9008,9010,9012,9014,9016,9018],{"class":80,"line":1919},[78,8997,4396],{"class":117},[78,8999,121],{"class":88},[78,9001,4401],{"class":84},[78,9003,4404],{"class":88},[78,9005,4222],{"class":84},[78,9007,108],{"class":88},[78,9009,4411],{"class":117},[78,9011,121],{"class":88},[78,9013,4416],{"class":84},[78,9015,138],{"class":88},[78,9017,4421],{"class":84},[78,9019,132],{"class":88},[78,9021,9022,9024],{"class":80,"line":1945},[78,9023,4428],{"class":88},[78,9025,3025],{"class":84},[78,9027,9028],{"class":80,"line":1951},[78,9029,4435],{"class":88},[78,9031,9032],{"class":80,"line":1959},[78,9033,1883],{"class":88},[78,9035,9036],{"class":80,"line":1969},[78,9037,9038],{"class":84},"        Примерка\n",[78,9040,9041,9043,9045],{"class":80,"line":1975},[78,9042,1962],{"class":88},[78,9044,2329],{"class":117},[78,9046,1170],{"class":88},[78,9048,9049,9051,9053],{"class":80,"line":1983},[78,9050,2623],{"class":88},[78,9052,1359],{"class":117},[78,9054,1170],{"class":88},[78,9056,9057,9059],{"class":80,"line":3020},[78,9058,1978],{"class":117},[78,9060,144],{"class":88},[78,9062,9063],{"class":80,"line":3028},[78,9064,1780],{"class":88},[406,9066,4473],{},{"title":74,"searchDepth":114,"depth":114,"links":9068},[9069,9070,9071],{"id":8242,"depth":114,"text":8243},{"id":8443,"depth":114,"text":8444},{"id":8753,"depth":114,"text":8754},"Интеграция с React-приложением (Vite \u002F CRA)",{},"\u002Fintegrations\u002Freact",{"title":3594,"description":9072},"integrations\u002Freact","F7mSDoVd1RiVLbrCGyquPOzGkvCalo0IeQdlhW6YYUs",{"id":9079,"title":4488,"body":9080,"description":9701,"extension":416,"icon":5160,"meta":9702,"navigation":419,"path":1519,"seo":9703,"stem":9704,"__hash__":9705},"content\u002Fintegrations\u002Fvanilla-js.md",{"type":7,"value":9081,"toc":9697},[9082,9086,9089,9093,9673,9677,9695],[10,9083,9085],{"id":9084},"интеграция-с-vanilla-js","Интеграция с Vanilla JS",[19,9087,9088],{},"Без фреймворков — только HTML и JavaScript.",[14,9090,9092],{"id":9091},"полный-пример","Полный пример",[69,9094,9096],{"className":1115,"code":9095,"language":1117,"meta":74,"style":74},"\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",[54,9097,9098,9108,9127,9135,9153,9181,9198,9206,9214,9218,9235,9252,9256,9261,9293,9297,9325,9329,9334,9340,9352,9364,9372,9376,9381,9399,9423,9465,9469,9489,9501,9509,9517,9521,9529,9539,9559,9573,9587,9595,9599,9613,9627,9631,9637,9645,9649,9657,9665],{"__ignoreMap":74},[78,9099,9100,9102,9104,9106],{"class":80,"line":81},[78,9101,4511],{"class":88},[78,9103,4514],{"class":117},[78,9105,4517],{"class":1132},[78,9107,1170],{"class":88},[78,9109,9110,9112,9114,9116,9118,9120,9123,9125],{"class":80,"line":114},[78,9111,1124],{"class":88},[78,9113,1117],{"class":117},[78,9115,2830],{"class":1132},[78,9117,1136],{"class":88},[78,9119,1139],{"class":88},[78,9121,9122],{"class":102},"ru",[78,9124,1139],{"class":88},[78,9126,1170],{"class":88},[78,9128,9129,9131,9133],{"class":80,"line":135},[78,9130,1124],{"class":88},[78,9132,4545],{"class":117},[78,9134,1170],{"class":88},[78,9136,9137,9139,9141,9143,9145,9147,9149,9151],{"class":80,"line":333},[78,9138,2741],{"class":88},[78,9140,2982],{"class":117},[78,9142,4556],{"class":1132},[78,9144,1136],{"class":88},[78,9146,1139],{"class":88},[78,9148,4563],{"class":102},[78,9150,1139],{"class":88},[78,9152,2797],{"class":88},[78,9154,9155,9157,9159,9161,9163,9165,9167,9169,9171,9173,9175,9177,9179],{"class":80,"line":344},[78,9156,2741],{"class":88},[78,9158,2982],{"class":117},[78,9160,4576],{"class":1132},[78,9162,1136],{"class":88},[78,9164,1139],{"class":88},[78,9166,4583],{"class":102},[78,9168,1139],{"class":88},[78,9170,4588],{"class":1132},[78,9172,1136],{"class":88},[78,9174,1139],{"class":88},[78,9176,4595],{"class":102},[78,9178,1139],{"class":88},[78,9180,2797],{"class":88},[78,9182,9183,9185,9187,9189,9192,9194,9196],{"class":80,"line":350},[78,9184,2741],{"class":88},[78,9186,4606],{"class":117},[78,9188,2754],{"class":88},[78,9190,9191],{"class":84},"Страница товара — Виртуальная примерка",[78,9193,1332],{"class":88},[78,9195,4606],{"class":117},[78,9197,1170],{"class":88},[78,9199,9200,9202,9204],{"class":80,"line":367},[78,9201,1332],{"class":88},[78,9203,4545],{"class":117},[78,9205,1170],{"class":88},[78,9207,9208,9210,9212],{"class":80,"line":384},[78,9209,1124],{"class":88},[78,9211,4632],{"class":117},[78,9213,1170],{"class":88},[78,9215,9216],{"class":80,"line":390},[78,9217,1712],{"emptyLinePlaceholder":419},[78,9219,9220,9222,9224,9226,9229,9231,9233],{"class":80,"line":398},[78,9221,2741],{"class":88},[78,9223,10],{"class":117},[78,9225,2754],{"class":88},[78,9227,9228],{"class":84},"Классическая джинсовая куртка",[78,9230,1332],{"class":88},[78,9232,10],{"class":117},[78,9234,1170],{"class":88},[78,9236,9237,9239,9241,9243,9246,9248,9250],{"class":80,"line":1822},[78,9238,2741],{"class":88},[78,9240,19],{"class":117},[78,9242,2754],{"class":88},[78,9244,9245],{"class":84},"7 500 ₽",[78,9247,1332],{"class":88},[78,9249,19],{"class":117},[78,9251,1170],{"class":88},[78,9253,9254],{"class":80,"line":1836},[78,9255,1712],{"emptyLinePlaceholder":419},[78,9257,9258],{"class":80,"line":1842},[78,9259,9260],{"class":2726},"  \u003C!-- Контейнер виджета -->\n",[78,9262,9263,9265,9267,9269,9271,9273,9275,9277,9279,9281,9283,9285,9287,9289,9291],{"class":80,"line":1847},[78,9264,2741],{"class":88},[78,9266,1359],{"class":117},[78,9268,1188],{"class":1132},[78,9270,1136],{"class":88},[78,9272,1139],{"class":88},[78,9274,310],{"class":102},[78,9276,1139],{"class":88},[78,9278,2279],{"class":1132},[78,9280,1136],{"class":88},[78,9282,1139],{"class":88},[78,9284,4705],{"class":102},[78,9286,1139],{"class":88},[78,9288,1164],{"class":88},[78,9290,1359],{"class":117},[78,9292,1170],{"class":88},[78,9294,9295],{"class":80,"line":1854},[78,9296,1712],{"emptyLinePlaceholder":419},[78,9298,9299,9301,9303,9305,9307,9309,9311,9313,9315,9317,9319,9321,9323],{"class":80,"line":1867},[78,9300,2741],{"class":88},[78,9302,2329],{"class":117},[78,9304,4726],{"class":1132},[78,9306,1136],{"class":88},[78,9308,1139],{"class":88},[78,9310,4733],{"class":92},[78,9312,1227],{"class":102},[78,9314,1139],{"class":88},[78,9316,2754],{"class":88},[78,9318,7109],{"class":84},[78,9320,1332],{"class":88},[78,9322,2329],{"class":117},[78,9324,1170],{"class":88},[78,9326,9327],{"class":80,"line":1880},[78,9328,1712],{"emptyLinePlaceholder":419},[78,9330,9331],{"class":80,"line":1886},[78,9332,9333],{"class":2726},"  \u003C!-- 1. Загрузка пакета виджета -->\n",[78,9335,9336,9338],{"class":80,"line":1895},[78,9337,2741],{"class":88},[78,9339,1127],{"class":117},[78,9341,9342,9344,9346,9348,9350],{"class":80,"line":1901},[78,9343,4767],{"class":1132},[78,9345,1136],{"class":88},[78,9347,1139],{"class":88},[78,9349,1142],{"class":102},[78,9351,1145],{"class":88},[78,9353,9354,9356,9358,9360,9362],{"class":80,"line":1907},[78,9355,4780],{"class":1132},[78,9357,1136],{"class":88},[78,9359,1139],{"class":88},[78,9361,1157],{"class":102},[78,9363,1145],{"class":88},[78,9365,9366,9368,9370],{"class":80,"line":1913},[78,9367,4793],{"class":88},[78,9369,1167],{"class":117},[78,9371,1170],{"class":88},[78,9373,9374],{"class":80,"line":1919},[78,9375,1712],{"emptyLinePlaceholder":419},[78,9377,9378],{"class":80,"line":1945},[78,9379,9380],{"class":2726},"  \u003C!-- 2. Инициализация -->\n",[78,9382,9383,9385,9387,9389,9391,9393,9395,9397],{"class":80,"line":1951},[78,9384,2741],{"class":88},[78,9386,1167],{"class":117},[78,9388,1188],{"class":1132},[78,9390,1136],{"class":88},[78,9392,1139],{"class":88},[78,9394,1195],{"class":102},[78,9396,1139],{"class":88},[78,9398,1170],{"class":88},[78,9400,9401,9403,9405,9407,9409,9411,9413,9415,9417,9419,9421],{"class":80,"line":1959},[78,9402,2176],{"class":84},[78,9404,89],{"class":88},[78,9406,1209],{"class":84},[78,9408,1136],{"class":88},[78,9410,1214],{"class":84},[78,9412,89],{"class":88},[78,9414,1209],{"class":84},[78,9416,1221],{"class":88},[78,9418,1224],{"class":1132},[78,9420,1227],{"class":88},[78,9422,111],{"class":88},[78,9424,9425,9427,9429,9431,9433,9435,9437,9439,9441,9443,9445,9447,9449,9451,9453,9455,9457,9459,9461,9463],{"class":80,"line":1969},[78,9426,4853],{"class":117},[78,9428,85],{"class":84},[78,9430,89],{"class":88},[78,9432,93],{"class":84},[78,9434,89],{"class":88},[78,9436,1245],{"class":84},[78,9438,1248],{"class":88},[78,9440,1214],{"class":84},[78,9442,89],{"class":88},[78,9444,93],{"class":84},[78,9446,89],{"class":88},[78,9448,1245],{"class":84},[78,9450,1261],{"class":88},[78,9452,1264],{"class":117},[78,9454,89],{"class":88},[78,9456,1269],{"class":92},[78,9458,96],{"class":117},[78,9460,1274],{"class":84},[78,9462,141],{"class":117},[78,9464,144],{"class":88},[78,9466,9467],{"class":80,"line":1975},[78,9468,4896],{"class":88},[78,9470,9471,9473,9475,9477,9479,9481,9483,9485,9487],{"class":80,"line":1983},[78,9472,2176],{"class":84},[78,9474,89],{"class":88},[78,9476,93],{"class":92},[78,9478,96],{"class":84},[78,9480,99],{"class":88},[78,9482,103],{"class":102},[78,9484,99],{"class":88},[78,9486,108],{"class":88},[78,9488,111],{"class":88},[78,9490,9491,9493,9495,9497,9499],{"class":80,"line":3020},[78,9492,4921],{"class":117},[78,9494,121],{"class":88},[78,9496,124],{"class":88},[78,9498,1315],{"class":102},[78,9500,1318],{"class":88},[78,9502,9503,9505,9507],{"class":80,"line":3028},[78,9504,2238],{"class":88},[78,9506,141],{"class":84},[78,9508,144],{"class":88},[78,9510,9511,9513,9515],{"class":80,"line":4940},[78,9512,2802],{"class":88},[78,9514,1167],{"class":117},[78,9516,1170],{"class":88},[78,9518,9519],{"class":80,"line":4949},[78,9520,1712],{"emptyLinePlaceholder":419},[78,9522,9523,9525,9527],{"class":80,"line":4954},[78,9524,2741],{"class":88},[78,9526,1167],{"class":117},[78,9528,1170],{"class":88},[78,9530,9531,9533,9535,9537],{"class":80,"line":4963},[78,9532,4966],{"class":1132},[78,9534,4969],{"class":92},[78,9536,1227],{"class":88},[78,9538,111],{"class":88},[78,9540,9541,9543,9545,9547,9549,9551,9553,9555,9557],{"class":80,"line":4976},[78,9542,4979],{"class":84},[78,9544,89],{"class":88},[78,9546,93],{"class":92},[78,9548,96],{"class":117},[78,9550,99],{"class":88},[78,9552,292],{"class":102},[78,9554,99],{"class":88},[78,9556,108],{"class":88},[78,9558,111],{"class":88},[78,9560,9561,9563,9565,9567,9569,9571],{"class":80,"line":4998},[78,9562,5001],{"class":117},[78,9564,121],{"class":88},[78,9566,124],{"class":88},[78,9568,310],{"class":102},[78,9570,99],{"class":88},[78,9572,132],{"class":88},[78,9574,9575,9577,9579,9581,9583,9585],{"class":80,"line":5014},[78,9576,5017],{"class":117},[78,9578,121],{"class":88},[78,9580,124],{"class":88},[78,9582,326],{"class":102},[78,9584,99],{"class":88},[78,9586,132],{"class":88},[78,9588,9589,9591,9593],{"class":80,"line":5030},[78,9590,5033],{"class":117},[78,9592,121],{"class":88},[78,9594,341],{"class":117},[78,9596,9597],{"class":80,"line":5040},[78,9598,2572],{"class":88},[78,9600,9601,9603,9605,9607,9609,9611],{"class":80,"line":5045},[78,9602,2577],{"class":117},[78,9604,121],{"class":88},[78,9606,124],{"class":88},[78,9608,9228],{"class":102},[78,9610,99],{"class":88},[78,9612,132],{"class":88},[78,9614,9615,9617,9619,9621,9623,9625],{"class":80,"line":5060},[78,9616,2592],{"class":117},[78,9618,121],{"class":88},[78,9620,124],{"class":88},[78,9622,5069],{"class":102},[78,9624,99],{"class":88},[78,9626,132],{"class":88},[78,9628,9629],{"class":80,"line":5076},[78,9630,2607],{"class":88},[78,9632,9633,9635],{"class":80,"line":5081},[78,9634,2612],{"class":117},[78,9636,132],{"class":88},[78,9638,9639,9641,9643],{"class":80,"line":5088},[78,9640,5091],{"class":88},[78,9642,141],{"class":117},[78,9644,144],{"class":88},[78,9646,9647],{"class":80,"line":5098},[78,9648,5101],{"class":88},[78,9650,9651,9653,9655],{"class":80,"line":5104},[78,9652,2802],{"class":88},[78,9654,1167],{"class":117},[78,9656,1170],{"class":88},[78,9658,9659,9661,9663],{"class":80,"line":5113},[78,9660,1332],{"class":88},[78,9662,4632],{"class":117},[78,9664,1170],{"class":88},[78,9666,9667,9669,9671],{"class":80,"line":5122},[78,9668,1332],{"class":88},[78,9670,1117],{"class":117},[78,9672,1170],{"class":88},[14,9674,9676],{"id":9675},"ключевые-моменты","Ключевые моменты",[1511,9678,9679,9682,9690],{},[1514,9680,9681],{},"Сначала загружается пакетный скрипт.",[1514,9683,9684,9685,9687,9688,89],{},"Инициализируйте с помощью ",[54,9686,5143],{}," перед вызовом ",[54,9689,292],{},[1514,9691,9692,9694],{},[54,9693,177],{}," должен совпадать с существующим элементом на странице.",[406,9696,5154],{},{"title":74,"searchDepth":114,"depth":114,"links":9698},[9699,9700],{"id":9091,"depth":114,"text":9092},{"id":9675,"depth":114,"text":9676},"Интеграция с обычным HTML\u002FJavaScript",{},{"title":4488,"description":9701},"integrations\u002Fvanilla-js","TOVOFdq4t72IBSUKHoJgLGlQk10I_zCs_rea9Sj9PGA",{"id":9707,"title":5168,"body":9708,"description":10538,"extension":416,"icon":6015,"meta":10539,"navigation":419,"path":10540,"seo":10541,"stem":10542,"__hash__":10543},"content\u002Fintegrations\u002Fvue.md",{"type":7,"value":9709,"toc":10533},[9710,9714,9717,9719,9724,9902,9906,10198,10202,10531],[10,9711,9713],{"id":9712},"интеграция-с-vue-3","Интеграция с Vue 3",[19,9715,9716],{},"Работает с Vue 3 + Vite или любым другим окружением Vue 3.",[14,9718,8243],{"id":8242},[19,9720,9721,9722,121],{},"В ",[54,9723,3613],{},[69,9725,9726],{"className":1115,"code":5187,"language":1117,"meta":74,"style":74},[54,9727,9728,9734,9746,9758,9766,9784,9808,9850,9854,9874,9886,9894],{"__ignoreMap":74},[78,9729,9730,9732],{"class":80,"line":81},[78,9731,1124],{"class":88},[78,9733,1127],{"class":117},[78,9735,9736,9738,9740,9742,9744],{"class":80,"line":114},[78,9737,1133],{"class":1132},[78,9739,1136],{"class":88},[78,9741,1139],{"class":88},[78,9743,1142],{"class":102},[78,9745,1145],{"class":88},[78,9747,9748,9750,9752,9754,9756],{"class":80,"line":135},[78,9749,1150],{"class":1132},[78,9751,1136],{"class":88},[78,9753,1139],{"class":88},[78,9755,1157],{"class":102},[78,9757,1145],{"class":88},[78,9759,9760,9762,9764],{"class":80,"line":333},[78,9761,1164],{"class":88},[78,9763,1167],{"class":117},[78,9765,1170],{"class":88},[78,9767,9768,9770,9772,9774,9776,9778,9780,9782],{"class":80,"line":344},[78,9769,1124],{"class":88},[78,9771,1167],{"class":117},[78,9773,1188],{"class":1132},[78,9775,1136],{"class":88},[78,9777,1139],{"class":88},[78,9779,1195],{"class":102},[78,9781,1139],{"class":88},[78,9783,1170],{"class":88},[78,9785,9786,9788,9790,9792,9794,9796,9798,9800,9802,9804,9806],{"class":80,"line":350},[78,9787,1204],{"class":84},[78,9789,89],{"class":88},[78,9791,1209],{"class":84},[78,9793,1136],{"class":88},[78,9795,1214],{"class":84},[78,9797,89],{"class":88},[78,9799,1209],{"class":84},[78,9801,1221],{"class":88},[78,9803,1224],{"class":1132},[78,9805,1227],{"class":88},[78,9807,111],{"class":88},[78,9809,9810,9812,9814,9816,9818,9820,9822,9824,9826,9828,9830,9832,9834,9836,9838,9840,9842,9844,9846,9848],{"class":80,"line":367},[78,9811,1234],{"class":117},[78,9813,85],{"class":84},[78,9815,89],{"class":88},[78,9817,93],{"class":84},[78,9819,89],{"class":88},[78,9821,1245],{"class":84},[78,9823,1248],{"class":88},[78,9825,1214],{"class":84},[78,9827,89],{"class":88},[78,9829,93],{"class":84},[78,9831,89],{"class":88},[78,9833,1245],{"class":84},[78,9835,1261],{"class":88},[78,9837,1264],{"class":117},[78,9839,89],{"class":88},[78,9841,1269],{"class":92},[78,9843,96],{"class":117},[78,9845,1274],{"class":84},[78,9847,141],{"class":117},[78,9849,144],{"class":88},[78,9851,9852],{"class":80,"line":384},[78,9853,1283],{"class":88},[78,9855,9856,9858,9860,9862,9864,9866,9868,9870,9872],{"class":80,"line":390},[78,9857,1204],{"class":84},[78,9859,89],{"class":88},[78,9861,93],{"class":92},[78,9863,96],{"class":84},[78,9865,99],{"class":88},[78,9867,103],{"class":102},[78,9869,99],{"class":88},[78,9871,108],{"class":88},[78,9873,111],{"class":88},[78,9875,9876,9878,9880,9882,9884],{"class":80,"line":398},[78,9877,1308],{"class":117},[78,9879,121],{"class":88},[78,9881,124],{"class":88},[78,9883,1315],{"class":102},[78,9885,1318],{"class":88},[78,9887,9888,9890,9892],{"class":80,"line":1822},[78,9889,1323],{"class":88},[78,9891,141],{"class":84},[78,9893,144],{"class":88},[78,9895,9896,9898,9900],{"class":80,"line":1836},[78,9897,1332],{"class":88},[78,9899,1167],{"class":117},[78,9901,1170],{"class":88},[14,9903,9905],{"id":9904},"_2-создайте-composable","2. Создайте composable",[69,9907,9908],{"className":3043,"code":5370,"language":2837,"meta":74,"style":74},[54,9909,9910,9914,9924,9932,9940,9948,9952,9956,9966,9974,10002,10012,10016,10020,10028,10036,10064,10068,10072,10076,10088,10110,10132,10136,10140,10154,10172,10176,10180,10194],{"__ignoreMap":74},[78,9911,9912],{"class":80,"line":81},[78,9913,5377],{"class":2726},[78,9915,9916,9918,9920,9922],{"class":80,"line":114},[78,9917,1717],{"class":1691},[78,9919,5384],{"class":1132},[78,9921,2017],{"class":1745},[78,9923,111],{"class":88},[78,9925,9926,9928,9930],{"class":80,"line":135},[78,9927,2024],{"class":117},[78,9929,121],{"class":88},[78,9931,3389],{"class":1745},[78,9933,9934,9936,9938],{"class":80,"line":333},[78,9935,2036],{"class":117},[78,9937,121],{"class":88},[78,9939,3389],{"class":1745},[78,9941,9942,9944,9946],{"class":80,"line":344},[78,9943,3855],{"class":117},[78,9945,2096],{"class":88},[78,9947,3389],{"class":1745},[78,9949,9950],{"class":80,"line":350},[78,9951,1780],{"class":88},[78,9953,9954],{"class":80,"line":367},[78,9955,1712],{"emptyLinePlaceholder":419},[78,9957,9958,9960,9962,9964],{"class":80,"line":384},[78,9959,1717],{"class":1691},[78,9961,5384],{"class":1132},[78,9963,3876],{"class":1745},[78,9965,111],{"class":88},[78,9967,9968,9970,9972],{"class":80,"line":390},[78,9969,303],{"class":117},[78,9971,121],{"class":88},[78,9973,3389],{"class":1745},[78,9975,9976,9978,9980,9982,9984,9986,9988,9990,9992,9994,9996,9998,10000],{"class":80,"line":398},[78,9977,319],{"class":117},[78,9979,2096],{"class":88},[78,9981,124],{"class":88},[78,9983,326],{"class":102},[78,9985,99],{"class":88},[78,9987,3903],{"class":88},[78,9989,124],{"class":88},[78,9991,3908],{"class":102},[78,9993,99],{"class":88},[78,9995,3903],{"class":88},[78,9997,124],{"class":88},[78,9999,3917],{"class":102},[78,10001,1318],{"class":88},[78,10003,10004,10006,10008,10010],{"class":80,"line":1822},[78,10005,336],{"class":117},[78,10007,121],{"class":88},[78,10009,2017],{"class":1745},[78,10011,5477],{"class":84},[78,10013,10014],{"class":80,"line":1836},[78,10015,1780],{"class":88},[78,10017,10018],{"class":80,"line":1842},[78,10019,1712],{"emptyLinePlaceholder":419},[78,10021,10022,10024,10026],{"class":80,"line":1847},[78,10023,2055],{"class":1132},[78,10025,2058],{"class":84},[78,10027,2061],{"class":88},[78,10029,10030,10032,10034],{"class":80,"line":1854},[78,10031,2066],{"class":1132},[78,10033,2069],{"class":1745},[78,10035,111],{"class":88},[78,10037,10038,10040,10042,10044,10046,10048,10050,10052,10054,10056,10058,10060,10062],{"class":80,"line":1867},[78,10039,2076],{"class":117},[78,10041,121],{"class":88},[78,10043,2081],{"class":88},[78,10045,2084],{"class":1731},[78,10047,121],{"class":88},[78,10049,2029],{"class":1745},[78,10051,108],{"class":88},[78,10053,2093],{"class":1731},[78,10055,2096],{"class":88},[78,10057,2099],{"class":1745},[78,10059,141],{"class":88},[78,10061,2104],{"class":1132},[78,10063,5530],{"class":1745},[78,10065,10066],{"class":80,"line":1880},[78,10067,2114],{"class":88},[78,10069,10070],{"class":80,"line":1886},[78,10071,1780],{"class":88},[78,10073,10074],{"class":80,"line":1895},[78,10075,1712],{"emptyLinePlaceholder":419},[78,10077,10078,10080,10082,10084,10086],{"class":80,"line":1901},[78,10079,1717],{"class":1691},[78,10081,1224],{"class":1132},[78,10083,4009],{"class":92},[78,10085,1227],{"class":88},[78,10087,111],{"class":88},[78,10089,10090,10092,10094,10096,10098,10100,10102,10104,10106,10108],{"class":80,"line":1907},[78,10091,2159],{"class":1132},[78,10093,4020],{"class":84},[78,10095,1248],{"class":88},[78,10097,2081],{"class":88},[78,10099,4027],{"class":1731},[78,10101,121],{"class":88},[78,10103,3876],{"class":1745},[78,10105,141],{"class":88},[78,10107,2104],{"class":1132},[78,10109,111],{"class":88},[78,10111,10112,10114,10116,10118,10120,10122,10124,10126,10128,10130],{"class":80,"line":1913},[78,10113,2176],{"class":84},[78,10115,89],{"class":88},[78,10117,93],{"class":92},[78,10119,96],{"class":117},[78,10121,99],{"class":88},[78,10123,292],{"class":102},[78,10125,99],{"class":88},[78,10127,108],{"class":88},[78,10129,2093],{"class":84},[78,10131,3025],{"class":117},[78,10133,10134],{"class":80,"line":1919},[78,10135,2114],{"class":88},[78,10137,10138],{"class":80,"line":1945},[78,10139,1712],{"emptyLinePlaceholder":419},[78,10141,10142,10144,10146,10148,10150,10152],{"class":80,"line":1951},[78,10143,2159],{"class":1132},[78,10145,4076],{"class":84},[78,10147,1248],{"class":88},[78,10149,2167],{"class":88},[78,10151,2104],{"class":1132},[78,10153,111],{"class":88},[78,10155,10156,10158,10160,10162,10164,10166,10168,10170],{"class":80,"line":1959},[78,10157,2176],{"class":84},[78,10159,89],{"class":88},[78,10161,93],{"class":92},[78,10163,96],{"class":117},[78,10165,99],{"class":88},[78,10167,4099],{"class":102},[78,10169,99],{"class":88},[78,10171,3025],{"class":117},[78,10173,10174],{"class":80,"line":1969},[78,10175,2114],{"class":88},[78,10177,10178],{"class":80,"line":1975},[78,10179,1712],{"emptyLinePlaceholder":419},[78,10181,10182,10184,10186,10188,10190,10192],{"class":80,"line":1983},[78,10183,1761],{"class":1691},[78,10185,1738],{"class":88},[78,10187,4020],{"class":84},[78,10189,108],{"class":88},[78,10191,4076],{"class":84},[78,10193,5661],{"class":88},[78,10195,10196],{"class":80,"line":3020},[78,10197,1780],{"class":88},[14,10199,10201],{"id":10200},"_3-создайте-компонент-виджета","3. Создайте компонент виджета",[69,10203,10205],{"className":2717,"code":10204,"language":2719,"meta":74,"style":74},"\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",[54,10206,10207,10211,10219,10227,10233,10245,10257,10261,10287,10295,10303,10307,10327,10351,10355,10367,10375,10383,10389,10393,10409,10413,10427,10435,10449,10463,10471,10475,10489,10503,10507,10513,10519,10523],{"__ignoreMap":74},[78,10208,10209],{"class":80,"line":81},[78,10210,3250],{"class":2726},[78,10212,10213,10215,10217],{"class":80,"line":114},[78,10214,1124],{"class":88},[78,10216,2734],{"class":117},[78,10218,1170],{"class":88},[78,10220,10221,10223,10225],{"class":80,"line":135},[78,10222,2741],{"class":88},[78,10224,1359],{"class":117},[78,10226,1170],{"class":88},[78,10228,10229,10231],{"class":80,"line":333},[78,10230,2486],{"class":88},[78,10232,4278],{"class":117},[78,10234,10235,10237,10239,10241,10243],{"class":80,"line":344},[78,10236,2906],{"class":1132},[78,10238,1136],{"class":88},[78,10240,1139],{"class":88},[78,10242,310],{"class":102},[78,10244,1145],{"class":88},[78,10246,10247,10249,10251,10253,10255],{"class":80,"line":350},[78,10248,5717],{"class":1132},[78,10250,1136],{"class":88},[78,10252,1139],{"class":88},[78,10254,5724],{"class":102},[78,10256,1145],{"class":88},[78,10258,10259],{"class":80,"line":367},[78,10260,5731],{"class":88},[78,10262,10263,10265,10267,10269,10271,10273,10275,10277,10279,10281,10283,10285],{"class":80,"line":384},[78,10264,2486],{"class":88},[78,10266,2329],{"class":117},[78,10268,3305],{"class":1132},[78,10270,1136],{"class":88},[78,10272,1139],{"class":88},[78,10274,3312],{"class":102},[78,10276,1139],{"class":88},[78,10278,2754],{"class":88},[78,10280,7109],{"class":84},[78,10282,1332],{"class":88},[78,10284,2329],{"class":117},[78,10286,1170],{"class":88},[78,10288,10289,10291,10293],{"class":80,"line":390},[78,10290,2802],{"class":88},[78,10292,1359],{"class":117},[78,10294,1170],{"class":88},[78,10296,10297,10299,10301],{"class":80,"line":398},[78,10298,1332],{"class":88},[78,10300,2734],{"class":117},[78,10302,1170],{"class":88},[78,10304,10305],{"class":80,"line":1822},[78,10306,1712],{"emptyLinePlaceholder":419},[78,10308,10309,10311,10313,10315,10317,10319,10321,10323,10325],{"class":80,"line":1836},[78,10310,1124],{"class":88},[78,10312,1167],{"class":117},[78,10314,2827],{"class":1132},[78,10316,2830],{"class":1132},[78,10318,1136],{"class":88},[78,10320,1139],{"class":88},[78,10322,2837],{"class":102},[78,10324,1139],{"class":88},[78,10326,1170],{"class":88},[78,10328,10329,10331,10333,10335,10337,10339,10341,10343,10345,10347,10349],{"class":80,"line":1842},[78,10330,1692],{"class":1691},[78,10332,1738],{"class":88},[78,10334,4009],{"class":84},[78,10336,108],{"class":88},[78,10338,5810],{"class":1691},[78,10340,2017],{"class":84},[78,10342,2384],{"class":88},[78,10344,2387],{"class":1691},[78,10346,124],{"class":88},[78,10348,5821],{"class":102},[78,10350,1318],{"class":88},[78,10352,10353],{"class":80,"line":1847},[78,10354,1712],{"emptyLinePlaceholder":419},[78,10356,10357,10359,10361,10363,10365],{"class":80,"line":1854},[78,10358,3369],{"class":1132},[78,10360,3372],{"class":84},[78,10362,1136],{"class":88},[78,10364,3377],{"class":92},[78,10366,3380],{"class":88},[78,10368,10369,10371,10373],{"class":80,"line":1867},[78,10370,2024],{"class":117},[78,10372,121],{"class":88},[78,10374,3389],{"class":1745},[78,10376,10377,10379,10381],{"class":80,"line":1880},[78,10378,3394],{"class":117},[78,10380,121],{"class":88},[78,10382,3389],{"class":1745},[78,10384,10385,10387],{"class":80,"line":1886},[78,10386,2341],{"class":88},[78,10388,3405],{"class":84},[78,10390,10391],{"class":80,"line":1895},[78,10392,1712],{"emptyLinePlaceholder":419},[78,10394,10395,10397,10399,10401,10403,10405,10407],{"class":80,"line":1901},[78,10396,3369],{"class":1132},[78,10398,1738],{"class":88},[78,10400,5874],{"class":84},[78,10402,138],{"class":88},[78,10404,1248],{"class":88},[78,10406,4009],{"class":92},[78,10408,3405],{"class":84},[78,10410,10411],{"class":80,"line":1907},[78,10412,1712],{"emptyLinePlaceholder":419},[78,10414,10415,10417,10419,10421,10423,10425],{"class":80,"line":1913},[78,10416,3369],{"class":1132},[78,10418,3416],{"class":84},[78,10420,1136],{"class":88},[78,10422,2167],{"class":88},[78,10424,2104],{"class":1132},[78,10426,111],{"class":88},[78,10428,10429,10431,10433],{"class":80,"line":1919},[78,10430,5905],{"class":92},[78,10432,96],{"class":117},[78,10434,2061],{"class":88},[78,10436,10437,10439,10441,10443,10445,10447],{"class":80,"line":1945},[78,10438,3449],{"class":117},[78,10440,121],{"class":88},[78,10442,124],{"class":88},[78,10444,310],{"class":102},[78,10446,99],{"class":88},[78,10448,132],{"class":88},[78,10450,10451,10453,10455,10457,10459,10461],{"class":80,"line":1951},[78,10452,3464],{"class":117},[78,10454,121],{"class":88},[78,10456,124],{"class":88},[78,10458,326],{"class":102},[78,10460,99],{"class":88},[78,10462,132],{"class":88},[78,10464,10465,10467,10469],{"class":80,"line":1959},[78,10466,3479],{"class":117},[78,10468,121],{"class":88},[78,10470,341],{"class":117},[78,10472,10473],{"class":80,"line":1969},[78,10474,3488],{"class":88},[78,10476,10477,10479,10481,10483,10485,10487],{"class":80,"line":1975},[78,10478,3493],{"class":117},[78,10480,121],{"class":88},[78,10482,3498],{"class":84},[78,10484,89],{"class":88},[78,10486,251],{"class":84},[78,10488,132],{"class":88},[78,10490,10491,10493,10495,10497,10499,10501],{"class":80,"line":1983},[78,10492,3509],{"class":117},[78,10494,121],{"class":88},[78,10496,3498],{"class":84},[78,10498,89],{"class":88},[78,10500,3518],{"class":84},[78,10502,132],{"class":88},[78,10504,10505],{"class":80,"line":3020},[78,10506,3525],{"class":88},[78,10508,10509,10511],{"class":80,"line":3028},[78,10510,3530],{"class":117},[78,10512,132],{"class":88},[78,10514,10515,10517],{"class":80,"line":4940},[78,10516,1323],{"class":88},[78,10518,3025],{"class":117},[78,10520,10521],{"class":80,"line":4949},[78,10522,1780],{"class":88},[78,10524,10525,10527,10529],{"class":80,"line":4954},[78,10526,1332],{"class":88},[78,10528,1167],{"class":117},[78,10530,1170],{"class":88},[406,10532,6008],{},{"title":74,"searchDepth":114,"depth":114,"links":10534},[10535,10536,10537],{"id":8242,"depth":114,"text":8243},{"id":9904,"depth":114,"text":9905},{"id":10200,"depth":114,"text":10201},"Интеграция с Vue 3 приложением",{},"\u002Fintegrations\u002Fvue",{"title":5168,"description":10538},"integrations\u002Fvue","940Q7exH9C3y9bXr_sW6skJzNNxxGlNzOBpnASqYjFU",1779283220738]