[{"data":1,"prerenderedAt":11057},["ShallowReactive",2],{"\u002Fintegrations\u002Fvue":3,"all-pages-\u002Fintegrations\u002Fvue":1051},{"id":4,"title":5,"body":6,"description":1043,"extension":1044,"icon":1045,"meta":1046,"navigation":348,"path":1047,"seo":1048,"stem":1049,"__hash__":1050},"content\u002Fintegrations\u002Fvue.md","Vue 3",{"type":7,"value":8,"toc":1038},"minimark",[9,14,18,23,31,278,282,647,651,1034],[10,11,13],"h1",{"id":12},"интеграция-с-vue-3","Интеграция с Vue 3",[15,16,17],"p",{},"Работает с Vue 3 + Vite или любым другим окружением Vue 3.",[19,20,22],"h2",{"id":21},"_1-загрузка-скрипта-виджета","1. Загрузка скрипта виджета",[15,24,25,26,30],{},"В ",[27,28,29],"code",{},"index.html",":",[32,33,38],"pre",{"className":34,"code":35,"language":36,"meta":37,"style":37},"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\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","html","",[27,39,40,53,73,88,100,121,155,211,217,241,258,268],{"__ignoreMap":37},[41,42,45,49],"span",{"class":43,"line":44},"line",1,[41,46,48],{"class":47},"sMK4o","\u003C",[41,50,52],{"class":51},"swJcz","script\n",[41,54,56,60,63,66,70],{"class":43,"line":55},2,[41,57,59],{"class":58},"spNyl","  src",[41,61,62],{"class":47},"=",[41,64,65],{"class":47},"\"",[41,67,69],{"class":68},"sfazB","https:\u002F\u002Fwidget.try-on.ru\u002Ffitting-widget-bundle.js",[41,71,72],{"class":47},"\"\n",[41,74,76,79,81,83,86],{"class":43,"line":75},3,[41,77,78],{"class":58},"  id",[41,80,62],{"class":47},[41,82,65],{"class":47},[41,84,85],{"class":68},"fitting-widget-bundle",[41,87,72],{"class":47},[41,89,91,94,97],{"class":43,"line":90},4,[41,92,93],{"class":47},">\u003C\u002F",[41,95,96],{"class":51},"script",[41,98,99],{"class":47},">\n",[41,101,103,105,107,110,112,114,117,119],{"class":43,"line":102},5,[41,104,48],{"class":47},[41,106,96],{"class":51},[41,108,109],{"class":58}," id",[41,111,62],{"class":47},[41,113,65],{"class":47},[41,115,116],{"class":68},"fitting-init",[41,118,65],{"class":47},[41,120,99],{"class":47},[41,122,124,128,131,134,136,139,141,143,146,149,152],{"class":43,"line":123},6,[41,125,127],{"class":126},"sTEyZ","  window",[41,129,130],{"class":47},".",[41,132,133],{"class":126},"fitting ",[41,135,62],{"class":47},[41,137,138],{"class":126}," window",[41,140,130],{"class":47},[41,142,133],{"class":126},[41,144,145],{"class":47},"||",[41,147,148],{"class":58}," function",[41,150,151],{"class":47},"()",[41,153,154],{"class":47}," {\n",[41,156,158,161,164,166,169,171,174,177,179,181,183,185,187,190,193,195,199,202,205,208],{"class":43,"line":157},7,[41,159,160],{"class":51},"    (",[41,162,163],{"class":126},"window",[41,165,130],{"class":47},[41,167,168],{"class":126},"fitting",[41,170,130],{"class":47},[41,172,173],{"class":126},"q",[41,175,176],{"class":47}," =",[41,178,138],{"class":126},[41,180,130],{"class":47},[41,182,168],{"class":126},[41,184,130],{"class":47},[41,186,173],{"class":126},[41,188,189],{"class":47}," ||",[41,191,192],{"class":51}," [])",[41,194,130],{"class":47},[41,196,198],{"class":197},"s2Zo4","push",[41,200,201],{"class":51},"(",[41,203,204],{"class":126},"arguments",[41,206,207],{"class":51},")",[41,209,210],{"class":47},";\n",[41,212,214],{"class":43,"line":213},8,[41,215,216],{"class":47},"  };\n",[41,218,220,222,224,226,228,231,234,236,239],{"class":43,"line":219},9,[41,221,127],{"class":126},[41,223,130],{"class":47},[41,225,168],{"class":197},[41,227,201],{"class":126},[41,229,230],{"class":47},"'",[41,232,233],{"class":68},"init",[41,235,230],{"class":47},[41,237,238],{"class":47},",",[41,240,154],{"class":47},[41,242,244,247,249,252,255],{"class":43,"line":243},10,[41,245,246],{"class":51},"    apiKey",[41,248,30],{"class":47},[41,250,251],{"class":47}," '",[41,253,254],{"class":68},"YOUR_API_KEY",[41,256,257],{"class":47},"'\n",[41,259,261,264,266],{"class":43,"line":260},11,[41,262,263],{"class":47},"  }",[41,265,207],{"class":126},[41,267,210],{"class":47},[41,269,271,274,276],{"class":43,"line":270},12,[41,272,273],{"class":47},"\u003C\u002F",[41,275,96],{"class":51},[41,277,99],{"class":47},[19,279,281],{"id":280},"_2-создайте-composable","2. Создайте composable",[32,283,287],{"className":284,"code":285,"language":286,"meta":37,"style":37},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\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","ts",[27,288,289,295,310,320,329,339,344,350,361,370,403,415,419,424,436,447,485,491,496,501,515,541,567,572,577,594,614,619,624,642],{"__ignoreMap":37},[41,290,291],{"class":43,"line":44},[41,292,294],{"class":293},"sHwdD","\u002F\u002F composables\u002FuseFittingWidget.ts\n",[41,296,297,301,304,308],{"class":43,"line":55},[41,298,300],{"class":299},"s7zQu","export",[41,302,303],{"class":58}," interface",[41,305,307],{"class":306},"sBMFI"," TryonItem",[41,309,154],{"class":47},[41,311,312,315,317],{"class":43,"line":75},[41,313,314],{"class":51},"  productName",[41,316,30],{"class":47},[41,318,319],{"class":306}," string\n",[41,321,322,325,327],{"class":43,"line":90},[41,323,324],{"class":51},"  url",[41,326,30],{"class":47},[41,328,319],{"class":306},[41,330,331,334,337],{"class":43,"line":102},[41,332,333],{"class":51},"  productId",[41,335,336],{"class":47},"?:",[41,338,319],{"class":306},[41,340,341],{"class":43,"line":123},[41,342,343],{"class":47},"}\n",[41,345,346],{"class":43,"line":157},[41,347,349],{"emptyLinePlaceholder":348},true,"\n",[41,351,352,354,356,359],{"class":43,"line":213},[41,353,300],{"class":299},[41,355,303],{"class":58},[41,357,358],{"class":306}," CreateOptions",[41,360,154],{"class":47},[41,362,363,366,368],{"class":43,"line":219},[41,364,365],{"class":51},"  targetElementId",[41,367,30],{"class":47},[41,369,319],{"class":306},[41,371,372,375,377,379,382,384,387,389,392,394,396,398,401],{"class":43,"line":243},[41,373,374],{"class":51},"  model",[41,376,336],{"class":47},[41,378,251],{"class":47},[41,380,381],{"class":68},"balanced",[41,383,230],{"class":47},[41,385,386],{"class":47}," |",[41,388,251],{"class":47},[41,390,391],{"class":68},"quality",[41,393,230],{"class":47},[41,395,386],{"class":47},[41,397,251],{"class":47},[41,399,400],{"class":68},"speed",[41,402,257],{"class":47},[41,404,405,408,410,412],{"class":43,"line":260},[41,406,407],{"class":51},"  tryonItems",[41,409,30],{"class":47},[41,411,307],{"class":306},[41,413,414],{"class":126},"[]\n",[41,416,417],{"class":43,"line":270},[41,418,343],{"class":47},[41,420,422],{"class":43,"line":421},13,[41,423,349],{"emptyLinePlaceholder":348},[41,425,427,430,433],{"class":43,"line":426},14,[41,428,429],{"class":58},"declare",[41,431,432],{"class":126}," global ",[41,434,435],{"class":47},"{\n",[41,437,439,442,445],{"class":43,"line":438},15,[41,440,441],{"class":58},"  interface",[41,443,444],{"class":306}," Window",[41,446,154],{"class":47},[41,448,450,453,455,458,462,464,467,469,472,474,477,479,482],{"class":43,"line":449},16,[41,451,452],{"class":51},"    fitting",[41,454,30],{"class":47},[41,456,457],{"class":47}," (",[41,459,461],{"class":460},"sHdIc","command",[41,463,30],{"class":47},[41,465,466],{"class":306}," string",[41,468,238],{"class":47},[41,470,471],{"class":460}," options",[41,473,336],{"class":47},[41,475,476],{"class":306}," unknown",[41,478,207],{"class":47},[41,480,481],{"class":58}," =>",[41,483,484],{"class":306}," void\n",[41,486,488],{"class":43,"line":487},17,[41,489,490],{"class":47},"  }\n",[41,492,494],{"class":43,"line":493},18,[41,495,343],{"class":47},[41,497,499],{"class":43,"line":498},19,[41,500,349],{"emptyLinePlaceholder":348},[41,502,504,506,508,511,513],{"class":43,"line":503},20,[41,505,300],{"class":299},[41,507,148],{"class":58},[41,509,510],{"class":197}," useFittingWidget",[41,512,151],{"class":47},[41,514,154],{"class":47},[41,516,518,521,524,526,528,531,533,535,537,539],{"class":43,"line":517},21,[41,519,520],{"class":58},"  const",[41,522,523],{"class":126}," open",[41,525,176],{"class":47},[41,527,457],{"class":47},[41,529,530],{"class":460},"options",[41,532,30],{"class":47},[41,534,358],{"class":306},[41,536,207],{"class":47},[41,538,481],{"class":58},[41,540,154],{"class":47},[41,542,544,547,549,551,553,555,558,560,562,564],{"class":43,"line":543},22,[41,545,546],{"class":126},"    window",[41,548,130],{"class":47},[41,550,168],{"class":197},[41,552,201],{"class":51},[41,554,230],{"class":47},[41,556,557],{"class":68},"create",[41,559,230],{"class":47},[41,561,238],{"class":47},[41,563,471],{"class":126},[41,565,566],{"class":51},")\n",[41,568,570],{"class":43,"line":569},23,[41,571,490],{"class":47},[41,573,575],{"class":43,"line":574},24,[41,576,349],{"emptyLinePlaceholder":348},[41,578,580,582,585,587,590,592],{"class":43,"line":579},25,[41,581,520],{"class":58},[41,583,584],{"class":126}," close",[41,586,176],{"class":47},[41,588,589],{"class":47}," ()",[41,591,481],{"class":58},[41,593,154],{"class":47},[41,595,597,599,601,603,605,607,610,612],{"class":43,"line":596},26,[41,598,546],{"class":126},[41,600,130],{"class":47},[41,602,168],{"class":197},[41,604,201],{"class":51},[41,606,230],{"class":47},[41,608,609],{"class":68},"close",[41,611,230],{"class":47},[41,613,566],{"class":51},[41,615,617],{"class":43,"line":616},27,[41,618,490],{"class":47},[41,620,622],{"class":43,"line":621},28,[41,623,349],{"emptyLinePlaceholder":348},[41,625,627,630,633,635,637,639],{"class":43,"line":626},29,[41,628,629],{"class":299},"  return",[41,631,632],{"class":47}," {",[41,634,523],{"class":126},[41,636,238],{"class":47},[41,638,584],{"class":126},[41,640,641],{"class":47}," }\n",[41,643,645],{"class":43,"line":644},30,[41,646,343],{"class":47},[19,648,650],{"id":649},"_3-создайте-компонент-виджета","3. Создайте компонент виджета",[32,652,656],{"className":653,"code":654,"language":655,"meta":37,"style":37},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\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","vue",[27,657,658,663,672,682,690,704,718,723,754,763,771,775,797,826,830,846,854,863,871,875,893,897,912,921,937,952,962,967,984,1000,1005,1013,1020,1025],{"__ignoreMap":37},[41,659,660],{"class":43,"line":44},[41,661,662],{"class":293},"\u003C!-- components\u002FTryOnWidget.vue -->\n",[41,664,665,667,670],{"class":43,"line":55},[41,666,48],{"class":47},[41,668,669],{"class":51},"template",[41,671,99],{"class":47},[41,673,674,677,680],{"class":43,"line":75},[41,675,676],{"class":47},"  \u003C",[41,678,679],{"class":51},"div",[41,681,99],{"class":47},[41,683,684,687],{"class":43,"line":90},[41,685,686],{"class":47},"    \u003C",[41,688,689],{"class":51},"div\n",[41,691,692,695,697,699,702],{"class":43,"line":102},[41,693,694],{"class":58},"      id",[41,696,62],{"class":47},[41,698,65],{"class":47},[41,700,701],{"class":68},"widget-container",[41,703,72],{"class":47},[41,705,706,709,711,713,716],{"class":43,"line":123},[41,707,708],{"class":58},"      style",[41,710,62],{"class":47},[41,712,65],{"class":47},[41,714,715],{"class":68},"width: 100%; max-width: 600px; aspect-ratio: 3\u002F4",[41,717,72],{"class":47},[41,719,720],{"class":43,"line":157},[41,721,722],{"class":47},"    \u002F>\n",[41,724,725,727,730,733,735,737,740,742,745,748,750,752],{"class":43,"line":213},[41,726,686],{"class":47},[41,728,729],{"class":51},"button",[41,731,732],{"class":58}," @click",[41,734,62],{"class":47},[41,736,65],{"class":47},[41,738,739],{"class":68},"handleTryOn",[41,741,65],{"class":47},[41,743,744],{"class":47},">",[41,746,747],{"class":126},"Примерка",[41,749,273],{"class":47},[41,751,729],{"class":51},[41,753,99],{"class":47},[41,755,756,759,761],{"class":43,"line":219},[41,757,758],{"class":47},"  \u003C\u002F",[41,760,679],{"class":51},[41,762,99],{"class":47},[41,764,765,767,769],{"class":43,"line":243},[41,766,273],{"class":47},[41,768,669],{"class":51},[41,770,99],{"class":47},[41,772,773],{"class":43,"line":260},[41,774,349],{"emptyLinePlaceholder":348},[41,776,777,779,781,784,787,789,791,793,795],{"class":43,"line":270},[41,778,48],{"class":47},[41,780,96],{"class":51},[41,782,783],{"class":58}," setup",[41,785,786],{"class":58}," lang",[41,788,62],{"class":47},[41,790,65],{"class":47},[41,792,286],{"class":68},[41,794,65],{"class":47},[41,796,99],{"class":47},[41,798,799,802,804,806,808,811,813,816,819,821,824],{"class":43,"line":421},[41,800,801],{"class":299},"import",[41,803,632],{"class":47},[41,805,510],{"class":126},[41,807,238],{"class":47},[41,809,810],{"class":299}," type",[41,812,307],{"class":126},[41,814,815],{"class":47}," }",[41,817,818],{"class":299}," from",[41,820,251],{"class":47},[41,822,823],{"class":68},"~\u002Fcomposables\u002FuseFittingWidget",[41,825,257],{"class":47},[41,827,828],{"class":43,"line":426},[41,829,349],{"emptyLinePlaceholder":348},[41,831,832,835,838,840,843],{"class":43,"line":438},[41,833,834],{"class":58},"const",[41,836,837],{"class":126}," props ",[41,839,62],{"class":47},[41,841,842],{"class":197}," defineProps",[41,844,845],{"class":47},"\u003C{\n",[41,847,848,850,852],{"class":43,"line":449},[41,849,314],{"class":51},[41,851,30],{"class":47},[41,853,319],{"class":306},[41,855,856,859,861],{"class":43,"line":487},[41,857,858],{"class":51},"  imageUrl",[41,860,30],{"class":47},[41,862,319],{"class":306},[41,864,865,868],{"class":43,"line":493},[41,866,867],{"class":47},"}>",[41,869,870],{"class":126},"()\n",[41,872,873],{"class":43,"line":498},[41,874,349],{"emptyLinePlaceholder":348},[41,876,877,879,881,884,887,889,891],{"class":43,"line":503},[41,878,834],{"class":58},[41,880,632],{"class":47},[41,882,883],{"class":126}," open ",[41,885,886],{"class":47},"}",[41,888,176],{"class":47},[41,890,510],{"class":197},[41,892,870],{"class":126},[41,894,895],{"class":43,"line":517},[41,896,349],{"emptyLinePlaceholder":348},[41,898,899,901,904,906,908,910],{"class":43,"line":543},[41,900,834],{"class":58},[41,902,903],{"class":126}," handleTryOn ",[41,905,62],{"class":47},[41,907,589],{"class":47},[41,909,481],{"class":58},[41,911,154],{"class":47},[41,913,914,917,919],{"class":43,"line":569},[41,915,916],{"class":197},"  open",[41,918,201],{"class":51},[41,920,435],{"class":47},[41,922,923,926,928,930,932,934],{"class":43,"line":574},[41,924,925],{"class":51},"    targetElementId",[41,927,30],{"class":47},[41,929,251],{"class":47},[41,931,701],{"class":68},[41,933,230],{"class":47},[41,935,936],{"class":47},",\n",[41,938,939,942,944,946,948,950],{"class":43,"line":579},[41,940,941],{"class":51},"    model",[41,943,30],{"class":47},[41,945,251],{"class":47},[41,947,381],{"class":68},[41,949,230],{"class":47},[41,951,936],{"class":47},[41,953,954,957,959],{"class":43,"line":596},[41,955,956],{"class":51},"    tryonItems",[41,958,30],{"class":47},[41,960,961],{"class":51}," [\n",[41,963,964],{"class":43,"line":616},[41,965,966],{"class":47},"      {\n",[41,968,969,972,974,977,979,982],{"class":43,"line":621},[41,970,971],{"class":51},"        productName",[41,973,30],{"class":47},[41,975,976],{"class":126}," props",[41,978,130],{"class":47},[41,980,981],{"class":126},"productName",[41,983,936],{"class":47},[41,985,986,989,991,993,995,998],{"class":43,"line":626},[41,987,988],{"class":51},"        url",[41,990,30],{"class":47},[41,992,976],{"class":126},[41,994,130],{"class":47},[41,996,997],{"class":126},"imageUrl",[41,999,936],{"class":47},[41,1001,1002],{"class":43,"line":644},[41,1003,1004],{"class":47},"      },\n",[41,1006,1008,1011],{"class":43,"line":1007},31,[41,1009,1010],{"class":51},"    ]",[41,1012,936],{"class":47},[41,1014,1016,1018],{"class":43,"line":1015},32,[41,1017,263],{"class":47},[41,1019,566],{"class":51},[41,1021,1023],{"class":43,"line":1022},33,[41,1024,343],{"class":47},[41,1026,1028,1030,1032],{"class":43,"line":1027},34,[41,1029,273],{"class":47},[41,1031,96],{"class":51},[41,1033,99],{"class":47},[1035,1036,1037],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .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":37,"searchDepth":55,"depth":55,"links":1039},[1040,1041,1042],{"id":21,"depth":55,"text":22},{"id":280,"depth":55,"text":281},{"id":649,"depth":55,"text":650},"Интеграция с Vue 3 приложением","md","i-lucide-venetian-mask",{},"\u002Fintegrations\u002Fvue",{"title":5,"description":1043},"integrations\u002Fvue","940Q7exH9C3y9bXr_sW6skJzNNxxGlNzOBpnASqYjFU",[1052,1424,1760,2196,2287,3281,4154,5036,5713,6551,6968,7055,7937,8758,9605,10233],{"id":1053,"title":1054,"body":1055,"description":1417,"extension":1044,"icon":1418,"meta":1419,"navigation":348,"path":1420,"seo":1421,"stem":1422,"__hash__":1423},"content\u002Fapi\u002Findex.md","Справочник API",{"type":7,"value":1056,"toc":1411},[1057,1060,1064,1067,1112,1163,1166,1170,1173,1243,1248,1290,1408],[10,1058,1054],{"id":1059},"справочник-api",[19,1061,1063],{"id":1062},"windowfittinginit-options","window.fitting('init', options)",[15,1065,1066],{},"Инициализирует виджет. Вызывается один раз, до всех остальных методов.",[1068,1069,1070,1090],"table",{},[1071,1072,1073],"thead",{},[1074,1075,1076,1080,1083,1087],"tr",{},[1077,1078,1079],"th",{},"Параметр",[1077,1081,1082],{},"Тип",[1077,1084,1086],{"align":1085},"center","Обязателен",[1077,1088,1089],{},"Описание",[1091,1092,1093],"tbody",{},[1074,1094,1095,1101,1106,1109],{},[1096,1097,1098],"td",{},[27,1099,1100],{},"apiKey",[1096,1102,1103],{},[27,1104,1105],{},"string",[1096,1107,1108],{"align":1085},"Да",[1096,1110,1111],{},"Ваш API-ключ виджета",[32,1113,1117],{"className":1114,"code":1115,"language":1116,"meta":37,"style":37},"language-js shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","window.fitting('init', {\n  apiKey: 'pk_live_xxx',\n});\n","js",[27,1118,1119,1139,1155],{"__ignoreMap":37},[41,1120,1121,1123,1125,1127,1129,1131,1133,1135,1137],{"class":43,"line":44},[41,1122,163],{"class":126},[41,1124,130],{"class":47},[41,1126,168],{"class":197},[41,1128,201],{"class":126},[41,1130,230],{"class":47},[41,1132,233],{"class":68},[41,1134,230],{"class":47},[41,1136,238],{"class":47},[41,1138,154],{"class":47},[41,1140,1141,1144,1146,1148,1151,1153],{"class":43,"line":55},[41,1142,1143],{"class":51},"  apiKey",[41,1145,30],{"class":47},[41,1147,251],{"class":47},[41,1149,1150],{"class":68},"pk_live_xxx",[41,1152,230],{"class":47},[41,1154,936],{"class":47},[41,1156,1157,1159,1161],{"class":43,"line":75},[41,1158,886],{"class":47},[41,1160,207],{"class":126},[41,1162,210],{"class":47},[1164,1165],"hr",{},[19,1167,1169],{"id":1168},"windowfittingcreate-options","window.fitting('create', options)",[15,1171,1172],{},"Запускает виртуальную примерку.",[1068,1174,1175,1187],{},[1071,1176,1177],{},[1074,1178,1179,1181,1183,1185],{},[1077,1180,1079],{},[1077,1182,1082],{},[1077,1184,1086],{"align":1085},[1077,1186,1089],{},[1091,1188,1189,1205,1222],{},[1074,1190,1191,1196,1200,1202],{},[1096,1192,1193],{},[27,1194,1195],{},"targetElementId",[1096,1197,1198],{},[27,1199,1105],{},[1096,1201,1108],{"align":1085},[1096,1203,1204],{},"ID контейнера, в котором отображается виджет",[1074,1206,1207,1212,1217,1219],{},[1096,1208,1209],{},[27,1210,1211],{},"tryonItems",[1096,1213,1214],{},[27,1215,1216],{},"TryonItem[]",[1096,1218,1108],{"align":1085},[1096,1220,1221],{},"Массив товаров, доступных для примерки",[1074,1223,1224,1229,1234,1237],{},[1096,1225,1226],{},[27,1227,1228],{},"model",[1096,1230,1231],{},[27,1232,1233],{},"'balanced' | 'quality' | 'performance'",[1096,1235,1236],{"align":1085},"Нет",[1096,1238,1239,1240,207],{},"Режим отрисовки (по умолчанию: ",[27,1241,1242],{},"'balanced'",[1244,1245,1247],"h3",{"id":1246},"tryonitem","TryonItem",[1068,1249,1250,1261],{},[1071,1251,1252],{},[1074,1253,1254,1257,1259],{},[1077,1255,1256],{},"Поле",[1077,1258,1082],{},[1077,1260,1089],{},[1091,1262,1263,1276],{},[1074,1264,1265,1269,1273],{},[1096,1266,1267],{},[27,1268,981],{},[1096,1270,1271],{},[27,1272,1105],{},[1096,1274,1275],{},"Отображаемое название товара",[1074,1277,1278,1283,1287],{},[1096,1279,1280],{},[27,1281,1282],{},"url",[1096,1284,1285],{},[27,1286,1105],{},[1096,1288,1289],{},"Полный URL изображения товара",[32,1291,1293],{"className":1114,"code":1292,"language":1116,"meta":37,"style":37},"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",[27,1294,1295,1315,1329,1343,1351,1356,1372,1388,1393,1400],{"__ignoreMap":37},[41,1296,1297,1299,1301,1303,1305,1307,1309,1311,1313],{"class":43,"line":44},[41,1298,163],{"class":126},[41,1300,130],{"class":47},[41,1302,168],{"class":197},[41,1304,201],{"class":126},[41,1306,230],{"class":47},[41,1308,557],{"class":68},[41,1310,230],{"class":47},[41,1312,238],{"class":47},[41,1314,154],{"class":47},[41,1316,1317,1319,1321,1323,1325,1327],{"class":43,"line":55},[41,1318,365],{"class":51},[41,1320,30],{"class":47},[41,1322,251],{"class":47},[41,1324,701],{"class":68},[41,1326,230],{"class":47},[41,1328,936],{"class":47},[41,1330,1331,1333,1335,1337,1339,1341],{"class":43,"line":75},[41,1332,374],{"class":51},[41,1334,30],{"class":47},[41,1336,251],{"class":47},[41,1338,381],{"class":68},[41,1340,230],{"class":47},[41,1342,936],{"class":47},[41,1344,1345,1347,1349],{"class":43,"line":90},[41,1346,407],{"class":51},[41,1348,30],{"class":47},[41,1350,961],{"class":126},[41,1352,1353],{"class":43,"line":102},[41,1354,1355],{"class":47},"    {\n",[41,1357,1358,1361,1363,1365,1368,1370],{"class":43,"line":123},[41,1359,1360],{"class":51},"      productName",[41,1362,30],{"class":47},[41,1364,251],{"class":47},[41,1366,1367],{"class":68},"Джинсовая куртка",[41,1369,230],{"class":47},[41,1371,936],{"class":47},[41,1373,1374,1377,1379,1381,1384,1386],{"class":43,"line":157},[41,1375,1376],{"class":51},"      url",[41,1378,30],{"class":47},[41,1380,251],{"class":47},[41,1382,1383],{"class":68},"https:\u002F\u002Fexample.com\u002Fjacket.png",[41,1385,230],{"class":47},[41,1387,936],{"class":47},[41,1389,1390],{"class":43,"line":213},[41,1391,1392],{"class":47},"    },\n",[41,1394,1395,1398],{"class":43,"line":219},[41,1396,1397],{"class":126},"  ]",[41,1399,936],{"class":47},[41,1401,1402,1404,1406],{"class":43,"line":243},[41,1403,886],{"class":47},[41,1405,207],{"class":126},[41,1407,210],{"class":47},[1035,1409,1410],{},"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":37,"searchDepth":55,"depth":55,"links":1412},[1413,1414],{"id":1062,"depth":55,"text":1063},{"id":1168,"depth":55,"text":1169,"children":1415},[1416],{"id":1246,"depth":75,"text":1247},"Полный справочник по API Fitting Widget","i-lucide-code",{},"\u002Fapi",{"title":1054,"description":1417},"api\u002Findex","nBz9Z0BX1B-BPJzD-HVF5oHrejoQd0__hLi-_PGCmvk",{"id":1425,"title":1426,"body":1427,"description":1754,"extension":1044,"icon":1418,"meta":1755,"navigation":348,"path":1756,"seo":1757,"stem":1758,"__hash__":1759},"content\u002Fen\u002Fapi\u002Findex.md","API Reference",{"type":7,"value":1428,"toc":1748},[1429,1432,1434,1437,1473,1519,1521,1523,1526,1591,1593,1634,1746],[10,1430,1426],{"id":1431},"api-reference",[19,1433,1063],{"id":1062},[15,1435,1436],{},"Initializes the widget. Call this once, before any other methods.",[1068,1438,1439,1455],{},[1071,1440,1441],{},[1074,1442,1443,1446,1449,1452],{},[1077,1444,1445],{},"Parameter",[1077,1447,1448],{},"Type",[1077,1450,1451],{"align":1085},"Required",[1077,1453,1454],{},"Description",[1091,1456,1457],{},[1074,1458,1459,1463,1467,1470],{},[1096,1460,1461],{},[27,1462,1100],{},[1096,1464,1465],{},[27,1466,1105],{},[1096,1468,1469],{"align":1085},"Yes",[1096,1471,1472],{},"Your widget API key",[32,1474,1475],{"className":1114,"code":1115,"language":1116,"meta":37,"style":37},[27,1476,1477,1497,1511],{"__ignoreMap":37},[41,1478,1479,1481,1483,1485,1487,1489,1491,1493,1495],{"class":43,"line":44},[41,1480,163],{"class":126},[41,1482,130],{"class":47},[41,1484,168],{"class":197},[41,1486,201],{"class":126},[41,1488,230],{"class":47},[41,1490,233],{"class":68},[41,1492,230],{"class":47},[41,1494,238],{"class":47},[41,1496,154],{"class":47},[41,1498,1499,1501,1503,1505,1507,1509],{"class":43,"line":55},[41,1500,1143],{"class":51},[41,1502,30],{"class":47},[41,1504,251],{"class":47},[41,1506,1150],{"class":68},[41,1508,230],{"class":47},[41,1510,936],{"class":47},[41,1512,1513,1515,1517],{"class":43,"line":75},[41,1514,886],{"class":47},[41,1516,207],{"class":126},[41,1518,210],{"class":47},[1164,1520],{},[19,1522,1169],{"id":1168},[15,1524,1525],{},"Opens the virtual try-on experience.",[1068,1527,1528,1540],{},[1071,1529,1530],{},[1074,1531,1532,1534,1536,1538],{},[1077,1533,1445],{},[1077,1535,1448],{},[1077,1537,1451],{"align":1085},[1077,1539,1454],{},[1091,1541,1542,1557,1572],{},[1074,1543,1544,1548,1552,1554],{},[1096,1545,1546],{},[27,1547,1195],{},[1096,1549,1550],{},[27,1551,1105],{},[1096,1553,1469],{"align":1085},[1096,1555,1556],{},"ID of the container element where the widget renders",[1074,1558,1559,1563,1567,1569],{},[1096,1560,1561],{},[27,1562,1211],{},[1096,1564,1565],{},[27,1566,1216],{},[1096,1568,1469],{"align":1085},[1096,1570,1571],{},"Array of items available for try-on",[1074,1573,1574,1578,1583,1586],{},[1096,1575,1576],{},[27,1577,1228],{},[1096,1579,1580],{},[27,1581,1582],{},"'balanced' | 'quality' | 'speed'",[1096,1584,1585],{"align":1085},"No",[1096,1587,1588,1589,207],{},"Rendering model (default: ",[27,1590,1242],{},[1244,1592,1247],{"id":1246},[1068,1594,1595,1606],{},[1071,1596,1597],{},[1074,1598,1599,1602,1604],{},[1077,1600,1601],{},"Field",[1077,1603,1448],{},[1077,1605,1454],{},[1091,1607,1608,1621],{},[1074,1609,1610,1614,1618],{},[1096,1611,1612],{},[27,1613,981],{},[1096,1615,1616],{},[27,1617,1105],{},[1096,1619,1620],{},"Display name of the garment",[1074,1622,1623,1627,1631],{},[1096,1624,1625],{},[27,1626,1282],{},[1096,1628,1629],{},[27,1630,1105],{},[1096,1632,1633],{},"Full URL to the garment image",[32,1635,1637],{"className":1114,"code":1636,"language":1116,"meta":37,"style":37},"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",[27,1638,1639,1659,1673,1687,1695,1699,1714,1728,1732,1738],{"__ignoreMap":37},[41,1640,1641,1643,1645,1647,1649,1651,1653,1655,1657],{"class":43,"line":44},[41,1642,163],{"class":126},[41,1644,130],{"class":47},[41,1646,168],{"class":197},[41,1648,201],{"class":126},[41,1650,230],{"class":47},[41,1652,557],{"class":68},[41,1654,230],{"class":47},[41,1656,238],{"class":47},[41,1658,154],{"class":47},[41,1660,1661,1663,1665,1667,1669,1671],{"class":43,"line":55},[41,1662,365],{"class":51},[41,1664,30],{"class":47},[41,1666,251],{"class":47},[41,1668,701],{"class":68},[41,1670,230],{"class":47},[41,1672,936],{"class":47},[41,1674,1675,1677,1679,1681,1683,1685],{"class":43,"line":75},[41,1676,374],{"class":51},[41,1678,30],{"class":47},[41,1680,251],{"class":47},[41,1682,381],{"class":68},[41,1684,230],{"class":47},[41,1686,936],{"class":47},[41,1688,1689,1691,1693],{"class":43,"line":90},[41,1690,407],{"class":51},[41,1692,30],{"class":47},[41,1694,961],{"class":126},[41,1696,1697],{"class":43,"line":102},[41,1698,1355],{"class":47},[41,1700,1701,1703,1705,1707,1710,1712],{"class":43,"line":123},[41,1702,1360],{"class":51},[41,1704,30],{"class":47},[41,1706,251],{"class":47},[41,1708,1709],{"class":68},"Denim Jacket",[41,1711,230],{"class":47},[41,1713,936],{"class":47},[41,1715,1716,1718,1720,1722,1724,1726],{"class":43,"line":157},[41,1717,1376],{"class":51},[41,1719,30],{"class":47},[41,1721,251],{"class":47},[41,1723,1383],{"class":68},[41,1725,230],{"class":47},[41,1727,936],{"class":47},[41,1729,1730],{"class":43,"line":213},[41,1731,1392],{"class":47},[41,1733,1734,1736],{"class":43,"line":219},[41,1735,1397],{"class":126},[41,1737,936],{"class":47},[41,1739,1740,1742,1744],{"class":43,"line":243},[41,1741,886],{"class":47},[41,1743,207],{"class":126},[41,1745,210],{"class":47},[1035,1747,1410],{},{"title":37,"searchDepth":55,"depth":55,"links":1749},[1750,1751],{"id":1062,"depth":55,"text":1063},{"id":1168,"depth":55,"text":1169,"children":1752},[1753],{"id":1246,"depth":75,"text":1247},"Complete reference for the Fitting Widget API",{},"\u002Fen\u002Fapi",{"title":1426,"description":1754},"en\u002Fapi\u002Findex","5vrf4TtfB7Sr4MpfgLzStW-oF0xDBiShwkqA4UFzgA0",{"id":1761,"title":1762,"body":1763,"description":2189,"extension":1044,"icon":2190,"meta":2191,"navigation":348,"path":2192,"seo":2193,"stem":2194,"__hash__":2195},"content\u002Fen\u002Fgetting-started\u002Fquick-start.md","Quick Start",{"type":7,"value":1764,"toc":2180},[1765,1768,1771,1775,1786,1790,1801,1844,1848,1989,1993,2000,2027,2031,2037,2150,2154,2157,2161,2177],[10,1766,1762],{"id":1767},"quick-start",[15,1769,1770],{},"Follow these steps to add virtual try-on to your e-commerce site.",[19,1772,1774],{"id":1773},"_1-get-your-api-key","1. Get Your API Key",[15,1776,1777,1778,1785],{},"Sign up at ",[1779,1780,1784],"a",{"href":1781,"rel":1782},"https:\u002F\u002Fwidget.try-on.ru",[1783],"nofollow","widget.try-on.ru"," to obtain your free API key.",[19,1787,1789],{"id":1788},"_2-load-the-widget-script","2. Load the Widget Script",[15,1791,1792,1793,1796,1797,1800],{},"Add the following ",[27,1794,1795],{},"\u003Cscript>"," tag to your page, ideally right before the closing ",[27,1798,1799],{},"\u003C\u002Fbody>"," tag:",[32,1802,1804],{"className":34,"code":1803,"language":36,"meta":37,"style":37},"\u003Cscript\n  src=\"https:\u002F\u002Fwidget.try-on.ru\u002Ffitting-widget-bundle.js\"\n  id=\"fitting-widget-bundle\"\n>\u003C\u002Fscript>\n",[27,1805,1806,1812,1824,1836],{"__ignoreMap":37},[41,1807,1808,1810],{"class":43,"line":44},[41,1809,48],{"class":47},[41,1811,52],{"class":51},[41,1813,1814,1816,1818,1820,1822],{"class":43,"line":55},[41,1815,59],{"class":58},[41,1817,62],{"class":47},[41,1819,65],{"class":47},[41,1821,69],{"class":68},[41,1823,72],{"class":47},[41,1825,1826,1828,1830,1832,1834],{"class":43,"line":75},[41,1827,78],{"class":58},[41,1829,62],{"class":47},[41,1831,65],{"class":47},[41,1833,85],{"class":68},[41,1835,72],{"class":47},[41,1837,1838,1840,1842],{"class":43,"line":90},[41,1839,93],{"class":47},[41,1841,96],{"class":51},[41,1843,99],{"class":47},[19,1845,1847],{"id":1846},"_3-initialize-the-widget","3. Initialize the Widget",[32,1849,1851],{"className":34,"code":1850,"language":36,"meta":37,"style":37},"\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",[27,1852,1853,1871,1895,1937,1941,1961,1973,1981],{"__ignoreMap":37},[41,1854,1855,1857,1859,1861,1863,1865,1867,1869],{"class":43,"line":44},[41,1856,48],{"class":47},[41,1858,96],{"class":51},[41,1860,109],{"class":58},[41,1862,62],{"class":47},[41,1864,65],{"class":47},[41,1866,116],{"class":68},[41,1868,65],{"class":47},[41,1870,99],{"class":47},[41,1872,1873,1875,1877,1879,1881,1883,1885,1887,1889,1891,1893],{"class":43,"line":55},[41,1874,127],{"class":126},[41,1876,130],{"class":47},[41,1878,133],{"class":126},[41,1880,62],{"class":47},[41,1882,138],{"class":126},[41,1884,130],{"class":47},[41,1886,133],{"class":126},[41,1888,145],{"class":47},[41,1890,148],{"class":58},[41,1892,151],{"class":47},[41,1894,154],{"class":47},[41,1896,1897,1899,1901,1903,1905,1907,1909,1911,1913,1915,1917,1919,1921,1923,1925,1927,1929,1931,1933,1935],{"class":43,"line":75},[41,1898,160],{"class":51},[41,1900,163],{"class":126},[41,1902,130],{"class":47},[41,1904,168],{"class":126},[41,1906,130],{"class":47},[41,1908,173],{"class":126},[41,1910,176],{"class":47},[41,1912,138],{"class":126},[41,1914,130],{"class":47},[41,1916,168],{"class":126},[41,1918,130],{"class":47},[41,1920,173],{"class":126},[41,1922,189],{"class":47},[41,1924,192],{"class":51},[41,1926,130],{"class":47},[41,1928,198],{"class":197},[41,1930,201],{"class":51},[41,1932,204],{"class":126},[41,1934,207],{"class":51},[41,1936,210],{"class":47},[41,1938,1939],{"class":43,"line":90},[41,1940,216],{"class":47},[41,1942,1943,1945,1947,1949,1951,1953,1955,1957,1959],{"class":43,"line":102},[41,1944,127],{"class":126},[41,1946,130],{"class":47},[41,1948,168],{"class":197},[41,1950,201],{"class":126},[41,1952,230],{"class":47},[41,1954,233],{"class":68},[41,1956,230],{"class":47},[41,1958,238],{"class":47},[41,1960,154],{"class":47},[41,1962,1963,1965,1967,1969,1971],{"class":43,"line":123},[41,1964,246],{"class":51},[41,1966,30],{"class":47},[41,1968,251],{"class":47},[41,1970,254],{"class":68},[41,1972,257],{"class":47},[41,1974,1975,1977,1979],{"class":43,"line":157},[41,1976,263],{"class":47},[41,1978,207],{"class":126},[41,1980,210],{"class":47},[41,1982,1983,1985,1987],{"class":43,"line":213},[41,1984,273],{"class":47},[41,1986,96],{"class":51},[41,1988,99],{"class":47},[19,1990,1992],{"id":1991},"_4-add-a-container","4. Add a Container",[15,1994,1995,1996,1999],{},"Place a ",[27,1997,1998],{},"\u003Cdiv>"," wherever you want the widget to appear:",[32,2001,2003],{"className":34,"code":2002,"language":36,"meta":37,"style":37},"\u003Cdiv id=\"widget-container\">\u003C\u002Fdiv>\n",[27,2004,2005],{"__ignoreMap":37},[41,2006,2007,2009,2011,2013,2015,2017,2019,2021,2023,2025],{"class":43,"line":44},[41,2008,48],{"class":47},[41,2010,679],{"class":51},[41,2012,109],{"class":58},[41,2014,62],{"class":47},[41,2016,65],{"class":47},[41,2018,701],{"class":68},[41,2020,65],{"class":47},[41,2022,93],{"class":47},[41,2024,679],{"class":51},[41,2026,99],{"class":47},[19,2028,2030],{"id":2029},"_5-launch-the-widget","5. Launch the Widget",[15,2032,2033,2034,2036],{},"Call the ",[27,2035,557],{}," method when the user clicks a button:",[32,2038,2040],{"className":1114,"code":2039,"language":1116,"meta":37,"style":37},"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",[27,2041,2042,2062,2076,2090,2098,2102,2117,2132,2136,2142],{"__ignoreMap":37},[41,2043,2044,2046,2048,2050,2052,2054,2056,2058,2060],{"class":43,"line":44},[41,2045,163],{"class":126},[41,2047,130],{"class":47},[41,2049,168],{"class":197},[41,2051,201],{"class":126},[41,2053,230],{"class":47},[41,2055,557],{"class":68},[41,2057,230],{"class":47},[41,2059,238],{"class":47},[41,2061,154],{"class":47},[41,2063,2064,2066,2068,2070,2072,2074],{"class":43,"line":55},[41,2065,365],{"class":51},[41,2067,30],{"class":47},[41,2069,251],{"class":47},[41,2071,701],{"class":68},[41,2073,230],{"class":47},[41,2075,936],{"class":47},[41,2077,2078,2080,2082,2084,2086,2088],{"class":43,"line":75},[41,2079,374],{"class":51},[41,2081,30],{"class":47},[41,2083,251],{"class":47},[41,2085,381],{"class":68},[41,2087,230],{"class":47},[41,2089,936],{"class":47},[41,2091,2092,2094,2096],{"class":43,"line":90},[41,2093,407],{"class":51},[41,2095,30],{"class":47},[41,2097,961],{"class":126},[41,2099,2100],{"class":43,"line":102},[41,2101,1355],{"class":47},[41,2103,2104,2106,2108,2110,2113,2115],{"class":43,"line":123},[41,2105,1360],{"class":51},[41,2107,30],{"class":47},[41,2109,251],{"class":47},[41,2111,2112],{"class":68},"Classic Denim Jacket",[41,2114,230],{"class":47},[41,2116,936],{"class":47},[41,2118,2119,2121,2123,2125,2128,2130],{"class":43,"line":157},[41,2120,1376],{"class":51},[41,2122,30],{"class":47},[41,2124,251],{"class":47},[41,2126,2127],{"class":68},"https:\u002F\u002Fyour-store.com\u002Fimages\u002Fjacket.jpg",[41,2129,230],{"class":47},[41,2131,936],{"class":47},[41,2133,2134],{"class":43,"line":213},[41,2135,1392],{"class":47},[41,2137,2138,2140],{"class":43,"line":219},[41,2139,1397],{"class":126},[41,2141,936],{"class":47},[41,2143,2144,2146,2148],{"class":43,"line":243},[41,2145,886],{"class":47},[41,2147,207],{"class":126},[41,2149,210],{"class":47},[19,2151,2153],{"id":2152},"result","Result",[15,2155,2156],{},"Your customers can now upload a photo and see the garment on them instantly.",[19,2158,2160],{"id":2159},"next-steps","Next Steps",[2162,2163,2164,2172],"ul",{},[2165,2166,2167,2168,130],"li",{},"See framework-specific guides under ",[1779,2169,2171],{"href":2170},"\u002Fintegrations\u002Fvanilla-js","Integrations",[2165,2173,2174,2175,130],{},"Explore the full ",[1779,2176,1426],{"href":1420},[1035,2178,2179],{},"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":37,"searchDepth":55,"depth":55,"links":2181},[2182,2183,2184,2185,2186,2187,2188],{"id":1773,"depth":55,"text":1774},{"id":1788,"depth":55,"text":1789},{"id":1846,"depth":55,"text":1847},{"id":1991,"depth":55,"text":1992},{"id":2029,"depth":55,"text":2030},{"id":2152,"depth":55,"text":2153},{"id":2159,"depth":55,"text":2160},"Get the Fitting Widget running in minutes","i-lucide-rocket",{},"\u002Fen\u002Fgetting-started\u002Fquick-start",{"title":1762,"description":2189},"en\u002Fgetting-started\u002Fquick-start","Cy6rzr6z6R2nhbEqOeB18fbbe2pOjXOk0inGXqhKfHg",{"id":2197,"title":2198,"body":2199,"description":2280,"extension":1044,"icon":2281,"meta":2282,"navigation":348,"path":2283,"seo":2284,"stem":2285,"__hash__":2286},"content\u002Fen\u002Findex.md","Introduction",{"type":7,"value":2200,"toc":2275},[2201,2205,2213,2217,2243,2247,2266,2268],[10,2202,2204],{"id":2203},"fitting-widget-virtual-try-on","Fitting Widget — Virtual Try-On",[15,2206,2207,2208,2212],{},"The ",[2209,2210,2211],"strong",{},"Fitting Widget"," is a drop-in virtual try-on solution for e-commerce fashion stores. It lets your customers upload a photo and instantly see how any garment looks on them — directly on your product pages.",[19,2214,2216],{"id":2215},"key-features","Key Features",[2162,2218,2219,2225,2231,2237],{},[2165,2220,2221,2224],{},[2209,2222,2223],{},"Quick Integration"," — Add one script tag and a few lines of code.",[2165,2226,2227,2230],{},[2209,2228,2229],{},"Framework-Agnostic"," — Works with Vanilla JS, React, Vue, Next.js, Nuxt, and more.",[2165,2232,2233,2236],{},[2209,2234,2235],{},"Customizable"," — Style the widget to match your brand.",[2165,2238,2239,2242],{},[2209,2240,2241],{},"Lightweight"," — Optimized loading; won't slow down your store.",[19,2244,2246],{"id":2245},"how-it-works","How It Works",[2248,2249,2250,2253,2256,2263],"ol",{},[2165,2251,2252],{},"Load the widget script on your page.",[2165,2254,2255],{},"Initialize with your API key.",[2165,2257,2258,2259,2262],{},"Call ",[27,2260,2261],{},"window.fitting('create', { ... })"," with product image URLs.",[2165,2264,2265],{},"The widget renders inside a container element of your choice.",[19,2267,1762],{"id":1767},[15,2269,2270,2271,2274],{},"Head over to the ",[1779,2272,1762],{"href":2273},"\u002Fgetting-started\u002Fquick-start"," guide to get up and running in under 5 minutes.",{"title":37,"searchDepth":55,"depth":55,"links":2276},[2277,2278,2279],{"id":2215,"depth":55,"text":2216},{"id":2245,"depth":55,"text":2246},{"id":1767,"depth":55,"text":1762},"What is the Fitting Widget and why use it?","i-lucide-sparkles",{},"\u002Fen",{"title":2198,"description":2280},"en\u002Findex","zjI3aBTZ8Y2iRdmkieXP4q0o6PKbIjE5hUkB6Y1ledA",{"id":2288,"title":2289,"body":2290,"description":3274,"extension":1044,"icon":3275,"meta":3276,"navigation":348,"path":3277,"seo":3278,"stem":3279,"__hash__":3280},"content\u002Fen\u002Fintegrations\u002Fnextjs.md","Next.js",{"type":7,"value":2291,"toc":3265},[2292,2296,2306,2310,2320,2331,2609,2613,2966,2970,3236,3240,3246,3262],[10,2293,2295],{"id":2294},"nextjs-integration","Next.js Integration",[15,2297,2298,2299,2302,2303,130],{},"The Fitting Widget works with both the ",[2209,2300,2301],{},"Pages Router"," and ",[2209,2304,2305],{},"App Router",[19,2307,2309],{"id":2308},"app-router-recommended","App Router (Recommended)",[15,2311,2312,2313,2316,2317,130],{},"Use the Next.js ",[27,2314,2315],{},"Script"," component with ",[27,2318,2319],{},"strategy=\"afterInteractive\"",[1244,2321,2323,2324,2327,2328],{"id":2322},"step-1-load-scripts-in-layouttsx-or-pagetsx","Step 1 — Load Scripts in ",[27,2325,2326],{},"layout.tsx"," or ",[27,2329,2330],{},"page.tsx",[32,2332,2336],{"className":2333,"code":2334,"language":2335,"meta":37,"style":37},"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",[27,2337,2338,2357,2361,2401,2408,2413,2423,2427,2435,2448,2462,2475,2480,2484,2490,2502,2514,2519,2527,2532,2537,2542,2547,2572,2577,2584,2593,2598,2605],{"__ignoreMap":37},[41,2339,2340,2342,2345,2348,2350,2353,2355],{"class":43,"line":44},[41,2341,801],{"class":299},[41,2343,2344],{"class":126}," Script ",[41,2346,2347],{"class":299},"from",[41,2349,251],{"class":47},[41,2351,2352],{"class":68},"next\u002Fscript",[41,2354,230],{"class":47},[41,2356,210],{"class":47},[41,2358,2359],{"class":43,"line":55},[41,2360,349],{"emptyLinePlaceholder":348},[41,2362,2363,2365,2368,2370,2373,2376,2379,2382,2384,2386,2388,2391,2393,2396,2399],{"class":43,"line":75},[41,2364,300],{"class":299},[41,2366,2367],{"class":299}," default",[41,2369,148],{"class":58},[41,2371,2372],{"class":197}," ProductLayout",[41,2374,2375],{"class":47},"({",[41,2377,2378],{"class":460}," children",[41,2380,2381],{"class":47}," }:",[41,2383,632],{"class":47},[41,2385,2378],{"class":51},[41,2387,30],{"class":47},[41,2389,2390],{"class":306}," React",[41,2392,130],{"class":47},[41,2394,2395],{"class":306},"ReactNode",[41,2397,2398],{"class":47}," })",[41,2400,154],{"class":47},[41,2402,2403,2405],{"class":43,"line":90},[41,2404,629],{"class":299},[41,2406,2407],{"class":51}," (\n",[41,2409,2410],{"class":43,"line":102},[41,2411,2412],{"class":47},"    \u003C>\n",[41,2414,2415,2418,2421],{"class":43,"line":123},[41,2416,2417],{"class":47},"      {",[41,2419,2420],{"class":126},"children",[41,2422,343],{"class":47},[41,2424,2425],{"class":43,"line":157},[41,2426,349],{"emptyLinePlaceholder":348},[41,2428,2429,2432],{"class":43,"line":213},[41,2430,2431],{"class":47},"      \u003C",[41,2433,2434],{"class":306},"Script\n",[41,2436,2437,2440,2442,2444,2446],{"class":43,"line":219},[41,2438,2439],{"class":58},"        src",[41,2441,62],{"class":47},[41,2443,65],{"class":47},[41,2445,69],{"class":68},[41,2447,72],{"class":47},[41,2449,2450,2453,2455,2457,2460],{"class":43,"line":243},[41,2451,2452],{"class":58},"        strategy",[41,2454,62],{"class":47},[41,2456,65],{"class":47},[41,2458,2459],{"class":68},"afterInteractive",[41,2461,72],{"class":47},[41,2463,2464,2467,2469,2471,2473],{"class":43,"line":260},[41,2465,2466],{"class":58},"        id",[41,2468,62],{"class":47},[41,2470,65],{"class":47},[41,2472,85],{"class":68},[41,2474,72],{"class":47},[41,2476,2477],{"class":43,"line":270},[41,2478,2479],{"class":47},"      \u002F>\n",[41,2481,2482],{"class":43,"line":421},[41,2483,349],{"emptyLinePlaceholder":348},[41,2485,2486,2488],{"class":43,"line":426},[41,2487,2431],{"class":47},[41,2489,2434],{"class":306},[41,2491,2492,2494,2496,2498,2500],{"class":43,"line":438},[41,2493,2452],{"class":58},[41,2495,62],{"class":47},[41,2497,65],{"class":47},[41,2499,2459],{"class":68},[41,2501,72],{"class":47},[41,2503,2504,2506,2508,2510,2512],{"class":43,"line":449},[41,2505,2466],{"class":58},[41,2507,62],{"class":47},[41,2509,65],{"class":47},[41,2511,116],{"class":68},[41,2513,72],{"class":47},[41,2515,2516],{"class":43,"line":487},[41,2517,2518],{"class":47},"      >\n",[41,2520,2521,2524],{"class":43,"line":493},[41,2522,2523],{"class":47},"        {",[41,2525,2526],{"class":47},"`\n",[41,2528,2529],{"class":43,"line":498},[41,2530,2531],{"class":68},"          window.fitting = window.fitting || function() {\n",[41,2533,2534],{"class":43,"line":503},[41,2535,2536],{"class":68},"            (window.fitting.q = window.fitting.q || []).push(arguments);\n",[41,2538,2539],{"class":43,"line":517},[41,2540,2541],{"class":68},"          };\n",[41,2543,2544],{"class":43,"line":543},[41,2545,2546],{"class":68},"          window.fitting('init', {\n",[41,2548,2549,2552,2555,2558,2560,2563,2565,2568,2570],{"class":43,"line":569},[41,2550,2551],{"class":68},"            apiKey: '",[41,2553,2554],{"class":47},"${",[41,2556,2557],{"class":126},"process",[41,2559,130],{"class":47},[41,2561,2562],{"class":126},"env",[41,2564,130],{"class":47},[41,2566,2567],{"class":126},"NEXT_PUBLIC_TRY_ON_API_KEY",[41,2569,886],{"class":47},[41,2571,257],{"class":68},[41,2573,2574],{"class":43,"line":574},[41,2575,2576],{"class":68},"          });\n",[41,2578,2579,2582],{"class":43,"line":579},[41,2580,2581],{"class":47},"        `",[41,2583,343],{"class":47},[41,2585,2586,2589,2591],{"class":43,"line":596},[41,2587,2588],{"class":47},"      \u003C\u002F",[41,2590,2315],{"class":306},[41,2592,99],{"class":47},[41,2594,2595],{"class":43,"line":616},[41,2596,2597],{"class":47},"    \u003C\u002F>\n",[41,2599,2600,2603],{"class":43,"line":621},[41,2601,2602],{"class":51},"  )",[41,2604,210],{"class":47},[41,2606,2607],{"class":43,"line":626},[41,2608,343],{"class":47},[1244,2610,2612],{"id":2611},"step-2-create-the-widget-button","Step 2 — Create the Widget Button",[32,2614,2616],{"className":2333,"code":2615,"language":2335,"meta":37,"style":37},"'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",[27,2617,2618,2629,2633,2642,2652,2662,2666,2670,2678,2686,2717,2721,2725,2729,2761,2776,2796,2811,2826,2837,2846,2850,2854,2860,2864,2926,2952,2956,2962],{"__ignoreMap":37},[41,2619,2620,2622,2625,2627],{"class":43,"line":44},[41,2621,230],{"class":47},[41,2623,2624],{"class":68},"use client",[41,2626,230],{"class":47},[41,2628,210],{"class":47},[41,2630,2631],{"class":43,"line":55},[41,2632,349],{"emptyLinePlaceholder":348},[41,2634,2635,2638,2640],{"class":43,"line":75},[41,2636,2637],{"class":58},"interface",[41,2639,307],{"class":306},[41,2641,154],{"class":47},[41,2643,2644,2646,2648,2650],{"class":43,"line":90},[41,2645,314],{"class":51},[41,2647,30],{"class":47},[41,2649,466],{"class":306},[41,2651,210],{"class":47},[41,2653,2654,2656,2658,2660],{"class":43,"line":102},[41,2655,324],{"class":51},[41,2657,30],{"class":47},[41,2659,466],{"class":306},[41,2661,210],{"class":47},[41,2663,2664],{"class":43,"line":123},[41,2665,343],{"class":47},[41,2667,2668],{"class":43,"line":157},[41,2669,349],{"emptyLinePlaceholder":348},[41,2671,2672,2674,2676],{"class":43,"line":213},[41,2673,429],{"class":58},[41,2675,432],{"class":126},[41,2677,435],{"class":47},[41,2679,2680,2682,2684],{"class":43,"line":219},[41,2681,441],{"class":58},[41,2683,444],{"class":306},[41,2685,154],{"class":47},[41,2687,2688,2690,2692,2694,2696,2698,2700,2702,2704,2706,2708,2710,2712,2715],{"class":43,"line":243},[41,2689,452],{"class":51},[41,2691,30],{"class":47},[41,2693,457],{"class":47},[41,2695,461],{"class":460},[41,2697,30],{"class":47},[41,2699,466],{"class":306},[41,2701,238],{"class":47},[41,2703,471],{"class":460},[41,2705,336],{"class":47},[41,2707,476],{"class":306},[41,2709,207],{"class":47},[41,2711,481],{"class":58},[41,2713,2714],{"class":306}," void",[41,2716,210],{"class":47},[41,2718,2719],{"class":43,"line":260},[41,2720,490],{"class":47},[41,2722,2723],{"class":43,"line":270},[41,2724,343],{"class":47},[41,2726,2727],{"class":43,"line":421},[41,2728,349],{"emptyLinePlaceholder":348},[41,2730,2731,2733,2735,2738,2740,2743,2745,2747,2749,2751,2753,2756,2759],{"class":43,"line":426},[41,2732,300],{"class":299},[41,2734,148],{"class":58},[41,2736,2737],{"class":197}," TryOnButton",[41,2739,2375],{"class":47},[41,2741,2742],{"class":460}," items",[41,2744,2381],{"class":47},[41,2746,632],{"class":47},[41,2748,2742],{"class":51},[41,2750,30],{"class":47},[41,2752,307],{"class":306},[41,2754,2755],{"class":126},"[] ",[41,2757,2758],{"class":47},"})",[41,2760,154],{"class":47},[41,2762,2763,2765,2768,2770,2772,2774],{"class":43,"line":438},[41,2764,520],{"class":58},[41,2766,2767],{"class":126}," handleClick",[41,2769,176],{"class":47},[41,2771,589],{"class":47},[41,2773,481],{"class":58},[41,2775,154],{"class":47},[41,2777,2778,2780,2782,2784,2786,2788,2790,2792,2794],{"class":43,"line":449},[41,2779,546],{"class":126},[41,2781,130],{"class":47},[41,2783,168],{"class":197},[41,2785,201],{"class":51},[41,2787,230],{"class":47},[41,2789,557],{"class":68},[41,2791,230],{"class":47},[41,2793,238],{"class":47},[41,2795,154],{"class":47},[41,2797,2798,2801,2803,2805,2807,2809],{"class":43,"line":487},[41,2799,2800],{"class":51},"      targetElementId",[41,2802,30],{"class":47},[41,2804,251],{"class":47},[41,2806,701],{"class":68},[41,2808,230],{"class":47},[41,2810,936],{"class":47},[41,2812,2813,2816,2818,2820,2822,2824],{"class":43,"line":493},[41,2814,2815],{"class":51},"      model",[41,2817,30],{"class":47},[41,2819,251],{"class":47},[41,2821,381],{"class":68},[41,2823,230],{"class":47},[41,2825,936],{"class":47},[41,2827,2828,2831,2833,2835],{"class":43,"line":498},[41,2829,2830],{"class":51},"      tryonItems",[41,2832,30],{"class":47},[41,2834,2742],{"class":126},[41,2836,936],{"class":47},[41,2838,2839,2842,2844],{"class":43,"line":503},[41,2840,2841],{"class":47},"    }",[41,2843,207],{"class":51},[41,2845,210],{"class":47},[41,2847,2848],{"class":43,"line":517},[41,2849,216],{"class":47},[41,2851,2852],{"class":43,"line":543},[41,2853,349],{"emptyLinePlaceholder":348},[41,2855,2856,2858],{"class":43,"line":569},[41,2857,629],{"class":299},[41,2859,2407],{"class":51},[41,2861,2862],{"class":43,"line":574},[41,2863,2412],{"class":47},[41,2865,2866,2868,2870,2872,2874,2876,2878,2880,2883,2886,2889,2891,2893,2896,2898,2900,2903,2905,2909,2911,2914,2916,2918,2921,2923],{"class":43,"line":579},[41,2867,2431],{"class":47},[41,2869,679],{"class":51},[41,2871,109],{"class":58},[41,2873,62],{"class":47},[41,2875,65],{"class":47},[41,2877,701],{"class":68},[41,2879,65],{"class":47},[41,2881,2882],{"class":58}," style",[41,2884,2885],{"class":47},"={{",[41,2887,2888],{"class":51}," width",[41,2890,30],{"class":47},[41,2892,251],{"class":47},[41,2894,2895],{"class":68},"100%",[41,2897,230],{"class":47},[41,2899,238],{"class":47},[41,2901,2902],{"class":51}," maxWidth",[41,2904,30],{"class":47},[41,2906,2908],{"class":2907},"sbssI"," 600",[41,2910,238],{"class":47},[41,2912,2913],{"class":51}," aspectRatio",[41,2915,30],{"class":47},[41,2917,251],{"class":47},[41,2919,2920],{"class":68},"3\u002F4",[41,2922,230],{"class":47},[41,2924,2925],{"class":47}," }} \u002F>\n",[41,2927,2928,2930,2932,2935,2938,2941,2943,2946,2948,2950],{"class":43,"line":596},[41,2929,2431],{"class":47},[41,2931,729],{"class":51},[41,2933,2934],{"class":58}," onClick",[41,2936,2937],{"class":47},"={",[41,2939,2940],{"class":126},"handleClick",[41,2942,867],{"class":47},[41,2944,2945],{"class":126},"Try On",[41,2947,273],{"class":47},[41,2949,729],{"class":51},[41,2951,99],{"class":47},[41,2953,2954],{"class":43,"line":616},[41,2955,2597],{"class":47},[41,2957,2958,2960],{"class":43,"line":621},[41,2959,2602],{"class":51},[41,2961,210],{"class":47},[41,2963,2964],{"class":43,"line":626},[41,2965,343],{"class":47},[1244,2967,2969],{"id":2968},"step-3-use-in-a-product-page","Step 3 — Use in a Product Page",[32,2971,2973],{"className":2333,"code":2972,"language":2335,"meta":37,"style":37},"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",[27,2974,2975,2996,3000,3042,3071,3075,3081,3089,3113,3149,3156,3166,3171,3186,3201,3206,3213,3217,3226,3232],{"__ignoreMap":37},[41,2976,2977,2979,2981,2983,2985,2987,2989,2992,2994],{"class":43,"line":44},[41,2978,801],{"class":299},[41,2980,632],{"class":47},[41,2982,2737],{"class":126},[41,2984,815],{"class":47},[41,2986,818],{"class":299},[41,2988,251],{"class":47},[41,2990,2991],{"class":68},"@\u002Fcomponents\u002FTryOnButton",[41,2993,230],{"class":47},[41,2995,210],{"class":47},[41,2997,2998],{"class":43,"line":55},[41,2999,349],{"emptyLinePlaceholder":348},[41,3001,3002,3004,3006,3009,3011,3014,3016,3019,3021,3023,3025,3027,3029,3032,3034,3036,3038,3040],{"class":43,"line":75},[41,3003,300],{"class":299},[41,3005,2367],{"class":299},[41,3007,3008],{"class":58}," async",[41,3010,148],{"class":58},[41,3012,3013],{"class":197}," ProductPage",[41,3015,2375],{"class":47},[41,3017,3018],{"class":460}," params",[41,3020,2381],{"class":47},[41,3022,632],{"class":47},[41,3024,3018],{"class":51},[41,3026,30],{"class":47},[41,3028,632],{"class":47},[41,3030,3031],{"class":51}," slug",[41,3033,30],{"class":47},[41,3035,466],{"class":306},[41,3037,815],{"class":47},[41,3039,2398],{"class":47},[41,3041,154],{"class":47},[41,3043,3044,3046,3049,3051,3054,3057,3059,3062,3064,3067,3069],{"class":43,"line":90},[41,3045,520],{"class":58},[41,3047,3048],{"class":126}," product",[41,3050,176],{"class":47},[41,3052,3053],{"class":299}," await",[41,3055,3056],{"class":197}," getProduct",[41,3058,201],{"class":51},[41,3060,3061],{"class":126},"params",[41,3063,130],{"class":47},[41,3065,3066],{"class":126},"slug",[41,3068,207],{"class":51},[41,3070,210],{"class":47},[41,3072,3073],{"class":43,"line":102},[41,3074,349],{"emptyLinePlaceholder":348},[41,3076,3077,3079],{"class":43,"line":123},[41,3078,629],{"class":299},[41,3080,2407],{"class":51},[41,3082,3083,3085,3087],{"class":43,"line":157},[41,3084,686],{"class":47},[41,3086,679],{"class":51},[41,3088,99],{"class":47},[41,3090,3091,3093,3095,3098,3101,3103,3106,3109,3111],{"class":43,"line":213},[41,3092,2431],{"class":47},[41,3094,10],{"class":51},[41,3096,3097],{"class":47},">{",[41,3099,3100],{"class":126},"product",[41,3102,130],{"class":47},[41,3104,3105],{"class":126},"name",[41,3107,3108],{"class":47},"}\u003C\u002F",[41,3110,10],{"class":51},[41,3112,99],{"class":47},[41,3114,3115,3117,3120,3123,3125,3127,3129,3132,3135,3138,3140,3142,3144,3146],{"class":43,"line":219},[41,3116,2431],{"class":47},[41,3118,3119],{"class":51},"img",[41,3121,3122],{"class":58}," src",[41,3124,2937],{"class":47},[41,3126,3100],{"class":126},[41,3128,130],{"class":47},[41,3130,3131],{"class":126},"image",[41,3133,3134],{"class":47},"} ",[41,3136,3137],{"class":58},"alt",[41,3139,2937],{"class":47},[41,3141,3100],{"class":126},[41,3143,130],{"class":47},[41,3145,3105],{"class":126},[41,3147,3148],{"class":47},"} \u002F>\n",[41,3150,3151,3153],{"class":43,"line":243},[41,3152,2431],{"class":47},[41,3154,3155],{"class":306},"TryOnButton\n",[41,3157,3158,3161,3163],{"class":43,"line":260},[41,3159,3160],{"class":58},"        items",[41,3162,2937],{"class":47},[41,3164,3165],{"class":126},"[\n",[41,3167,3168],{"class":43,"line":270},[41,3169,3170],{"class":47},"          {\n",[41,3172,3173,3176,3178,3180,3182,3184],{"class":43,"line":421},[41,3174,3175],{"class":51},"            productName",[41,3177,30],{"class":47},[41,3179,3048],{"class":126},[41,3181,130],{"class":47},[41,3183,3105],{"class":126},[41,3185,936],{"class":47},[41,3187,3188,3191,3193,3195,3197,3199],{"class":43,"line":426},[41,3189,3190],{"class":51},"            url",[41,3192,30],{"class":47},[41,3194,3048],{"class":126},[41,3196,130],{"class":47},[41,3198,3131],{"class":126},[41,3200,936],{"class":47},[41,3202,3203],{"class":43,"line":438},[41,3204,3205],{"class":47},"          },\n",[41,3207,3208,3211],{"class":43,"line":449},[41,3209,3210],{"class":126},"        ]",[41,3212,343],{"class":47},[41,3214,3215],{"class":43,"line":487},[41,3216,2479],{"class":47},[41,3218,3219,3222,3224],{"class":43,"line":493},[41,3220,3221],{"class":47},"    \u003C\u002F",[41,3223,679],{"class":51},[41,3225,99],{"class":47},[41,3227,3228,3230],{"class":43,"line":498},[41,3229,2602],{"class":51},[41,3231,210],{"class":47},[41,3233,3234],{"class":43,"line":503},[41,3235,343],{"class":47},[19,3237,3239],{"id":3238},"environment-variable","Environment Variable",[15,3241,3242,3243,30],{},"Add your API key to ",[27,3244,3245],{},".env.local",[32,3247,3251],{"className":3248,"code":3249,"language":3250,"meta":37,"style":37},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","NEXT_PUBLIC_TRY_ON_API_KEY=pk_live_xxx\n","bash",[27,3252,3253],{"__ignoreMap":37},[41,3254,3255,3257,3259],{"class":43,"line":44},[41,3256,2567],{"class":126},[41,3258,62],{"class":47},[41,3260,3261],{"class":68},"pk_live_xxx\n",[1035,3263,3264],{},"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":37,"searchDepth":55,"depth":55,"links":3266},[3267,3273],{"id":2308,"depth":55,"text":2309,"children":3268},[3269,3271,3272],{"id":2322,"depth":75,"text":3270},"Step 1 — Load Scripts in layout.tsx or page.tsx",{"id":2611,"depth":75,"text":2612},{"id":2968,"depth":75,"text":2969},{"id":3238,"depth":55,"text":3239},"Integrate with Next.js (Pages Router & App Router)","i-lucide-triangle",{},"\u002Fen\u002Fintegrations\u002Fnextjs",{"title":2289,"description":3274},"en\u002Fintegrations\u002Fnextjs","JdA3Sttp8qaffNRKpcg9b3i_J2nMxDOCfnya8RjA3yU",{"id":3282,"title":3283,"body":3284,"description":4147,"extension":1044,"icon":4148,"meta":4149,"navigation":348,"path":4150,"seo":4151,"stem":4152,"__hash__":4153},"content\u002Fen\u002Fintegrations\u002Fnuxt.md","Nuxt",{"type":7,"value":3285,"toc":4137},[3286,3290,3293,3297,3307,3313,3619,3625,3820,3824,4113,4115,4121,4134],[10,3287,3289],{"id":3288},"nuxt-integration","Nuxt Integration",[15,3291,3292],{},"The Fitting Widget integrates seamlessly with Nuxt 3 and Nuxt 4.",[19,3294,3296],{"id":3295},"_1-load-the-script","1. Load the Script",[15,3298,3299,3300,3303,3304,130],{},"Use the ",[27,3301,3302],{},"useHead"," composable, or add scripts to your ",[27,3305,3306],{},"nuxt.config.ts",[1244,3308,3310,3311],{"id":3309},"option-a-per-page-with-usehead","Option A — Per Page with ",[27,3312,3302],{},[32,3314,3316],{"className":653,"code":3315,"language":655,"meta":37,"style":37},"\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",[27,3317,3318,3323,3331,3339,3356,3390,3398,3406,3410,3430,3450,3454,3462,3471,3475,3490,3504,3508,3512,3526,3536,3541,3546,3551,3556,3583,3588,3595,3599,3605,3611],{"__ignoreMap":37},[41,3319,3320],{"class":43,"line":44},[41,3321,3322],{"class":293},"\u003C!-- pages\u002Fproduct\u002F[slug].vue -->\n",[41,3324,3325,3327,3329],{"class":43,"line":55},[41,3326,48],{"class":47},[41,3328,669],{"class":51},[41,3330,99],{"class":47},[41,3332,3333,3335,3337],{"class":43,"line":75},[41,3334,676],{"class":47},[41,3336,679],{"class":51},[41,3338,99],{"class":47},[41,3340,3341,3343,3345,3347,3350,3352,3354],{"class":43,"line":90},[41,3342,686],{"class":47},[41,3344,10],{"class":51},[41,3346,744],{"class":47},[41,3348,3349],{"class":126},"{{ product.name }}",[41,3351,273],{"class":47},[41,3353,10],{"class":51},[41,3355,99],{"class":47},[41,3357,3358,3360,3363,3366,3368,3370,3373,3375,3378,3380,3382,3385,3387],{"class":43,"line":102},[41,3359,686],{"class":47},[41,3361,3362],{"class":51},"TryOnWidget",[41,3364,3365],{"class":58}," :product-name",[41,3367,62],{"class":47},[41,3369,65],{"class":47},[41,3371,3372],{"class":68},"product.name",[41,3374,65],{"class":47},[41,3376,3377],{"class":58}," :image-url",[41,3379,62],{"class":47},[41,3381,65],{"class":47},[41,3383,3384],{"class":68},"product.image",[41,3386,65],{"class":47},[41,3388,3389],{"class":47}," \u002F>\n",[41,3391,3392,3394,3396],{"class":43,"line":123},[41,3393,758],{"class":47},[41,3395,679],{"class":51},[41,3397,99],{"class":47},[41,3399,3400,3402,3404],{"class":43,"line":157},[41,3401,273],{"class":47},[41,3403,669],{"class":51},[41,3405,99],{"class":47},[41,3407,3408],{"class":43,"line":213},[41,3409,349],{"emptyLinePlaceholder":348},[41,3411,3412,3414,3416,3418,3420,3422,3424,3426,3428],{"class":43,"line":219},[41,3413,48],{"class":47},[41,3415,96],{"class":51},[41,3417,783],{"class":58},[41,3419,786],{"class":58},[41,3421,62],{"class":47},[41,3423,65],{"class":47},[41,3425,286],{"class":68},[41,3427,65],{"class":47},[41,3429,99],{"class":47},[41,3431,3432,3434,3436,3439,3441,3443,3445,3448],{"class":43,"line":243},[41,3433,801],{"class":299},[41,3435,632],{"class":47},[41,3437,3438],{"class":126}," useHead",[41,3440,815],{"class":47},[41,3442,818],{"class":299},[41,3444,251],{"class":47},[41,3446,3447],{"class":68},"#app",[41,3449,257],{"class":47},[41,3451,3452],{"class":43,"line":260},[41,3453,349],{"emptyLinePlaceholder":348},[41,3455,3456,3458,3460],{"class":43,"line":270},[41,3457,3302],{"class":197},[41,3459,201],{"class":126},[41,3461,435],{"class":47},[41,3463,3464,3467,3469],{"class":43,"line":421},[41,3465,3466],{"class":51},"  script",[41,3468,30],{"class":47},[41,3470,961],{"class":126},[41,3472,3473],{"class":43,"line":426},[41,3474,1355],{"class":47},[41,3476,3477,3480,3482,3484,3486,3488],{"class":43,"line":438},[41,3478,3479],{"class":51},"      src",[41,3481,30],{"class":47},[41,3483,251],{"class":47},[41,3485,69],{"class":68},[41,3487,230],{"class":47},[41,3489,936],{"class":47},[41,3491,3492,3494,3496,3498,3500,3502],{"class":43,"line":449},[41,3493,694],{"class":51},[41,3495,30],{"class":47},[41,3497,251],{"class":47},[41,3499,85],{"class":68},[41,3501,230],{"class":47},[41,3503,936],{"class":47},[41,3505,3506],{"class":43,"line":487},[41,3507,1392],{"class":47},[41,3509,3510],{"class":43,"line":493},[41,3511,1355],{"class":47},[41,3513,3514,3516,3518,3520,3522,3524],{"class":43,"line":498},[41,3515,694],{"class":51},[41,3517,30],{"class":47},[41,3519,251],{"class":47},[41,3521,116],{"class":68},[41,3523,230],{"class":47},[41,3525,936],{"class":47},[41,3527,3528,3531,3533],{"class":43,"line":503},[41,3529,3530],{"class":51},"      innerHTML",[41,3532,30],{"class":47},[41,3534,3535],{"class":47}," `\n",[41,3537,3538],{"class":43,"line":517},[41,3539,3540],{"class":68},"        window.fitting = window.fitting || function() {\n",[41,3542,3543],{"class":43,"line":543},[41,3544,3545],{"class":68},"          (window.fitting.q = window.fitting.q || []).push(arguments);\n",[41,3547,3548],{"class":43,"line":569},[41,3549,3550],{"class":68},"        };\n",[41,3552,3553],{"class":43,"line":574},[41,3554,3555],{"class":68},"        window.fitting('init', {\n",[41,3557,3558,3561,3563,3565,3567,3570,3572,3574,3576,3579,3581],{"class":43,"line":579},[41,3559,3560],{"class":68},"          apiKey: '",[41,3562,2554],{"class":47},[41,3564,801],{"class":299},[41,3566,130],{"class":47},[41,3568,3569],{"class":126},"meta",[41,3571,130],{"class":47},[41,3573,2562],{"class":126},[41,3575,130],{"class":47},[41,3577,3578],{"class":126},"VITE_TRY_ON_API_KEY",[41,3580,886],{"class":47},[41,3582,257],{"class":68},[41,3584,3585],{"class":43,"line":596},[41,3586,3587],{"class":68},"        });\n",[41,3589,3590,3593],{"class":43,"line":616},[41,3591,3592],{"class":47},"      `",[41,3594,936],{"class":47},[41,3596,3597],{"class":43,"line":621},[41,3598,1392],{"class":47},[41,3600,3601,3603],{"class":43,"line":626},[41,3602,1397],{"class":126},[41,3604,936],{"class":47},[41,3606,3607,3609],{"class":43,"line":644},[41,3608,886],{"class":47},[41,3610,566],{"class":126},[41,3612,3613,3615,3617],{"class":43,"line":1007},[41,3614,273],{"class":47},[41,3616,96],{"class":51},[41,3618,99],{"class":47},[1244,3620,3622,3623],{"id":3621},"option-b-global-in-nuxtconfigts","Option B — Global in ",[27,3624,3306],{},[32,3626,3628],{"className":284,"code":3627,"language":286,"meta":37,"style":37},"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",[27,3629,3630,3643,3652,3661,3670,3675,3690,3705,3710,3714,3728,3737,3742,3747,3752,3757,3782,3787,3794,3798,3805,3809,3814],{"__ignoreMap":37},[41,3631,3632,3634,3636,3639,3641],{"class":43,"line":44},[41,3633,300],{"class":299},[41,3635,2367],{"class":299},[41,3637,3638],{"class":197}," defineNuxtConfig",[41,3640,201],{"class":126},[41,3642,435],{"class":47},[41,3644,3645,3648,3650],{"class":43,"line":55},[41,3646,3647],{"class":51},"  app",[41,3649,30],{"class":47},[41,3651,154],{"class":47},[41,3653,3654,3657,3659],{"class":43,"line":75},[41,3655,3656],{"class":51},"    head",[41,3658,30],{"class":47},[41,3660,154],{"class":47},[41,3662,3663,3666,3668],{"class":43,"line":90},[41,3664,3665],{"class":51},"      script",[41,3667,30],{"class":47},[41,3669,961],{"class":126},[41,3671,3672],{"class":43,"line":102},[41,3673,3674],{"class":47},"        {\n",[41,3676,3677,3680,3682,3684,3686,3688],{"class":43,"line":123},[41,3678,3679],{"class":51},"          src",[41,3681,30],{"class":47},[41,3683,251],{"class":47},[41,3685,69],{"class":68},[41,3687,230],{"class":47},[41,3689,936],{"class":47},[41,3691,3692,3695,3697,3699,3701,3703],{"class":43,"line":157},[41,3693,3694],{"class":51},"          id",[41,3696,30],{"class":47},[41,3698,251],{"class":47},[41,3700,85],{"class":68},[41,3702,230],{"class":47},[41,3704,936],{"class":47},[41,3706,3707],{"class":43,"line":213},[41,3708,3709],{"class":47},"        },\n",[41,3711,3712],{"class":43,"line":219},[41,3713,3674],{"class":47},[41,3715,3716,3718,3720,3722,3724,3726],{"class":43,"line":243},[41,3717,3694],{"class":51},[41,3719,30],{"class":47},[41,3721,251],{"class":47},[41,3723,116],{"class":68},[41,3725,230],{"class":47},[41,3727,936],{"class":47},[41,3729,3730,3733,3735],{"class":43,"line":260},[41,3731,3732],{"class":51},"          innerHTML",[41,3734,30],{"class":47},[41,3736,3535],{"class":47},[41,3738,3739],{"class":43,"line":270},[41,3740,3741],{"class":68},"            window.fitting = window.fitting || function() {\n",[41,3743,3744],{"class":43,"line":421},[41,3745,3746],{"class":68},"              (window.fitting.q = window.fitting.q || []).push(arguments);\n",[41,3748,3749],{"class":43,"line":426},[41,3750,3751],{"class":68},"            };\n",[41,3753,3754],{"class":43,"line":438},[41,3755,3756],{"class":68},"            window.fitting('init', {\n",[41,3758,3759,3762,3764,3766,3768,3770,3772,3774,3776,3778,3780],{"class":43,"line":449},[41,3760,3761],{"class":68},"              apiKey: '",[41,3763,2554],{"class":47},[41,3765,801],{"class":299},[41,3767,130],{"class":47},[41,3769,3569],{"class":126},[41,3771,130],{"class":47},[41,3773,2562],{"class":126},[41,3775,130],{"class":47},[41,3777,3578],{"class":126},[41,3779,886],{"class":47},[41,3781,257],{"class":68},[41,3783,3784],{"class":43,"line":487},[41,3785,3786],{"class":68},"            });\n",[41,3788,3789,3792],{"class":43,"line":493},[41,3790,3791],{"class":47},"          `",[41,3793,936],{"class":47},[41,3795,3796],{"class":43,"line":498},[41,3797,3709],{"class":47},[41,3799,3800,3803],{"class":43,"line":503},[41,3801,3802],{"class":126},"      ]",[41,3804,936],{"class":47},[41,3806,3807],{"class":43,"line":517},[41,3808,1392],{"class":47},[41,3810,3811],{"class":43,"line":543},[41,3812,3813],{"class":47},"  },\n",[41,3815,3816,3818],{"class":43,"line":569},[41,3817,886],{"class":47},[41,3819,566],{"class":126},[19,3821,3823],{"id":3822},"_2-create-the-wrapper-component","2. Create the Wrapper Component",[32,3825,3827],{"className":653,"code":3826,"language":655,"meta":37,"style":37},"\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",[27,3828,3829,3833,3841,3849,3879,3905,3913,3921,3925,3945,3957,3965,3973,3979,3983,3997,4017,4031,4045,4053,4057,4071,4085,4089,4095,4101,4105],{"__ignoreMap":37},[41,3830,3831],{"class":43,"line":44},[41,3832,662],{"class":293},[41,3834,3835,3837,3839],{"class":43,"line":55},[41,3836,48],{"class":47},[41,3838,669],{"class":51},[41,3840,99],{"class":47},[41,3842,3843,3845,3847],{"class":43,"line":75},[41,3844,676],{"class":47},[41,3846,679],{"class":51},[41,3848,99],{"class":47},[41,3850,3851,3853,3855,3857,3859,3861,3863,3865,3868,3870,3872,3875,3877],{"class":43,"line":90},[41,3852,686],{"class":47},[41,3854,679],{"class":51},[41,3856,109],{"class":58},[41,3858,62],{"class":47},[41,3860,65],{"class":47},[41,3862,701],{"class":68},[41,3864,65],{"class":47},[41,3866,3867],{"class":58}," class",[41,3869,62],{"class":47},[41,3871,65],{"class":47},[41,3873,3874],{"class":68},"aspect-[3\u002F4] w-full max-w-[600px]",[41,3876,65],{"class":47},[41,3878,3389],{"class":47},[41,3880,3881,3883,3885,3887,3889,3891,3893,3895,3897,3899,3901,3903],{"class":43,"line":102},[41,3882,686],{"class":47},[41,3884,729],{"class":51},[41,3886,732],{"class":58},[41,3888,62],{"class":47},[41,3890,65],{"class":47},[41,3892,739],{"class":68},[41,3894,65],{"class":47},[41,3896,744],{"class":47},[41,3898,2945],{"class":126},[41,3900,273],{"class":47},[41,3902,729],{"class":51},[41,3904,99],{"class":47},[41,3906,3907,3909,3911],{"class":43,"line":123},[41,3908,758],{"class":47},[41,3910,679],{"class":51},[41,3912,99],{"class":47},[41,3914,3915,3917,3919],{"class":43,"line":157},[41,3916,273],{"class":47},[41,3918,669],{"class":51},[41,3920,99],{"class":47},[41,3922,3923],{"class":43,"line":213},[41,3924,349],{"emptyLinePlaceholder":348},[41,3926,3927,3929,3931,3933,3935,3937,3939,3941,3943],{"class":43,"line":219},[41,3928,48],{"class":47},[41,3930,96],{"class":51},[41,3932,783],{"class":58},[41,3934,786],{"class":58},[41,3936,62],{"class":47},[41,3938,65],{"class":47},[41,3940,286],{"class":68},[41,3942,65],{"class":47},[41,3944,99],{"class":47},[41,3946,3947,3949,3951,3953,3955],{"class":43,"line":243},[41,3948,834],{"class":58},[41,3950,837],{"class":126},[41,3952,62],{"class":47},[41,3954,842],{"class":197},[41,3956,845],{"class":47},[41,3958,3959,3961,3963],{"class":43,"line":260},[41,3960,314],{"class":51},[41,3962,30],{"class":47},[41,3964,319],{"class":306},[41,3966,3967,3969,3971],{"class":43,"line":270},[41,3968,858],{"class":51},[41,3970,30],{"class":47},[41,3972,319],{"class":306},[41,3974,3975,3977],{"class":43,"line":421},[41,3976,867],{"class":47},[41,3978,870],{"class":126},[41,3980,3981],{"class":43,"line":426},[41,3982,349],{"emptyLinePlaceholder":348},[41,3984,3985,3987,3989,3991,3993,3995],{"class":43,"line":438},[41,3986,834],{"class":58},[41,3988,903],{"class":126},[41,3990,62],{"class":47},[41,3992,589],{"class":47},[41,3994,481],{"class":58},[41,3996,154],{"class":47},[41,3998,3999,4001,4003,4005,4007,4009,4011,4013,4015],{"class":43,"line":449},[41,4000,127],{"class":126},[41,4002,130],{"class":47},[41,4004,168],{"class":197},[41,4006,201],{"class":51},[41,4008,230],{"class":47},[41,4010,557],{"class":68},[41,4012,230],{"class":47},[41,4014,238],{"class":47},[41,4016,154],{"class":47},[41,4018,4019,4021,4023,4025,4027,4029],{"class":43,"line":487},[41,4020,925],{"class":51},[41,4022,30],{"class":47},[41,4024,251],{"class":47},[41,4026,701],{"class":68},[41,4028,230],{"class":47},[41,4030,936],{"class":47},[41,4032,4033,4035,4037,4039,4041,4043],{"class":43,"line":493},[41,4034,941],{"class":51},[41,4036,30],{"class":47},[41,4038,251],{"class":47},[41,4040,381],{"class":68},[41,4042,230],{"class":47},[41,4044,936],{"class":47},[41,4046,4047,4049,4051],{"class":43,"line":498},[41,4048,956],{"class":51},[41,4050,30],{"class":47},[41,4052,961],{"class":51},[41,4054,4055],{"class":43,"line":503},[41,4056,966],{"class":47},[41,4058,4059,4061,4063,4065,4067,4069],{"class":43,"line":517},[41,4060,971],{"class":51},[41,4062,30],{"class":47},[41,4064,976],{"class":126},[41,4066,130],{"class":47},[41,4068,981],{"class":126},[41,4070,936],{"class":47},[41,4072,4073,4075,4077,4079,4081,4083],{"class":43,"line":543},[41,4074,988],{"class":51},[41,4076,30],{"class":47},[41,4078,976],{"class":126},[41,4080,130],{"class":47},[41,4082,997],{"class":126},[41,4084,936],{"class":47},[41,4086,4087],{"class":43,"line":569},[41,4088,1004],{"class":47},[41,4090,4091,4093],{"class":43,"line":574},[41,4092,1010],{"class":51},[41,4094,936],{"class":47},[41,4096,4097,4099],{"class":43,"line":579},[41,4098,263],{"class":47},[41,4100,566],{"class":51},[41,4102,4103],{"class":43,"line":596},[41,4104,343],{"class":47},[41,4106,4107,4109,4111],{"class":43,"line":616},[41,4108,273],{"class":47},[41,4110,96],{"class":51},[41,4112,99],{"class":47},[19,4114,3239],{"id":3238},[15,4116,4117,4118,30],{},"Add to ",[27,4119,4120],{},".env",[32,4122,4124],{"className":3248,"code":4123,"language":3250,"meta":37,"style":37},"VITE_TRY_ON_API_KEY=pk_live_xxx\n",[27,4125,4126],{"__ignoreMap":37},[41,4127,4128,4130,4132],{"class":43,"line":44},[41,4129,3578],{"class":126},[41,4131,62],{"class":47},[41,4133,3261],{"class":68},[1035,4135,4136],{},"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":37,"searchDepth":55,"depth":55,"links":4138},[4139,4145,4146],{"id":3295,"depth":55,"text":3296,"children":4140},[4141,4143],{"id":3309,"depth":75,"text":4142},"Option A — Per Page with useHead",{"id":3621,"depth":75,"text":4144},"Option B — Global in nuxt.config.ts",{"id":3822,"depth":55,"text":3823},{"id":3238,"depth":55,"text":3239},"Integrate with a Nuxt 3 \u002F Nuxt 4 app","i-lucide-nut",{},"\u002Fen\u002Fintegrations\u002Fnuxt",{"title":3283,"description":4147},"en\u002Fintegrations\u002Fnuxt","3xlJgokLPj3qTkGk4XWJ2RH_Ar2hK0jHeC6j3_o9shE",{"id":4155,"title":4156,"body":4157,"description":5029,"extension":1044,"icon":5030,"meta":5031,"navigation":348,"path":5032,"seo":5033,"stem":5034,"__hash__":5035},"content\u002Fen\u002Fintegrations\u002Freact.md","React",{"type":7,"value":4158,"toc":5024},[4159,4163,4166,4170,4175,4360,4370,4374,4684,4688,5021],[10,4160,4162],{"id":4161},"react-integration","React Integration",[15,4164,4165],{},"Works with any React setup — Vite, Create React App, or custom.",[19,4167,4169],{"id":4168},"_1-load-the-widget-script","1. Load the Widget Script",[15,4171,4172,4173,30],{},"Add the script to your ",[27,4174,29],{},[32,4176,4178],{"className":34,"code":4177,"language":36,"meta":37,"style":37},"\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",[27,4179,4180,4185,4191,4203,4215,4223,4241,4265,4307,4311,4331,4344,4352],{"__ignoreMap":37},[41,4181,4182],{"class":43,"line":44},[41,4183,4184],{"class":293},"\u003C!-- In public\u002Findex.html or index.html (Vite) -->\n",[41,4186,4187,4189],{"class":43,"line":55},[41,4188,48],{"class":47},[41,4190,52],{"class":51},[41,4192,4193,4195,4197,4199,4201],{"class":43,"line":75},[41,4194,59],{"class":58},[41,4196,62],{"class":47},[41,4198,65],{"class":47},[41,4200,69],{"class":68},[41,4202,72],{"class":47},[41,4204,4205,4207,4209,4211,4213],{"class":43,"line":90},[41,4206,78],{"class":58},[41,4208,62],{"class":47},[41,4210,65],{"class":47},[41,4212,85],{"class":68},[41,4214,72],{"class":47},[41,4216,4217,4219,4221],{"class":43,"line":102},[41,4218,93],{"class":47},[41,4220,96],{"class":51},[41,4222,99],{"class":47},[41,4224,4225,4227,4229,4231,4233,4235,4237,4239],{"class":43,"line":123},[41,4226,48],{"class":47},[41,4228,96],{"class":51},[41,4230,109],{"class":58},[41,4232,62],{"class":47},[41,4234,65],{"class":47},[41,4236,116],{"class":68},[41,4238,65],{"class":47},[41,4240,99],{"class":47},[41,4242,4243,4245,4247,4249,4251,4253,4255,4257,4259,4261,4263],{"class":43,"line":157},[41,4244,127],{"class":126},[41,4246,130],{"class":47},[41,4248,133],{"class":126},[41,4250,62],{"class":47},[41,4252,138],{"class":126},[41,4254,130],{"class":47},[41,4256,133],{"class":126},[41,4258,145],{"class":47},[41,4260,148],{"class":58},[41,4262,151],{"class":47},[41,4264,154],{"class":47},[41,4266,4267,4269,4271,4273,4275,4277,4279,4281,4283,4285,4287,4289,4291,4293,4295,4297,4299,4301,4303,4305],{"class":43,"line":213},[41,4268,160],{"class":51},[41,4270,163],{"class":126},[41,4272,130],{"class":47},[41,4274,168],{"class":126},[41,4276,130],{"class":47},[41,4278,173],{"class":126},[41,4280,176],{"class":47},[41,4282,138],{"class":126},[41,4284,130],{"class":47},[41,4286,168],{"class":126},[41,4288,130],{"class":47},[41,4290,173],{"class":126},[41,4292,189],{"class":47},[41,4294,192],{"class":51},[41,4296,130],{"class":47},[41,4298,198],{"class":197},[41,4300,201],{"class":51},[41,4302,204],{"class":126},[41,4304,207],{"class":51},[41,4306,210],{"class":47},[41,4308,4309],{"class":43,"line":219},[41,4310,216],{"class":47},[41,4312,4313,4315,4317,4319,4321,4323,4325,4327,4329],{"class":43,"line":243},[41,4314,127],{"class":126},[41,4316,130],{"class":47},[41,4318,168],{"class":197},[41,4320,201],{"class":126},[41,4322,230],{"class":47},[41,4324,233],{"class":68},[41,4326,230],{"class":47},[41,4328,238],{"class":47},[41,4330,154],{"class":47},[41,4332,4333,4335,4337,4339,4342],{"class":43,"line":260},[41,4334,246],{"class":51},[41,4336,30],{"class":47},[41,4338,251],{"class":47},[41,4340,4341],{"class":68},"%VITE_TRY_ON_API_KEY%",[41,4343,257],{"class":47},[41,4345,4346,4348,4350],{"class":43,"line":270},[41,4347,263],{"class":47},[41,4349,207],{"class":126},[41,4351,210],{"class":47},[41,4353,4354,4356,4358],{"class":43,"line":421},[41,4355,273],{"class":47},[41,4357,96],{"class":51},[41,4359,99],{"class":47},[4361,4362,4364],"callout",{"icon":4363},"i-lucide-lightbulb",[15,4365,4366,4367,4369],{},"Replace ",[27,4368,4341],{}," at build time with your actual key, or use a runtime injection approach.",[19,4371,4373],{"id":4372},"_2-create-a-custom-hook","2. Create a Custom Hook",[32,4375,4377],{"className":2333,"code":4376,"language":2335,"meta":37,"style":37},"\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",[27,4378,4379,4384,4392,4402,4412,4422,4426,4430,4438,4448,4478,4491,4495,4499,4507,4515,4545,4549,4553,4557,4569,4591,4615,4619,4623,4637,4657,4661,4665,4680],{"__ignoreMap":37},[41,4380,4381],{"class":43,"line":44},[41,4382,4383],{"class":293},"\u002F\u002F hooks\u002FuseFittingWidget.ts\n",[41,4385,4386,4388,4390],{"class":43,"line":55},[41,4387,2637],{"class":58},[41,4389,307],{"class":306},[41,4391,154],{"class":47},[41,4393,4394,4396,4398,4400],{"class":43,"line":75},[41,4395,314],{"class":51},[41,4397,30],{"class":47},[41,4399,466],{"class":306},[41,4401,210],{"class":47},[41,4403,4404,4406,4408,4410],{"class":43,"line":90},[41,4405,324],{"class":51},[41,4407,30],{"class":47},[41,4409,466],{"class":306},[41,4411,210],{"class":47},[41,4413,4414,4416,4418,4420],{"class":43,"line":102},[41,4415,333],{"class":51},[41,4417,336],{"class":47},[41,4419,466],{"class":306},[41,4421,210],{"class":47},[41,4423,4424],{"class":43,"line":123},[41,4425,343],{"class":47},[41,4427,4428],{"class":43,"line":157},[41,4429,349],{"emptyLinePlaceholder":348},[41,4431,4432,4434,4436],{"class":43,"line":213},[41,4433,2637],{"class":58},[41,4435,358],{"class":306},[41,4437,154],{"class":47},[41,4439,4440,4442,4444,4446],{"class":43,"line":219},[41,4441,365],{"class":51},[41,4443,30],{"class":47},[41,4445,466],{"class":306},[41,4447,210],{"class":47},[41,4449,4450,4452,4454,4456,4458,4460,4462,4464,4466,4468,4470,4472,4474,4476],{"class":43,"line":243},[41,4451,374],{"class":51},[41,4453,336],{"class":47},[41,4455,251],{"class":47},[41,4457,381],{"class":68},[41,4459,230],{"class":47},[41,4461,386],{"class":47},[41,4463,251],{"class":47},[41,4465,391],{"class":68},[41,4467,230],{"class":47},[41,4469,386],{"class":47},[41,4471,251],{"class":47},[41,4473,400],{"class":68},[41,4475,230],{"class":47},[41,4477,210],{"class":47},[41,4479,4480,4482,4484,4486,4489],{"class":43,"line":260},[41,4481,407],{"class":51},[41,4483,30],{"class":47},[41,4485,307],{"class":306},[41,4487,4488],{"class":126},"[]",[41,4490,210],{"class":47},[41,4492,4493],{"class":43,"line":270},[41,4494,343],{"class":47},[41,4496,4497],{"class":43,"line":421},[41,4498,349],{"emptyLinePlaceholder":348},[41,4500,4501,4503,4505],{"class":43,"line":426},[41,4502,429],{"class":58},[41,4504,432],{"class":126},[41,4506,435],{"class":47},[41,4508,4509,4511,4513],{"class":43,"line":438},[41,4510,441],{"class":58},[41,4512,444],{"class":306},[41,4514,154],{"class":47},[41,4516,4517,4519,4521,4523,4525,4527,4529,4531,4533,4535,4537,4539,4541,4543],{"class":43,"line":449},[41,4518,452],{"class":51},[41,4520,30],{"class":47},[41,4522,457],{"class":47},[41,4524,461],{"class":460},[41,4526,30],{"class":47},[41,4528,466],{"class":306},[41,4530,238],{"class":47},[41,4532,471],{"class":460},[41,4534,336],{"class":47},[41,4536,476],{"class":306},[41,4538,207],{"class":47},[41,4540,481],{"class":58},[41,4542,2714],{"class":306},[41,4544,210],{"class":47},[41,4546,4547],{"class":43,"line":487},[41,4548,490],{"class":47},[41,4550,4551],{"class":43,"line":493},[41,4552,343],{"class":47},[41,4554,4555],{"class":43,"line":498},[41,4556,349],{"emptyLinePlaceholder":348},[41,4558,4559,4561,4563,4565,4567],{"class":43,"line":503},[41,4560,300],{"class":299},[41,4562,148],{"class":58},[41,4564,510],{"class":197},[41,4566,151],{"class":47},[41,4568,154],{"class":47},[41,4570,4571,4573,4575,4577,4579,4581,4583,4585,4587,4589],{"class":43,"line":517},[41,4572,520],{"class":58},[41,4574,523],{"class":126},[41,4576,176],{"class":47},[41,4578,457],{"class":47},[41,4580,530],{"class":460},[41,4582,30],{"class":47},[41,4584,358],{"class":306},[41,4586,207],{"class":47},[41,4588,481],{"class":58},[41,4590,154],{"class":47},[41,4592,4593,4595,4597,4599,4601,4603,4605,4607,4609,4611,4613],{"class":43,"line":543},[41,4594,546],{"class":126},[41,4596,130],{"class":47},[41,4598,168],{"class":197},[41,4600,201],{"class":51},[41,4602,230],{"class":47},[41,4604,557],{"class":68},[41,4606,230],{"class":47},[41,4608,238],{"class":47},[41,4610,471],{"class":126},[41,4612,207],{"class":51},[41,4614,210],{"class":47},[41,4616,4617],{"class":43,"line":569},[41,4618,216],{"class":47},[41,4620,4621],{"class":43,"line":574},[41,4622,349],{"emptyLinePlaceholder":348},[41,4624,4625,4627,4629,4631,4633,4635],{"class":43,"line":579},[41,4626,520],{"class":58},[41,4628,584],{"class":126},[41,4630,176],{"class":47},[41,4632,589],{"class":47},[41,4634,481],{"class":58},[41,4636,154],{"class":47},[41,4638,4639,4641,4643,4645,4647,4649,4651,4653,4655],{"class":43,"line":596},[41,4640,546],{"class":126},[41,4642,130],{"class":47},[41,4644,168],{"class":197},[41,4646,201],{"class":51},[41,4648,230],{"class":47},[41,4650,609],{"class":68},[41,4652,230],{"class":47},[41,4654,207],{"class":51},[41,4656,210],{"class":47},[41,4658,4659],{"class":43,"line":616},[41,4660,216],{"class":47},[41,4662,4663],{"class":43,"line":621},[41,4664,349],{"emptyLinePlaceholder":348},[41,4666,4667,4669,4671,4673,4675,4677],{"class":43,"line":626},[41,4668,629],{"class":299},[41,4670,632],{"class":47},[41,4672,523],{"class":126},[41,4674,238],{"class":47},[41,4676,584],{"class":126},[41,4678,4679],{"class":47}," };\n",[41,4681,4682],{"class":43,"line":644},[41,4683,343],{"class":47},[19,4685,4687],{"id":4686},"_3-use-in-a-component","3. Use in a Component",[32,4689,4691],{"className":2333,"code":4690,"language":2335,"meta":37,"style":37},"\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",[27,4692,4693,4698,4719,4723,4732,4742,4752,4756,4760,4787,4805,4809,4815,4823,4829,4841,4881,4885,4892,4903,4912,4927,4942,4974,4981,4986,4990,4995,5003,5011,5017],{"__ignoreMap":37},[41,4694,4695],{"class":43,"line":44},[41,4696,4697],{"class":293},"\u002F\u002F components\u002FTryOnWidget.tsx\n",[41,4699,4700,4702,4704,4706,4708,4710,4712,4715,4717],{"class":43,"line":55},[41,4701,801],{"class":299},[41,4703,632],{"class":47},[41,4705,510],{"class":126},[41,4707,815],{"class":47},[41,4709,818],{"class":299},[41,4711,251],{"class":47},[41,4713,4714],{"class":68},"..\u002Fhooks\u002FuseFittingWidget",[41,4716,230],{"class":47},[41,4718,210],{"class":47},[41,4720,4721],{"class":43,"line":75},[41,4722,349],{"emptyLinePlaceholder":348},[41,4724,4725,4727,4730],{"class":43,"line":90},[41,4726,2637],{"class":58},[41,4728,4729],{"class":306}," Props",[41,4731,154],{"class":47},[41,4733,4734,4736,4738,4740],{"class":43,"line":102},[41,4735,314],{"class":51},[41,4737,30],{"class":47},[41,4739,466],{"class":306},[41,4741,210],{"class":47},[41,4743,4744,4746,4748,4750],{"class":43,"line":123},[41,4745,858],{"class":51},[41,4747,30],{"class":47},[41,4749,466],{"class":306},[41,4751,210],{"class":47},[41,4753,4754],{"class":43,"line":157},[41,4755,343],{"class":47},[41,4757,4758],{"class":43,"line":213},[41,4759,349],{"emptyLinePlaceholder":348},[41,4761,4762,4764,4766,4769,4771,4774,4776,4779,4781,4783,4785],{"class":43,"line":219},[41,4763,300],{"class":299},[41,4765,148],{"class":58},[41,4767,4768],{"class":197}," TryOnWidget",[41,4770,2375],{"class":47},[41,4772,4773],{"class":460}," productName",[41,4775,238],{"class":47},[41,4777,4778],{"class":460}," imageUrl",[41,4780,2381],{"class":47},[41,4782,4729],{"class":306},[41,4784,207],{"class":47},[41,4786,154],{"class":47},[41,4788,4789,4791,4793,4795,4797,4799,4801,4803],{"class":43,"line":243},[41,4790,520],{"class":58},[41,4792,632],{"class":47},[41,4794,523],{"class":126},[41,4796,815],{"class":47},[41,4798,176],{"class":47},[41,4800,510],{"class":197},[41,4802,151],{"class":51},[41,4804,210],{"class":47},[41,4806,4807],{"class":43,"line":260},[41,4808,349],{"emptyLinePlaceholder":348},[41,4810,4811,4813],{"class":43,"line":270},[41,4812,629],{"class":299},[41,4814,2407],{"class":51},[41,4816,4817,4819,4821],{"class":43,"line":421},[41,4818,686],{"class":47},[41,4820,679],{"class":51},[41,4822,99],{"class":47},[41,4824,4825,4827],{"class":43,"line":426},[41,4826,2431],{"class":47},[41,4828,689],{"class":51},[41,4830,4831,4833,4835,4837,4839],{"class":43,"line":438},[41,4832,2466],{"class":58},[41,4834,62],{"class":47},[41,4836,65],{"class":47},[41,4838,701],{"class":68},[41,4840,72],{"class":47},[41,4842,4843,4846,4848,4850,4852,4854,4856,4858,4860,4862,4864,4866,4868,4870,4872,4874,4876,4878],{"class":43,"line":449},[41,4844,4845],{"class":58},"        style",[41,4847,2885],{"class":47},[41,4849,2888],{"class":51},[41,4851,30],{"class":47},[41,4853,251],{"class":47},[41,4855,2895],{"class":68},[41,4857,230],{"class":47},[41,4859,238],{"class":47},[41,4861,2902],{"class":51},[41,4863,30],{"class":47},[41,4865,2908],{"class":2907},[41,4867,238],{"class":47},[41,4869,2913],{"class":51},[41,4871,30],{"class":47},[41,4873,251],{"class":47},[41,4875,2920],{"class":68},[41,4877,230],{"class":47},[41,4879,4880],{"class":47}," }}\n",[41,4882,4883],{"class":43,"line":487},[41,4884,2479],{"class":47},[41,4886,4887,4889],{"class":43,"line":493},[41,4888,2431],{"class":47},[41,4890,4891],{"class":51},"button\n",[41,4893,4894,4897,4900],{"class":43,"line":498},[41,4895,4896],{"class":58},"        onClick",[41,4898,4899],{"class":47},"={()",[41,4901,4902],{"class":58}," =>\n",[41,4904,4905,4908,4910],{"class":43,"line":503},[41,4906,4907],{"class":197},"          open",[41,4909,201],{"class":126},[41,4911,435],{"class":47},[41,4913,4914,4917,4919,4921,4923,4925],{"class":43,"line":517},[41,4915,4916],{"class":51},"            targetElementId",[41,4918,30],{"class":47},[41,4920,251],{"class":47},[41,4922,701],{"class":68},[41,4924,230],{"class":47},[41,4926,936],{"class":47},[41,4928,4929,4932,4934,4936,4938,4940],{"class":43,"line":543},[41,4930,4931],{"class":51},"            model",[41,4933,30],{"class":47},[41,4935,251],{"class":47},[41,4937,381],{"class":68},[41,4939,230],{"class":47},[41,4941,936],{"class":47},[41,4943,4944,4947,4949,4952,4955,4957,4959,4962,4964,4967,4969,4972],{"class":43,"line":569},[41,4945,4946],{"class":51},"            tryonItems",[41,4948,30],{"class":47},[41,4950,4951],{"class":126}," [",[41,4953,4954],{"class":47},"{",[41,4956,4773],{"class":126},[41,4958,238],{"class":47},[41,4960,4961],{"class":51}," url",[41,4963,30],{"class":47},[41,4965,4966],{"class":126}," imageUrl ",[41,4968,886],{"class":47},[41,4970,4971],{"class":126},"]",[41,4973,936],{"class":47},[41,4975,4976,4979],{"class":43,"line":574},[41,4977,4978],{"class":47},"          }",[41,4980,566],{"class":126},[41,4982,4983],{"class":43,"line":579},[41,4984,4985],{"class":47},"        }\n",[41,4987,4988],{"class":43,"line":596},[41,4989,2518],{"class":47},[41,4991,4992],{"class":43,"line":616},[41,4993,4994],{"class":126},"        Try On\n",[41,4996,4997,4999,5001],{"class":43,"line":621},[41,4998,2588],{"class":47},[41,5000,729],{"class":51},[41,5002,99],{"class":47},[41,5004,5005,5007,5009],{"class":43,"line":626},[41,5006,3221],{"class":47},[41,5008,679],{"class":51},[41,5010,99],{"class":47},[41,5012,5013,5015],{"class":43,"line":644},[41,5014,2602],{"class":51},[41,5016,210],{"class":47},[41,5018,5019],{"class":43,"line":1007},[41,5020,343],{"class":47},[1035,5022,5023],{},"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":37,"searchDepth":55,"depth":55,"links":5025},[5026,5027,5028],{"id":4168,"depth":55,"text":4169},{"id":4372,"depth":55,"text":4373},{"id":4686,"depth":55,"text":4687},"Integrate with a React (Vite \u002F CRA) app","i-lucide-react",{},"\u002Fen\u002Fintegrations\u002Freact",{"title":4156,"description":5029},"en\u002Fintegrations\u002Freact","pb3AGE_nU_OjJFKOaRsB1vUMbyzjRuGZlTgplr5i71Q",{"id":5037,"title":5038,"body":5039,"description":5706,"extension":1044,"icon":5707,"meta":5708,"navigation":348,"path":5709,"seo":5710,"stem":5711,"__hash__":5712},"content\u002Fen\u002Fintegrations\u002Fvanilla-js.md","Vanilla JS",{"type":7,"value":5040,"toc":5702},[5041,5045,5048,5052,5676,5680,5699],[10,5042,5044],{"id":5043},"vanilla-js-integration","Vanilla JS Integration",[15,5046,5047],{},"No framework needed — just HTML and JavaScript.",[19,5049,5051],{"id":5050},"full-example","Full Example",[32,5053,5055],{"className":34,"code":5054,"language":36,"meta":37,"style":37},"\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",[27,5056,5057,5070,5089,5098,5118,5150,5168,5176,5185,5189,5205,5222,5226,5231,5264,5268,5298,5302,5307,5313,5326,5339,5348,5352,5357,5375,5399,5442,5447,5467,5480,5488,5496,5500,5508,5521,5543,5559,5575,5585,5590,5605,5621,5626,5633,5643,5649,5658,5667],{"__ignoreMap":37},[41,5058,5059,5062,5065,5068],{"class":43,"line":44},[41,5060,5061],{"class":47},"\u003C!",[41,5063,5064],{"class":51},"DOCTYPE",[41,5066,5067],{"class":58}," html",[41,5069,99],{"class":47},[41,5071,5072,5074,5076,5078,5080,5082,5085,5087],{"class":43,"line":55},[41,5073,48],{"class":47},[41,5075,36],{"class":51},[41,5077,786],{"class":58},[41,5079,62],{"class":47},[41,5081,65],{"class":47},[41,5083,5084],{"class":68},"en",[41,5086,65],{"class":47},[41,5088,99],{"class":47},[41,5090,5091,5093,5096],{"class":43,"line":75},[41,5092,48],{"class":47},[41,5094,5095],{"class":51},"head",[41,5097,99],{"class":47},[41,5099,5100,5102,5104,5107,5109,5111,5114,5116],{"class":43,"line":90},[41,5101,676],{"class":47},[41,5103,3569],{"class":51},[41,5105,5106],{"class":58}," charset",[41,5108,62],{"class":47},[41,5110,65],{"class":47},[41,5112,5113],{"class":68},"UTF-8",[41,5115,65],{"class":47},[41,5117,3389],{"class":47},[41,5119,5120,5122,5124,5127,5129,5131,5134,5136,5139,5141,5143,5146,5148],{"class":43,"line":102},[41,5121,676],{"class":47},[41,5123,3569],{"class":51},[41,5125,5126],{"class":58}," name",[41,5128,62],{"class":47},[41,5130,65],{"class":47},[41,5132,5133],{"class":68},"viewport",[41,5135,65],{"class":47},[41,5137,5138],{"class":58}," content",[41,5140,62],{"class":47},[41,5142,65],{"class":47},[41,5144,5145],{"class":68},"width=device-width, initial-scale=1.0",[41,5147,65],{"class":47},[41,5149,3389],{"class":47},[41,5151,5152,5154,5157,5159,5162,5164,5166],{"class":43,"line":123},[41,5153,676],{"class":47},[41,5155,5156],{"class":51},"title",[41,5158,744],{"class":47},[41,5160,5161],{"class":126},"Product Page — Virtual Try-On",[41,5163,273],{"class":47},[41,5165,5156],{"class":51},[41,5167,99],{"class":47},[41,5169,5170,5172,5174],{"class":43,"line":157},[41,5171,273],{"class":47},[41,5173,5095],{"class":51},[41,5175,99],{"class":47},[41,5177,5178,5180,5183],{"class":43,"line":213},[41,5179,48],{"class":47},[41,5181,5182],{"class":51},"body",[41,5184,99],{"class":47},[41,5186,5187],{"class":43,"line":219},[41,5188,349],{"emptyLinePlaceholder":348},[41,5190,5191,5193,5195,5197,5199,5201,5203],{"class":43,"line":243},[41,5192,676],{"class":47},[41,5194,10],{"class":51},[41,5196,744],{"class":47},[41,5198,2112],{"class":126},[41,5200,273],{"class":47},[41,5202,10],{"class":51},[41,5204,99],{"class":47},[41,5206,5207,5209,5211,5213,5216,5218,5220],{"class":43,"line":260},[41,5208,676],{"class":47},[41,5210,15],{"class":51},[41,5212,744],{"class":47},[41,5214,5215],{"class":126},"$89.00",[41,5217,273],{"class":47},[41,5219,15],{"class":51},[41,5221,99],{"class":47},[41,5223,5224],{"class":43,"line":270},[41,5225,349],{"emptyLinePlaceholder":348},[41,5227,5228],{"class":43,"line":421},[41,5229,5230],{"class":293},"  \u003C!-- Widget container -->\n",[41,5232,5233,5235,5237,5239,5241,5243,5245,5247,5249,5251,5253,5256,5258,5260,5262],{"class":43,"line":426},[41,5234,676],{"class":47},[41,5236,679],{"class":51},[41,5238,109],{"class":58},[41,5240,62],{"class":47},[41,5242,65],{"class":47},[41,5244,701],{"class":68},[41,5246,65],{"class":47},[41,5248,2882],{"class":58},[41,5250,62],{"class":47},[41,5252,65],{"class":47},[41,5254,5255],{"class":68},"width: 100%; max-width: 600px; aspect-ratio: 3 \u002F 4;",[41,5257,65],{"class":47},[41,5259,93],{"class":47},[41,5261,679],{"class":51},[41,5263,99],{"class":47},[41,5265,5266],{"class":43,"line":438},[41,5267,349],{"emptyLinePlaceholder":348},[41,5269,5270,5272,5274,5277,5279,5281,5284,5286,5288,5290,5292,5294,5296],{"class":43,"line":449},[41,5271,676],{"class":47},[41,5273,729],{"class":51},[41,5275,5276],{"class":58}," onclick",[41,5278,62],{"class":47},[41,5280,65],{"class":47},[41,5282,5283],{"class":197},"openWidget",[41,5285,151],{"class":68},[41,5287,65],{"class":47},[41,5289,744],{"class":47},[41,5291,2945],{"class":126},[41,5293,273],{"class":47},[41,5295,729],{"class":51},[41,5297,99],{"class":47},[41,5299,5300],{"class":43,"line":487},[41,5301,349],{"emptyLinePlaceholder":348},[41,5303,5304],{"class":43,"line":493},[41,5305,5306],{"class":293},"  \u003C!-- 1. Load the widget bundle -->\n",[41,5308,5309,5311],{"class":43,"line":498},[41,5310,676],{"class":47},[41,5312,52],{"class":51},[41,5314,5315,5318,5320,5322,5324],{"class":43,"line":503},[41,5316,5317],{"class":58},"    src",[41,5319,62],{"class":47},[41,5321,65],{"class":47},[41,5323,69],{"class":68},[41,5325,72],{"class":47},[41,5327,5328,5331,5333,5335,5337],{"class":43,"line":517},[41,5329,5330],{"class":58},"    id",[41,5332,62],{"class":47},[41,5334,65],{"class":47},[41,5336,85],{"class":68},[41,5338,72],{"class":47},[41,5340,5341,5344,5346],{"class":43,"line":543},[41,5342,5343],{"class":47},"  >\u003C\u002F",[41,5345,96],{"class":51},[41,5347,99],{"class":47},[41,5349,5350],{"class":43,"line":569},[41,5351,349],{"emptyLinePlaceholder":348},[41,5353,5354],{"class":43,"line":574},[41,5355,5356],{"class":293},"  \u003C!-- 2. Initialize -->\n",[41,5358,5359,5361,5363,5365,5367,5369,5371,5373],{"class":43,"line":579},[41,5360,676],{"class":47},[41,5362,96],{"class":51},[41,5364,109],{"class":58},[41,5366,62],{"class":47},[41,5368,65],{"class":47},[41,5370,116],{"class":68},[41,5372,65],{"class":47},[41,5374,99],{"class":47},[41,5376,5377,5379,5381,5383,5385,5387,5389,5391,5393,5395,5397],{"class":43,"line":596},[41,5378,546],{"class":126},[41,5380,130],{"class":47},[41,5382,133],{"class":126},[41,5384,62],{"class":47},[41,5386,138],{"class":126},[41,5388,130],{"class":47},[41,5390,133],{"class":126},[41,5392,145],{"class":47},[41,5394,148],{"class":58},[41,5396,151],{"class":47},[41,5398,154],{"class":47},[41,5400,5401,5404,5406,5408,5410,5412,5414,5416,5418,5420,5422,5424,5426,5428,5430,5432,5434,5436,5438,5440],{"class":43,"line":616},[41,5402,5403],{"class":51},"      (",[41,5405,163],{"class":126},[41,5407,130],{"class":47},[41,5409,168],{"class":126},[41,5411,130],{"class":47},[41,5413,173],{"class":126},[41,5415,176],{"class":47},[41,5417,138],{"class":126},[41,5419,130],{"class":47},[41,5421,168],{"class":126},[41,5423,130],{"class":47},[41,5425,173],{"class":126},[41,5427,189],{"class":47},[41,5429,192],{"class":51},[41,5431,130],{"class":47},[41,5433,198],{"class":197},[41,5435,201],{"class":51},[41,5437,204],{"class":126},[41,5439,207],{"class":51},[41,5441,210],{"class":47},[41,5443,5444],{"class":43,"line":621},[41,5445,5446],{"class":47},"    };\n",[41,5448,5449,5451,5453,5455,5457,5459,5461,5463,5465],{"class":43,"line":626},[41,5450,546],{"class":126},[41,5452,130],{"class":47},[41,5454,168],{"class":197},[41,5456,201],{"class":126},[41,5458,230],{"class":47},[41,5460,233],{"class":68},[41,5462,230],{"class":47},[41,5464,238],{"class":47},[41,5466,154],{"class":47},[41,5468,5469,5472,5474,5476,5478],{"class":43,"line":644},[41,5470,5471],{"class":51},"      apiKey",[41,5473,30],{"class":47},[41,5475,251],{"class":47},[41,5477,254],{"class":68},[41,5479,257],{"class":47},[41,5481,5482,5484,5486],{"class":43,"line":1007},[41,5483,2841],{"class":47},[41,5485,207],{"class":126},[41,5487,210],{"class":47},[41,5489,5490,5492,5494],{"class":43,"line":1015},[41,5491,758],{"class":47},[41,5493,96],{"class":51},[41,5495,99],{"class":47},[41,5497,5498],{"class":43,"line":1022},[41,5499,349],{"emptyLinePlaceholder":348},[41,5501,5502,5504,5506],{"class":43,"line":1027},[41,5503,676],{"class":47},[41,5505,96],{"class":51},[41,5507,99],{"class":47},[41,5509,5511,5514,5517,5519],{"class":43,"line":5510},35,[41,5512,5513],{"class":58},"    function",[41,5515,5516],{"class":197}," openWidget",[41,5518,151],{"class":47},[41,5520,154],{"class":47},[41,5522,5524,5527,5529,5531,5533,5535,5537,5539,5541],{"class":43,"line":5523},36,[41,5525,5526],{"class":126},"      window",[41,5528,130],{"class":47},[41,5530,168],{"class":197},[41,5532,201],{"class":51},[41,5534,230],{"class":47},[41,5536,557],{"class":68},[41,5538,230],{"class":47},[41,5540,238],{"class":47},[41,5542,154],{"class":47},[41,5544,5546,5549,5551,5553,5555,5557],{"class":43,"line":5545},37,[41,5547,5548],{"class":51},"        targetElementId",[41,5550,30],{"class":47},[41,5552,251],{"class":47},[41,5554,701],{"class":68},[41,5556,230],{"class":47},[41,5558,936],{"class":47},[41,5560,5562,5565,5567,5569,5571,5573],{"class":43,"line":5561},38,[41,5563,5564],{"class":51},"        model",[41,5566,30],{"class":47},[41,5568,251],{"class":47},[41,5570,381],{"class":68},[41,5572,230],{"class":47},[41,5574,936],{"class":47},[41,5576,5578,5581,5583],{"class":43,"line":5577},39,[41,5579,5580],{"class":51},"        tryonItems",[41,5582,30],{"class":47},[41,5584,961],{"class":51},[41,5586,5588],{"class":43,"line":5587},40,[41,5589,3170],{"class":47},[41,5591,5593,5595,5597,5599,5601,5603],{"class":43,"line":5592},41,[41,5594,3175],{"class":51},[41,5596,30],{"class":47},[41,5598,251],{"class":47},[41,5600,2112],{"class":68},[41,5602,230],{"class":47},[41,5604,936],{"class":47},[41,5606,5608,5610,5612,5614,5617,5619],{"class":43,"line":5607},42,[41,5609,3190],{"class":51},[41,5611,30],{"class":47},[41,5613,251],{"class":47},[41,5615,5616],{"class":68},"https:\u002F\u002Fexample.com\u002Fimages\u002Fjacket.jpg",[41,5618,230],{"class":47},[41,5620,936],{"class":47},[41,5622,5624],{"class":43,"line":5623},43,[41,5625,3205],{"class":47},[41,5627,5629,5631],{"class":43,"line":5628},44,[41,5630,3210],{"class":51},[41,5632,936],{"class":47},[41,5634,5636,5639,5641],{"class":43,"line":5635},45,[41,5637,5638],{"class":47},"      }",[41,5640,207],{"class":51},[41,5642,210],{"class":47},[41,5644,5646],{"class":43,"line":5645},46,[41,5647,5648],{"class":47},"    }\n",[41,5650,5652,5654,5656],{"class":43,"line":5651},47,[41,5653,758],{"class":47},[41,5655,96],{"class":51},[41,5657,99],{"class":47},[41,5659,5661,5663,5665],{"class":43,"line":5660},48,[41,5662,273],{"class":47},[41,5664,5182],{"class":51},[41,5666,99],{"class":47},[41,5668,5670,5672,5674],{"class":43,"line":5669},49,[41,5671,273],{"class":47},[41,5673,36],{"class":51},[41,5675,99],{"class":47},[19,5677,5679],{"id":5678},"key-points","Key Points",[2162,5681,5682,5685,5694],{},[2165,5683,5684],{},"Load the bundle script first.",[2165,5686,5687,5688,5691,5692,130],{},"Initialize with ",[27,5689,5690],{},"window.fitting('init', { apiKey })"," before calling ",[27,5693,557],{},[2165,5695,2207,5696,5698],{},[27,5697,1195],{}," must match an existing element on the page.",[1035,5700,5701],{},"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":37,"searchDepth":55,"depth":55,"links":5703},[5704,5705],{"id":5050,"depth":55,"text":5051},{"id":5678,"depth":55,"text":5679},"Integrate with plain HTML\u002FJavaScript","i-lucide-file-code",{},"\u002Fen\u002Fintegrations\u002Fvanilla-js",{"title":5038,"description":5706},"en\u002Fintegrations\u002Fvanilla-js","Ts8msIFer-tIlPDRwRbkNZSpWu0JrTJP8uMKqB57tJQ",{"id":5714,"title":5,"body":5715,"description":6545,"extension":1044,"icon":1045,"meta":6546,"navigation":348,"path":6547,"seo":6548,"stem":6549,"__hash__":6550},"content\u002Fen\u002Fintegrations\u002Fvue.md",{"type":7,"value":5716,"toc":6540},[5717,5721,5724,5726,5731,5909,5913,6205,6209,6538],[10,5718,5720],{"id":5719},"vue-3-integration","Vue 3 Integration",[15,5722,5723],{},"Works with Vue 3 + Vite or any Vue 3 setup.",[19,5725,4169],{"id":4168},[15,5727,5728,5729,30],{},"In ",[27,5730,29],{},[32,5732,5733],{"className":34,"code":35,"language":36,"meta":37,"style":37},[27,5734,5735,5741,5753,5765,5773,5791,5815,5857,5861,5881,5893,5901],{"__ignoreMap":37},[41,5736,5737,5739],{"class":43,"line":44},[41,5738,48],{"class":47},[41,5740,52],{"class":51},[41,5742,5743,5745,5747,5749,5751],{"class":43,"line":55},[41,5744,59],{"class":58},[41,5746,62],{"class":47},[41,5748,65],{"class":47},[41,5750,69],{"class":68},[41,5752,72],{"class":47},[41,5754,5755,5757,5759,5761,5763],{"class":43,"line":75},[41,5756,78],{"class":58},[41,5758,62],{"class":47},[41,5760,65],{"class":47},[41,5762,85],{"class":68},[41,5764,72],{"class":47},[41,5766,5767,5769,5771],{"class":43,"line":90},[41,5768,93],{"class":47},[41,5770,96],{"class":51},[41,5772,99],{"class":47},[41,5774,5775,5777,5779,5781,5783,5785,5787,5789],{"class":43,"line":102},[41,5776,48],{"class":47},[41,5778,96],{"class":51},[41,5780,109],{"class":58},[41,5782,62],{"class":47},[41,5784,65],{"class":47},[41,5786,116],{"class":68},[41,5788,65],{"class":47},[41,5790,99],{"class":47},[41,5792,5793,5795,5797,5799,5801,5803,5805,5807,5809,5811,5813],{"class":43,"line":123},[41,5794,127],{"class":126},[41,5796,130],{"class":47},[41,5798,133],{"class":126},[41,5800,62],{"class":47},[41,5802,138],{"class":126},[41,5804,130],{"class":47},[41,5806,133],{"class":126},[41,5808,145],{"class":47},[41,5810,148],{"class":58},[41,5812,151],{"class":47},[41,5814,154],{"class":47},[41,5816,5817,5819,5821,5823,5825,5827,5829,5831,5833,5835,5837,5839,5841,5843,5845,5847,5849,5851,5853,5855],{"class":43,"line":157},[41,5818,160],{"class":51},[41,5820,163],{"class":126},[41,5822,130],{"class":47},[41,5824,168],{"class":126},[41,5826,130],{"class":47},[41,5828,173],{"class":126},[41,5830,176],{"class":47},[41,5832,138],{"class":126},[41,5834,130],{"class":47},[41,5836,168],{"class":126},[41,5838,130],{"class":47},[41,5840,173],{"class":126},[41,5842,189],{"class":47},[41,5844,192],{"class":51},[41,5846,130],{"class":47},[41,5848,198],{"class":197},[41,5850,201],{"class":51},[41,5852,204],{"class":126},[41,5854,207],{"class":51},[41,5856,210],{"class":47},[41,5858,5859],{"class":43,"line":213},[41,5860,216],{"class":47},[41,5862,5863,5865,5867,5869,5871,5873,5875,5877,5879],{"class":43,"line":219},[41,5864,127],{"class":126},[41,5866,130],{"class":47},[41,5868,168],{"class":197},[41,5870,201],{"class":126},[41,5872,230],{"class":47},[41,5874,233],{"class":68},[41,5876,230],{"class":47},[41,5878,238],{"class":47},[41,5880,154],{"class":47},[41,5882,5883,5885,5887,5889,5891],{"class":43,"line":243},[41,5884,246],{"class":51},[41,5886,30],{"class":47},[41,5888,251],{"class":47},[41,5890,254],{"class":68},[41,5892,257],{"class":47},[41,5894,5895,5897,5899],{"class":43,"line":260},[41,5896,263],{"class":47},[41,5898,207],{"class":126},[41,5900,210],{"class":47},[41,5902,5903,5905,5907],{"class":43,"line":270},[41,5904,273],{"class":47},[41,5906,96],{"class":51},[41,5908,99],{"class":47},[19,5910,5912],{"id":5911},"_2-create-a-composable","2. Create a Composable",[32,5914,5915],{"className":284,"code":285,"language":286,"meta":37,"style":37},[27,5916,5917,5921,5931,5939,5947,5955,5959,5963,5973,5981,6009,6019,6023,6027,6035,6043,6071,6075,6079,6083,6095,6117,6139,6143,6147,6161,6179,6183,6187,6201],{"__ignoreMap":37},[41,5918,5919],{"class":43,"line":44},[41,5920,294],{"class":293},[41,5922,5923,5925,5927,5929],{"class":43,"line":55},[41,5924,300],{"class":299},[41,5926,303],{"class":58},[41,5928,307],{"class":306},[41,5930,154],{"class":47},[41,5932,5933,5935,5937],{"class":43,"line":75},[41,5934,314],{"class":51},[41,5936,30],{"class":47},[41,5938,319],{"class":306},[41,5940,5941,5943,5945],{"class":43,"line":90},[41,5942,324],{"class":51},[41,5944,30],{"class":47},[41,5946,319],{"class":306},[41,5948,5949,5951,5953],{"class":43,"line":102},[41,5950,333],{"class":51},[41,5952,336],{"class":47},[41,5954,319],{"class":306},[41,5956,5957],{"class":43,"line":123},[41,5958,343],{"class":47},[41,5960,5961],{"class":43,"line":157},[41,5962,349],{"emptyLinePlaceholder":348},[41,5964,5965,5967,5969,5971],{"class":43,"line":213},[41,5966,300],{"class":299},[41,5968,303],{"class":58},[41,5970,358],{"class":306},[41,5972,154],{"class":47},[41,5974,5975,5977,5979],{"class":43,"line":219},[41,5976,365],{"class":51},[41,5978,30],{"class":47},[41,5980,319],{"class":306},[41,5982,5983,5985,5987,5989,5991,5993,5995,5997,5999,6001,6003,6005,6007],{"class":43,"line":243},[41,5984,374],{"class":51},[41,5986,336],{"class":47},[41,5988,251],{"class":47},[41,5990,381],{"class":68},[41,5992,230],{"class":47},[41,5994,386],{"class":47},[41,5996,251],{"class":47},[41,5998,391],{"class":68},[41,6000,230],{"class":47},[41,6002,386],{"class":47},[41,6004,251],{"class":47},[41,6006,400],{"class":68},[41,6008,257],{"class":47},[41,6010,6011,6013,6015,6017],{"class":43,"line":260},[41,6012,407],{"class":51},[41,6014,30],{"class":47},[41,6016,307],{"class":306},[41,6018,414],{"class":126},[41,6020,6021],{"class":43,"line":270},[41,6022,343],{"class":47},[41,6024,6025],{"class":43,"line":421},[41,6026,349],{"emptyLinePlaceholder":348},[41,6028,6029,6031,6033],{"class":43,"line":426},[41,6030,429],{"class":58},[41,6032,432],{"class":126},[41,6034,435],{"class":47},[41,6036,6037,6039,6041],{"class":43,"line":438},[41,6038,441],{"class":58},[41,6040,444],{"class":306},[41,6042,154],{"class":47},[41,6044,6045,6047,6049,6051,6053,6055,6057,6059,6061,6063,6065,6067,6069],{"class":43,"line":449},[41,6046,452],{"class":51},[41,6048,30],{"class":47},[41,6050,457],{"class":47},[41,6052,461],{"class":460},[41,6054,30],{"class":47},[41,6056,466],{"class":306},[41,6058,238],{"class":47},[41,6060,471],{"class":460},[41,6062,336],{"class":47},[41,6064,476],{"class":306},[41,6066,207],{"class":47},[41,6068,481],{"class":58},[41,6070,484],{"class":306},[41,6072,6073],{"class":43,"line":487},[41,6074,490],{"class":47},[41,6076,6077],{"class":43,"line":493},[41,6078,343],{"class":47},[41,6080,6081],{"class":43,"line":498},[41,6082,349],{"emptyLinePlaceholder":348},[41,6084,6085,6087,6089,6091,6093],{"class":43,"line":503},[41,6086,300],{"class":299},[41,6088,148],{"class":58},[41,6090,510],{"class":197},[41,6092,151],{"class":47},[41,6094,154],{"class":47},[41,6096,6097,6099,6101,6103,6105,6107,6109,6111,6113,6115],{"class":43,"line":517},[41,6098,520],{"class":58},[41,6100,523],{"class":126},[41,6102,176],{"class":47},[41,6104,457],{"class":47},[41,6106,530],{"class":460},[41,6108,30],{"class":47},[41,6110,358],{"class":306},[41,6112,207],{"class":47},[41,6114,481],{"class":58},[41,6116,154],{"class":47},[41,6118,6119,6121,6123,6125,6127,6129,6131,6133,6135,6137],{"class":43,"line":543},[41,6120,546],{"class":126},[41,6122,130],{"class":47},[41,6124,168],{"class":197},[41,6126,201],{"class":51},[41,6128,230],{"class":47},[41,6130,557],{"class":68},[41,6132,230],{"class":47},[41,6134,238],{"class":47},[41,6136,471],{"class":126},[41,6138,566],{"class":51},[41,6140,6141],{"class":43,"line":569},[41,6142,490],{"class":47},[41,6144,6145],{"class":43,"line":574},[41,6146,349],{"emptyLinePlaceholder":348},[41,6148,6149,6151,6153,6155,6157,6159],{"class":43,"line":579},[41,6150,520],{"class":58},[41,6152,584],{"class":126},[41,6154,176],{"class":47},[41,6156,589],{"class":47},[41,6158,481],{"class":58},[41,6160,154],{"class":47},[41,6162,6163,6165,6167,6169,6171,6173,6175,6177],{"class":43,"line":596},[41,6164,546],{"class":126},[41,6166,130],{"class":47},[41,6168,168],{"class":197},[41,6170,201],{"class":51},[41,6172,230],{"class":47},[41,6174,609],{"class":68},[41,6176,230],{"class":47},[41,6178,566],{"class":51},[41,6180,6181],{"class":43,"line":616},[41,6182,490],{"class":47},[41,6184,6185],{"class":43,"line":621},[41,6186,349],{"emptyLinePlaceholder":348},[41,6188,6189,6191,6193,6195,6197,6199],{"class":43,"line":626},[41,6190,629],{"class":299},[41,6192,632],{"class":47},[41,6194,523],{"class":126},[41,6196,238],{"class":47},[41,6198,584],{"class":126},[41,6200,641],{"class":47},[41,6202,6203],{"class":43,"line":644},[41,6204,343],{"class":47},[19,6206,6208],{"id":6207},"_3-create-the-widget-component","3. Create the Widget Component",[32,6210,6212],{"className":653,"code":6211,"language":655,"meta":37,"style":37},"\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",[27,6213,6214,6218,6226,6234,6240,6252,6264,6268,6294,6302,6310,6314,6334,6358,6362,6374,6382,6390,6396,6400,6416,6420,6434,6442,6456,6470,6478,6482,6496,6510,6514,6520,6526,6530],{"__ignoreMap":37},[41,6215,6216],{"class":43,"line":44},[41,6217,662],{"class":293},[41,6219,6220,6222,6224],{"class":43,"line":55},[41,6221,48],{"class":47},[41,6223,669],{"class":51},[41,6225,99],{"class":47},[41,6227,6228,6230,6232],{"class":43,"line":75},[41,6229,676],{"class":47},[41,6231,679],{"class":51},[41,6233,99],{"class":47},[41,6235,6236,6238],{"class":43,"line":90},[41,6237,686],{"class":47},[41,6239,689],{"class":51},[41,6241,6242,6244,6246,6248,6250],{"class":43,"line":102},[41,6243,694],{"class":58},[41,6245,62],{"class":47},[41,6247,65],{"class":47},[41,6249,701],{"class":68},[41,6251,72],{"class":47},[41,6253,6254,6256,6258,6260,6262],{"class":43,"line":123},[41,6255,708],{"class":58},[41,6257,62],{"class":47},[41,6259,65],{"class":47},[41,6261,715],{"class":68},[41,6263,72],{"class":47},[41,6265,6266],{"class":43,"line":157},[41,6267,722],{"class":47},[41,6269,6270,6272,6274,6276,6278,6280,6282,6284,6286,6288,6290,6292],{"class":43,"line":213},[41,6271,686],{"class":47},[41,6273,729],{"class":51},[41,6275,732],{"class":58},[41,6277,62],{"class":47},[41,6279,65],{"class":47},[41,6281,739],{"class":68},[41,6283,65],{"class":47},[41,6285,744],{"class":47},[41,6287,2945],{"class":126},[41,6289,273],{"class":47},[41,6291,729],{"class":51},[41,6293,99],{"class":47},[41,6295,6296,6298,6300],{"class":43,"line":219},[41,6297,758],{"class":47},[41,6299,679],{"class":51},[41,6301,99],{"class":47},[41,6303,6304,6306,6308],{"class":43,"line":243},[41,6305,273],{"class":47},[41,6307,669],{"class":51},[41,6309,99],{"class":47},[41,6311,6312],{"class":43,"line":260},[41,6313,349],{"emptyLinePlaceholder":348},[41,6315,6316,6318,6320,6322,6324,6326,6328,6330,6332],{"class":43,"line":270},[41,6317,48],{"class":47},[41,6319,96],{"class":51},[41,6321,783],{"class":58},[41,6323,786],{"class":58},[41,6325,62],{"class":47},[41,6327,65],{"class":47},[41,6329,286],{"class":68},[41,6331,65],{"class":47},[41,6333,99],{"class":47},[41,6335,6336,6338,6340,6342,6344,6346,6348,6350,6352,6354,6356],{"class":43,"line":421},[41,6337,801],{"class":299},[41,6339,632],{"class":47},[41,6341,510],{"class":126},[41,6343,238],{"class":47},[41,6345,810],{"class":299},[41,6347,307],{"class":126},[41,6349,815],{"class":47},[41,6351,818],{"class":299},[41,6353,251],{"class":47},[41,6355,823],{"class":68},[41,6357,257],{"class":47},[41,6359,6360],{"class":43,"line":426},[41,6361,349],{"emptyLinePlaceholder":348},[41,6363,6364,6366,6368,6370,6372],{"class":43,"line":438},[41,6365,834],{"class":58},[41,6367,837],{"class":126},[41,6369,62],{"class":47},[41,6371,842],{"class":197},[41,6373,845],{"class":47},[41,6375,6376,6378,6380],{"class":43,"line":449},[41,6377,314],{"class":51},[41,6379,30],{"class":47},[41,6381,319],{"class":306},[41,6383,6384,6386,6388],{"class":43,"line":487},[41,6385,858],{"class":51},[41,6387,30],{"class":47},[41,6389,319],{"class":306},[41,6391,6392,6394],{"class":43,"line":493},[41,6393,867],{"class":47},[41,6395,870],{"class":126},[41,6397,6398],{"class":43,"line":498},[41,6399,349],{"emptyLinePlaceholder":348},[41,6401,6402,6404,6406,6408,6410,6412,6414],{"class":43,"line":503},[41,6403,834],{"class":58},[41,6405,632],{"class":47},[41,6407,883],{"class":126},[41,6409,886],{"class":47},[41,6411,176],{"class":47},[41,6413,510],{"class":197},[41,6415,870],{"class":126},[41,6417,6418],{"class":43,"line":517},[41,6419,349],{"emptyLinePlaceholder":348},[41,6421,6422,6424,6426,6428,6430,6432],{"class":43,"line":543},[41,6423,834],{"class":58},[41,6425,903],{"class":126},[41,6427,62],{"class":47},[41,6429,589],{"class":47},[41,6431,481],{"class":58},[41,6433,154],{"class":47},[41,6435,6436,6438,6440],{"class":43,"line":569},[41,6437,916],{"class":197},[41,6439,201],{"class":51},[41,6441,435],{"class":47},[41,6443,6444,6446,6448,6450,6452,6454],{"class":43,"line":574},[41,6445,925],{"class":51},[41,6447,30],{"class":47},[41,6449,251],{"class":47},[41,6451,701],{"class":68},[41,6453,230],{"class":47},[41,6455,936],{"class":47},[41,6457,6458,6460,6462,6464,6466,6468],{"class":43,"line":579},[41,6459,941],{"class":51},[41,6461,30],{"class":47},[41,6463,251],{"class":47},[41,6465,381],{"class":68},[41,6467,230],{"class":47},[41,6469,936],{"class":47},[41,6471,6472,6474,6476],{"class":43,"line":596},[41,6473,956],{"class":51},[41,6475,30],{"class":47},[41,6477,961],{"class":51},[41,6479,6480],{"class":43,"line":616},[41,6481,966],{"class":47},[41,6483,6484,6486,6488,6490,6492,6494],{"class":43,"line":621},[41,6485,971],{"class":51},[41,6487,30],{"class":47},[41,6489,976],{"class":126},[41,6491,130],{"class":47},[41,6493,981],{"class":126},[41,6495,936],{"class":47},[41,6497,6498,6500,6502,6504,6506,6508],{"class":43,"line":626},[41,6499,988],{"class":51},[41,6501,30],{"class":47},[41,6503,976],{"class":126},[41,6505,130],{"class":47},[41,6507,997],{"class":126},[41,6509,936],{"class":47},[41,6511,6512],{"class":43,"line":644},[41,6513,1004],{"class":47},[41,6515,6516,6518],{"class":43,"line":1007},[41,6517,1010],{"class":51},[41,6519,936],{"class":47},[41,6521,6522,6524],{"class":43,"line":1015},[41,6523,263],{"class":47},[41,6525,566],{"class":51},[41,6527,6528],{"class":43,"line":1022},[41,6529,343],{"class":47},[41,6531,6532,6534,6536],{"class":43,"line":1027},[41,6533,273],{"class":47},[41,6535,96],{"class":51},[41,6537,99],{"class":47},[1035,6539,1037],{},{"title":37,"searchDepth":55,"depth":55,"links":6541},[6542,6543,6544],{"id":4168,"depth":55,"text":4169},{"id":5911,"depth":55,"text":5912},{"id":6207,"depth":55,"text":6208},"Integrate with a Vue 3 application",{},"\u002Fen\u002Fintegrations\u002Fvue",{"title":5,"description":6545},"en\u002Fintegrations\u002Fvue","GShiJEM5AAOgyg7U0MXXp-Lqn_Y-1BooZA_uvPnVwT0",{"id":6552,"title":6553,"body":6554,"description":6963,"extension":1044,"icon":2190,"meta":6964,"navigation":348,"path":2273,"seo":6965,"stem":6966,"__hash__":6967},"content\u002Fgetting-started\u002Fquick-start.md","Быстрый старт",{"type":7,"value":6555,"toc":6954},[6556,6559,6562,6566,6573,6577,6585,6627,6631,6771,6775,6781,6807,6811,6817,6927,6931,6934,6938,6951],[10,6557,6553],{"id":6558},"быстрый-старт",[15,6560,6561],{},"Следуйте этим шагам, чтобы добавить виртуальную примерку на ваш сайт.",[19,6563,6565],{"id":6564},"_1-получите-api-ключ","1. Получите API-ключ",[15,6567,6568,6569,6572],{},"Зарегистрируйтесь на ",[1779,6570,1784],{"href":1781,"rel":6571},[1783],", чтобы получить бесплатный API-ключ.",[19,6574,6576],{"id":6575},"_2-загрузите-скрипт-виджета","2. Загрузите скрипт виджета",[15,6578,6579,6580,6582,6583,30],{},"Добавьте следующий тег ",[27,6581,1795],{}," на страницу, желательно перед закрывающим тегом ",[27,6584,1799],{},[32,6586,6587],{"className":34,"code":1803,"language":36,"meta":37,"style":37},[27,6588,6589,6595,6607,6619],{"__ignoreMap":37},[41,6590,6591,6593],{"class":43,"line":44},[41,6592,48],{"class":47},[41,6594,52],{"class":51},[41,6596,6597,6599,6601,6603,6605],{"class":43,"line":55},[41,6598,59],{"class":58},[41,6600,62],{"class":47},[41,6602,65],{"class":47},[41,6604,69],{"class":68},[41,6606,72],{"class":47},[41,6608,6609,6611,6613,6615,6617],{"class":43,"line":75},[41,6610,78],{"class":58},[41,6612,62],{"class":47},[41,6614,65],{"class":47},[41,6616,85],{"class":68},[41,6618,72],{"class":47},[41,6620,6621,6623,6625],{"class":43,"line":90},[41,6622,93],{"class":47},[41,6624,96],{"class":51},[41,6626,99],{"class":47},[19,6628,6630],{"id":6629},"_3-инициализируйте-виджет","3. Инициализируйте виджет",[32,6632,6633],{"className":34,"code":1850,"language":36,"meta":37,"style":37},[27,6634,6635,6653,6677,6719,6723,6743,6755,6763],{"__ignoreMap":37},[41,6636,6637,6639,6641,6643,6645,6647,6649,6651],{"class":43,"line":44},[41,6638,48],{"class":47},[41,6640,96],{"class":51},[41,6642,109],{"class":58},[41,6644,62],{"class":47},[41,6646,65],{"class":47},[41,6648,116],{"class":68},[41,6650,65],{"class":47},[41,6652,99],{"class":47},[41,6654,6655,6657,6659,6661,6663,6665,6667,6669,6671,6673,6675],{"class":43,"line":55},[41,6656,127],{"class":126},[41,6658,130],{"class":47},[41,6660,133],{"class":126},[41,6662,62],{"class":47},[41,6664,138],{"class":126},[41,6666,130],{"class":47},[41,6668,133],{"class":126},[41,6670,145],{"class":47},[41,6672,148],{"class":58},[41,6674,151],{"class":47},[41,6676,154],{"class":47},[41,6678,6679,6681,6683,6685,6687,6689,6691,6693,6695,6697,6699,6701,6703,6705,6707,6709,6711,6713,6715,6717],{"class":43,"line":75},[41,6680,160],{"class":51},[41,6682,163],{"class":126},[41,6684,130],{"class":47},[41,6686,168],{"class":126},[41,6688,130],{"class":47},[41,6690,173],{"class":126},[41,6692,176],{"class":47},[41,6694,138],{"class":126},[41,6696,130],{"class":47},[41,6698,168],{"class":126},[41,6700,130],{"class":47},[41,6702,173],{"class":126},[41,6704,189],{"class":47},[41,6706,192],{"class":51},[41,6708,130],{"class":47},[41,6710,198],{"class":197},[41,6712,201],{"class":51},[41,6714,204],{"class":126},[41,6716,207],{"class":51},[41,6718,210],{"class":47},[41,6720,6721],{"class":43,"line":90},[41,6722,216],{"class":47},[41,6724,6725,6727,6729,6731,6733,6735,6737,6739,6741],{"class":43,"line":102},[41,6726,127],{"class":126},[41,6728,130],{"class":47},[41,6730,168],{"class":197},[41,6732,201],{"class":126},[41,6734,230],{"class":47},[41,6736,233],{"class":68},[41,6738,230],{"class":47},[41,6740,238],{"class":47},[41,6742,154],{"class":47},[41,6744,6745,6747,6749,6751,6753],{"class":43,"line":123},[41,6746,246],{"class":51},[41,6748,30],{"class":47},[41,6750,251],{"class":47},[41,6752,254],{"class":68},[41,6754,257],{"class":47},[41,6756,6757,6759,6761],{"class":43,"line":157},[41,6758,263],{"class":47},[41,6760,207],{"class":126},[41,6762,210],{"class":47},[41,6764,6765,6767,6769],{"class":43,"line":213},[41,6766,273],{"class":47},[41,6768,96],{"class":51},[41,6770,99],{"class":47},[19,6772,6774],{"id":6773},"_4-добавьте-контейнер","4. Добавьте контейнер",[15,6776,6777,6778,6780],{},"Разместите ",[27,6779,1998],{}," там, где должен отображаться виджет:",[32,6782,6783],{"className":34,"code":2002,"language":36,"meta":37,"style":37},[27,6784,6785],{"__ignoreMap":37},[41,6786,6787,6789,6791,6793,6795,6797,6799,6801,6803,6805],{"class":43,"line":44},[41,6788,48],{"class":47},[41,6790,679],{"class":51},[41,6792,109],{"class":58},[41,6794,62],{"class":47},[41,6796,65],{"class":47},[41,6798,701],{"class":68},[41,6800,65],{"class":47},[41,6802,93],{"class":47},[41,6804,679],{"class":51},[41,6806,99],{"class":47},[19,6808,6810],{"id":6809},"_5-запустите-виджет","5. Запустите виджет",[15,6812,6813,6814,6816],{},"Вызовите метод ",[27,6815,557],{}," при нажатии пользователем кнопки:",[32,6818,6819],{"className":1114,"code":2039,"language":1116,"meta":37,"style":37},[27,6820,6821,6841,6855,6869,6877,6881,6895,6909,6913,6919],{"__ignoreMap":37},[41,6822,6823,6825,6827,6829,6831,6833,6835,6837,6839],{"class":43,"line":44},[41,6824,163],{"class":126},[41,6826,130],{"class":47},[41,6828,168],{"class":197},[41,6830,201],{"class":126},[41,6832,230],{"class":47},[41,6834,557],{"class":68},[41,6836,230],{"class":47},[41,6838,238],{"class":47},[41,6840,154],{"class":47},[41,6842,6843,6845,6847,6849,6851,6853],{"class":43,"line":55},[41,6844,365],{"class":51},[41,6846,30],{"class":47},[41,6848,251],{"class":47},[41,6850,701],{"class":68},[41,6852,230],{"class":47},[41,6854,936],{"class":47},[41,6856,6857,6859,6861,6863,6865,6867],{"class":43,"line":75},[41,6858,374],{"class":51},[41,6860,30],{"class":47},[41,6862,251],{"class":47},[41,6864,381],{"class":68},[41,6866,230],{"class":47},[41,6868,936],{"class":47},[41,6870,6871,6873,6875],{"class":43,"line":90},[41,6872,407],{"class":51},[41,6874,30],{"class":47},[41,6876,961],{"class":126},[41,6878,6879],{"class":43,"line":102},[41,6880,1355],{"class":47},[41,6882,6883,6885,6887,6889,6891,6893],{"class":43,"line":123},[41,6884,1360],{"class":51},[41,6886,30],{"class":47},[41,6888,251],{"class":47},[41,6890,2112],{"class":68},[41,6892,230],{"class":47},[41,6894,936],{"class":47},[41,6896,6897,6899,6901,6903,6905,6907],{"class":43,"line":157},[41,6898,1376],{"class":51},[41,6900,30],{"class":47},[41,6902,251],{"class":47},[41,6904,2127],{"class":68},[41,6906,230],{"class":47},[41,6908,936],{"class":47},[41,6910,6911],{"class":43,"line":213},[41,6912,1392],{"class":47},[41,6914,6915,6917],{"class":43,"line":219},[41,6916,1397],{"class":126},[41,6918,936],{"class":47},[41,6920,6921,6923,6925],{"class":43,"line":243},[41,6922,886],{"class":47},[41,6924,207],{"class":126},[41,6926,210],{"class":47},[19,6928,6930],{"id":6929},"результат","Результат",[15,6932,6933],{},"Теперь ваши покупатели могут загрузить фотографию и мгновенно увидеть, как на них сидит одежда.",[19,6935,6937],{"id":6936},"дальнейшие-шаги","Дальнейшие шаги",[2162,6939,6940,6946],{},[2165,6941,6942,6943,130],{},"Ознакомьтесь с руководствами для конкретных фреймворков в разделе ",[1779,6944,6945],{"href":2170},"Интеграции",[2165,6947,6948,6949,130],{},"Изучите полный ",[1779,6950,1054],{"href":1420},[1035,6952,6953],{},"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":37,"searchDepth":55,"depth":55,"links":6955},[6956,6957,6958,6959,6960,6961,6962],{"id":6564,"depth":55,"text":6565},{"id":6575,"depth":55,"text":6576},{"id":6629,"depth":55,"text":6630},{"id":6773,"depth":55,"text":6774},{"id":6809,"depth":55,"text":6810},{"id":6929,"depth":55,"text":6930},{"id":6936,"depth":55,"text":6937},"Запустите Fitting Widget за считанные минуты",{},{"title":6553,"description":6963},"getting-started\u002Fquick-start","4USnYxFPZA1hrOvVApcSHMt9oQc0aZ6Ct8ohgcj8WJ8",{"id":6969,"title":6970,"body":6971,"description":7049,"extension":1044,"icon":2281,"meta":7050,"navigation":348,"path":7051,"seo":7052,"stem":7053,"__hash__":7054},"content\u002Findex.md","Введение",{"type":7,"value":6972,"toc":7044},[6973,6977,6982,6986,7015,7019,7036,7038],[10,6974,6976],{"id":6975},"fitting-widget-виртуальная-примерка","Fitting Widget — Виртуальная примерка",[15,6978,6979,6981],{},[2209,6980,2211],{}," — это готовое решение для виртуальной примерки одежды в интернет-магазинах. Он позволяет вашим покупателям загрузить фотографию и мгновенно увидеть, как на них выглядит любой предмет одежды — прямо на странице товара.",[19,6983,6985],{"id":6984},"ключевые-возможности","Ключевые возможности",[2162,6987,6988,6997,7003,7009],{},[2165,6989,6990,6993,6994,6996],{},[2209,6991,6992],{},"Быстрая интеграция"," — Один тег ",[27,6995,1795],{}," и несколько строк кода.",[2165,6998,6999,7002],{},[2209,7000,7001],{},"Не зависит от фреймворков"," — Работает с Vanilla JS, React, Vue, Next.js, Nuxt и другими.",[2165,7004,7005,7008],{},[2209,7006,7007],{},"Настраиваемый"," — Стилизуйте виджет под ваш бренд.",[2165,7010,7011,7014],{},[2209,7012,7013],{},"Лёгкий"," — Оптимизированная загрузка, которая не замедляет магазин.",[19,7016,7018],{"id":7017},"как-это-работает","Как это работает",[2248,7020,7021,7024,7027,7033],{},[2165,7022,7023],{},"Загрузите скрипт виджета на страницу.",[2165,7025,7026],{},"Инициализируйте его с вашим API-ключом.",[2165,7028,7029,7030,7032],{},"Вызовите ",[27,7031,2261],{}," с URL-адресами изображений товаров.",[2165,7034,7035],{},"Виджет отображается внутри выбранного вами контейнера.",[19,7037,6553],{"id":6558},[15,7039,7040,7041,7043],{},"Перейдите к руководству ",[1779,7042,6553],{"href":2273},", чтобы начать работу менее чем за 5 минут.",{"title":37,"searchDepth":55,"depth":55,"links":7045},[7046,7047,7048],{"id":6984,"depth":55,"text":6985},{"id":7017,"depth":55,"text":7018},{"id":6558,"depth":55,"text":6553},"Что такое Fitting Widget и зачем его использовать?",{},"\u002F",{"title":6970,"description":7049},"index","kGT91Bb-Wx88tMoHoRu65KMhDKtcehaBgnLzJYfeCWE",{"id":7056,"title":2289,"body":7057,"description":7931,"extension":1044,"icon":3275,"meta":7932,"navigation":348,"path":7933,"seo":7934,"stem":7935,"__hash__":7936},"content\u002Fintegrations\u002Fnextjs.md",{"type":7,"value":7058,"toc":7922},[7059,7063,7071,7075,7083,7092,7328,7332,7659,7663,7899,7903,7908,7920],[10,7060,7062],{"id":7061},"интеграция-с-nextjs","Интеграция с Next.js",[15,7064,7065,7066,7068,7069,130],{},"Fitting Widget работает как с ",[2209,7067,2301],{},", так и с ",[2209,7070,2305],{},[19,7072,7074],{"id":7073},"app-router-рекомендуется","App Router (рекомендуется)",[15,7076,7077,7078,7080,7081,130],{},"Используйте компонент Next.js ",[27,7079,2315],{}," с ",[27,7082,2319],{},[1244,7084,7086,7087,7089,7090],{"id":7085},"шаг-1-загрузка-скриптов-в-layouttsx-или-pagetsx","Шаг 1 — Загрузка скриптов в ",[27,7088,2326],{}," или ",[27,7091,2330],{},[32,7093,7094],{"className":2333,"code":2334,"language":2335,"meta":37,"style":37},[27,7095,7096,7112,7116,7148,7154,7158,7166,7170,7176,7188,7200,7212,7216,7220,7226,7238,7250,7254,7260,7264,7268,7272,7276,7296,7300,7306,7314,7318,7324],{"__ignoreMap":37},[41,7097,7098,7100,7102,7104,7106,7108,7110],{"class":43,"line":44},[41,7099,801],{"class":299},[41,7101,2344],{"class":126},[41,7103,2347],{"class":299},[41,7105,251],{"class":47},[41,7107,2352],{"class":68},[41,7109,230],{"class":47},[41,7111,210],{"class":47},[41,7113,7114],{"class":43,"line":55},[41,7115,349],{"emptyLinePlaceholder":348},[41,7117,7118,7120,7122,7124,7126,7128,7130,7132,7134,7136,7138,7140,7142,7144,7146],{"class":43,"line":75},[41,7119,300],{"class":299},[41,7121,2367],{"class":299},[41,7123,148],{"class":58},[41,7125,2372],{"class":197},[41,7127,2375],{"class":47},[41,7129,2378],{"class":460},[41,7131,2381],{"class":47},[41,7133,632],{"class":47},[41,7135,2378],{"class":51},[41,7137,30],{"class":47},[41,7139,2390],{"class":306},[41,7141,130],{"class":47},[41,7143,2395],{"class":306},[41,7145,2398],{"class":47},[41,7147,154],{"class":47},[41,7149,7150,7152],{"class":43,"line":90},[41,7151,629],{"class":299},[41,7153,2407],{"class":51},[41,7155,7156],{"class":43,"line":102},[41,7157,2412],{"class":47},[41,7159,7160,7162,7164],{"class":43,"line":123},[41,7161,2417],{"class":47},[41,7163,2420],{"class":126},[41,7165,343],{"class":47},[41,7167,7168],{"class":43,"line":157},[41,7169,349],{"emptyLinePlaceholder":348},[41,7171,7172,7174],{"class":43,"line":213},[41,7173,2431],{"class":47},[41,7175,2434],{"class":306},[41,7177,7178,7180,7182,7184,7186],{"class":43,"line":219},[41,7179,2439],{"class":58},[41,7181,62],{"class":47},[41,7183,65],{"class":47},[41,7185,69],{"class":68},[41,7187,72],{"class":47},[41,7189,7190,7192,7194,7196,7198],{"class":43,"line":243},[41,7191,2452],{"class":58},[41,7193,62],{"class":47},[41,7195,65],{"class":47},[41,7197,2459],{"class":68},[41,7199,72],{"class":47},[41,7201,7202,7204,7206,7208,7210],{"class":43,"line":260},[41,7203,2466],{"class":58},[41,7205,62],{"class":47},[41,7207,65],{"class":47},[41,7209,85],{"class":68},[41,7211,72],{"class":47},[41,7213,7214],{"class":43,"line":270},[41,7215,2479],{"class":47},[41,7217,7218],{"class":43,"line":421},[41,7219,349],{"emptyLinePlaceholder":348},[41,7221,7222,7224],{"class":43,"line":426},[41,7223,2431],{"class":47},[41,7225,2434],{"class":306},[41,7227,7228,7230,7232,7234,7236],{"class":43,"line":438},[41,7229,2452],{"class":58},[41,7231,62],{"class":47},[41,7233,65],{"class":47},[41,7235,2459],{"class":68},[41,7237,72],{"class":47},[41,7239,7240,7242,7244,7246,7248],{"class":43,"line":449},[41,7241,2466],{"class":58},[41,7243,62],{"class":47},[41,7245,65],{"class":47},[41,7247,116],{"class":68},[41,7249,72],{"class":47},[41,7251,7252],{"class":43,"line":487},[41,7253,2518],{"class":47},[41,7255,7256,7258],{"class":43,"line":493},[41,7257,2523],{"class":47},[41,7259,2526],{"class":47},[41,7261,7262],{"class":43,"line":498},[41,7263,2531],{"class":68},[41,7265,7266],{"class":43,"line":503},[41,7267,2536],{"class":68},[41,7269,7270],{"class":43,"line":517},[41,7271,2541],{"class":68},[41,7273,7274],{"class":43,"line":543},[41,7275,2546],{"class":68},[41,7277,7278,7280,7282,7284,7286,7288,7290,7292,7294],{"class":43,"line":569},[41,7279,2551],{"class":68},[41,7281,2554],{"class":47},[41,7283,2557],{"class":126},[41,7285,130],{"class":47},[41,7287,2562],{"class":126},[41,7289,130],{"class":47},[41,7291,2567],{"class":126},[41,7293,886],{"class":47},[41,7295,257],{"class":68},[41,7297,7298],{"class":43,"line":574},[41,7299,2576],{"class":68},[41,7301,7302,7304],{"class":43,"line":579},[41,7303,2581],{"class":47},[41,7305,343],{"class":47},[41,7307,7308,7310,7312],{"class":43,"line":596},[41,7309,2588],{"class":47},[41,7311,2315],{"class":306},[41,7313,99],{"class":47},[41,7315,7316],{"class":43,"line":616},[41,7317,2597],{"class":47},[41,7319,7320,7322],{"class":43,"line":621},[41,7321,2602],{"class":51},[41,7323,210],{"class":47},[41,7325,7326],{"class":43,"line":626},[41,7327,343],{"class":47},[1244,7329,7331],{"id":7330},"шаг-2-создание-кнопки-виджета","Шаг 2 — Создание кнопки виджета",[32,7333,7335],{"className":2333,"code":7334,"language":2335,"meta":37,"style":37},"'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",[27,7336,7337,7347,7351,7359,7369,7379,7383,7387,7395,7403,7433,7437,7441,7445,7473,7487,7507,7521,7535,7545,7553,7557,7561,7567,7571,7623,7645,7649,7655],{"__ignoreMap":37},[41,7338,7339,7341,7343,7345],{"class":43,"line":44},[41,7340,230],{"class":47},[41,7342,2624],{"class":68},[41,7344,230],{"class":47},[41,7346,210],{"class":47},[41,7348,7349],{"class":43,"line":55},[41,7350,349],{"emptyLinePlaceholder":348},[41,7352,7353,7355,7357],{"class":43,"line":75},[41,7354,2637],{"class":58},[41,7356,307],{"class":306},[41,7358,154],{"class":47},[41,7360,7361,7363,7365,7367],{"class":43,"line":90},[41,7362,314],{"class":51},[41,7364,30],{"class":47},[41,7366,466],{"class":306},[41,7368,210],{"class":47},[41,7370,7371,7373,7375,7377],{"class":43,"line":102},[41,7372,324],{"class":51},[41,7374,30],{"class":47},[41,7376,466],{"class":306},[41,7378,210],{"class":47},[41,7380,7381],{"class":43,"line":123},[41,7382,343],{"class":47},[41,7384,7385],{"class":43,"line":157},[41,7386,349],{"emptyLinePlaceholder":348},[41,7388,7389,7391,7393],{"class":43,"line":213},[41,7390,429],{"class":58},[41,7392,432],{"class":126},[41,7394,435],{"class":47},[41,7396,7397,7399,7401],{"class":43,"line":219},[41,7398,441],{"class":58},[41,7400,444],{"class":306},[41,7402,154],{"class":47},[41,7404,7405,7407,7409,7411,7413,7415,7417,7419,7421,7423,7425,7427,7429,7431],{"class":43,"line":243},[41,7406,452],{"class":51},[41,7408,30],{"class":47},[41,7410,457],{"class":47},[41,7412,461],{"class":460},[41,7414,30],{"class":47},[41,7416,466],{"class":306},[41,7418,238],{"class":47},[41,7420,471],{"class":460},[41,7422,336],{"class":47},[41,7424,476],{"class":306},[41,7426,207],{"class":47},[41,7428,481],{"class":58},[41,7430,2714],{"class":306},[41,7432,210],{"class":47},[41,7434,7435],{"class":43,"line":260},[41,7436,490],{"class":47},[41,7438,7439],{"class":43,"line":270},[41,7440,343],{"class":47},[41,7442,7443],{"class":43,"line":421},[41,7444,349],{"emptyLinePlaceholder":348},[41,7446,7447,7449,7451,7453,7455,7457,7459,7461,7463,7465,7467,7469,7471],{"class":43,"line":426},[41,7448,300],{"class":299},[41,7450,148],{"class":58},[41,7452,2737],{"class":197},[41,7454,2375],{"class":47},[41,7456,2742],{"class":460},[41,7458,2381],{"class":47},[41,7460,632],{"class":47},[41,7462,2742],{"class":51},[41,7464,30],{"class":47},[41,7466,307],{"class":306},[41,7468,2755],{"class":126},[41,7470,2758],{"class":47},[41,7472,154],{"class":47},[41,7474,7475,7477,7479,7481,7483,7485],{"class":43,"line":438},[41,7476,520],{"class":58},[41,7478,2767],{"class":126},[41,7480,176],{"class":47},[41,7482,589],{"class":47},[41,7484,481],{"class":58},[41,7486,154],{"class":47},[41,7488,7489,7491,7493,7495,7497,7499,7501,7503,7505],{"class":43,"line":449},[41,7490,546],{"class":126},[41,7492,130],{"class":47},[41,7494,168],{"class":197},[41,7496,201],{"class":51},[41,7498,230],{"class":47},[41,7500,557],{"class":68},[41,7502,230],{"class":47},[41,7504,238],{"class":47},[41,7506,154],{"class":47},[41,7508,7509,7511,7513,7515,7517,7519],{"class":43,"line":487},[41,7510,2800],{"class":51},[41,7512,30],{"class":47},[41,7514,251],{"class":47},[41,7516,701],{"class":68},[41,7518,230],{"class":47},[41,7520,936],{"class":47},[41,7522,7523,7525,7527,7529,7531,7533],{"class":43,"line":493},[41,7524,2815],{"class":51},[41,7526,30],{"class":47},[41,7528,251],{"class":47},[41,7530,381],{"class":68},[41,7532,230],{"class":47},[41,7534,936],{"class":47},[41,7536,7537,7539,7541,7543],{"class":43,"line":498},[41,7538,2830],{"class":51},[41,7540,30],{"class":47},[41,7542,2742],{"class":126},[41,7544,936],{"class":47},[41,7546,7547,7549,7551],{"class":43,"line":503},[41,7548,2841],{"class":47},[41,7550,207],{"class":51},[41,7552,210],{"class":47},[41,7554,7555],{"class":43,"line":517},[41,7556,216],{"class":47},[41,7558,7559],{"class":43,"line":543},[41,7560,349],{"emptyLinePlaceholder":348},[41,7562,7563,7565],{"class":43,"line":569},[41,7564,629],{"class":299},[41,7566,2407],{"class":51},[41,7568,7569],{"class":43,"line":574},[41,7570,2412],{"class":47},[41,7572,7573,7575,7577,7579,7581,7583,7585,7587,7589,7591,7593,7595,7597,7599,7601,7603,7605,7607,7609,7611,7613,7615,7617,7619,7621],{"class":43,"line":579},[41,7574,2431],{"class":47},[41,7576,679],{"class":51},[41,7578,109],{"class":58},[41,7580,62],{"class":47},[41,7582,65],{"class":47},[41,7584,701],{"class":68},[41,7586,65],{"class":47},[41,7588,2882],{"class":58},[41,7590,2885],{"class":47},[41,7592,2888],{"class":51},[41,7594,30],{"class":47},[41,7596,251],{"class":47},[41,7598,2895],{"class":68},[41,7600,230],{"class":47},[41,7602,238],{"class":47},[41,7604,2902],{"class":51},[41,7606,30],{"class":47},[41,7608,2908],{"class":2907},[41,7610,238],{"class":47},[41,7612,2913],{"class":51},[41,7614,30],{"class":47},[41,7616,251],{"class":47},[41,7618,2920],{"class":68},[41,7620,230],{"class":47},[41,7622,2925],{"class":47},[41,7624,7625,7627,7629,7631,7633,7635,7637,7639,7641,7643],{"class":43,"line":596},[41,7626,2431],{"class":47},[41,7628,729],{"class":51},[41,7630,2934],{"class":58},[41,7632,2937],{"class":47},[41,7634,2940],{"class":126},[41,7636,867],{"class":47},[41,7638,747],{"class":126},[41,7640,273],{"class":47},[41,7642,729],{"class":51},[41,7644,99],{"class":47},[41,7646,7647],{"class":43,"line":616},[41,7648,2597],{"class":47},[41,7650,7651,7653],{"class":43,"line":621},[41,7652,2602],{"class":51},[41,7654,210],{"class":47},[41,7656,7657],{"class":43,"line":626},[41,7658,343],{"class":47},[1244,7660,7662],{"id":7661},"шаг-3-использование-на-странице-товара","Шаг 3 — Использование на странице товара",[32,7664,7665],{"className":2333,"code":2972,"language":2335,"meta":37,"style":37},[27,7666,7667,7687,7691,7729,7753,7757,7763,7771,7791,7821,7827,7835,7839,7853,7867,7871,7877,7881,7889,7895],{"__ignoreMap":37},[41,7668,7669,7671,7673,7675,7677,7679,7681,7683,7685],{"class":43,"line":44},[41,7670,801],{"class":299},[41,7672,632],{"class":47},[41,7674,2737],{"class":126},[41,7676,815],{"class":47},[41,7678,818],{"class":299},[41,7680,251],{"class":47},[41,7682,2991],{"class":68},[41,7684,230],{"class":47},[41,7686,210],{"class":47},[41,7688,7689],{"class":43,"line":55},[41,7690,349],{"emptyLinePlaceholder":348},[41,7692,7693,7695,7697,7699,7701,7703,7705,7707,7709,7711,7713,7715,7717,7719,7721,7723,7725,7727],{"class":43,"line":75},[41,7694,300],{"class":299},[41,7696,2367],{"class":299},[41,7698,3008],{"class":58},[41,7700,148],{"class":58},[41,7702,3013],{"class":197},[41,7704,2375],{"class":47},[41,7706,3018],{"class":460},[41,7708,2381],{"class":47},[41,7710,632],{"class":47},[41,7712,3018],{"class":51},[41,7714,30],{"class":47},[41,7716,632],{"class":47},[41,7718,3031],{"class":51},[41,7720,30],{"class":47},[41,7722,466],{"class":306},[41,7724,815],{"class":47},[41,7726,2398],{"class":47},[41,7728,154],{"class":47},[41,7730,7731,7733,7735,7737,7739,7741,7743,7745,7747,7749,7751],{"class":43,"line":90},[41,7732,520],{"class":58},[41,7734,3048],{"class":126},[41,7736,176],{"class":47},[41,7738,3053],{"class":299},[41,7740,3056],{"class":197},[41,7742,201],{"class":51},[41,7744,3061],{"class":126},[41,7746,130],{"class":47},[41,7748,3066],{"class":126},[41,7750,207],{"class":51},[41,7752,210],{"class":47},[41,7754,7755],{"class":43,"line":102},[41,7756,349],{"emptyLinePlaceholder":348},[41,7758,7759,7761],{"class":43,"line":123},[41,7760,629],{"class":299},[41,7762,2407],{"class":51},[41,7764,7765,7767,7769],{"class":43,"line":157},[41,7766,686],{"class":47},[41,7768,679],{"class":51},[41,7770,99],{"class":47},[41,7772,7773,7775,7777,7779,7781,7783,7785,7787,7789],{"class":43,"line":213},[41,7774,2431],{"class":47},[41,7776,10],{"class":51},[41,7778,3097],{"class":47},[41,7780,3100],{"class":126},[41,7782,130],{"class":47},[41,7784,3105],{"class":126},[41,7786,3108],{"class":47},[41,7788,10],{"class":51},[41,7790,99],{"class":47},[41,7792,7793,7795,7797,7799,7801,7803,7805,7807,7809,7811,7813,7815,7817,7819],{"class":43,"line":219},[41,7794,2431],{"class":47},[41,7796,3119],{"class":51},[41,7798,3122],{"class":58},[41,7800,2937],{"class":47},[41,7802,3100],{"class":126},[41,7804,130],{"class":47},[41,7806,3131],{"class":126},[41,7808,3134],{"class":47},[41,7810,3137],{"class":58},[41,7812,2937],{"class":47},[41,7814,3100],{"class":126},[41,7816,130],{"class":47},[41,7818,3105],{"class":126},[41,7820,3148],{"class":47},[41,7822,7823,7825],{"class":43,"line":243},[41,7824,2431],{"class":47},[41,7826,3155],{"class":306},[41,7828,7829,7831,7833],{"class":43,"line":260},[41,7830,3160],{"class":58},[41,7832,2937],{"class":47},[41,7834,3165],{"class":126},[41,7836,7837],{"class":43,"line":270},[41,7838,3170],{"class":47},[41,7840,7841,7843,7845,7847,7849,7851],{"class":43,"line":421},[41,7842,3175],{"class":51},[41,7844,30],{"class":47},[41,7846,3048],{"class":126},[41,7848,130],{"class":47},[41,7850,3105],{"class":126},[41,7852,936],{"class":47},[41,7854,7855,7857,7859,7861,7863,7865],{"class":43,"line":426},[41,7856,3190],{"class":51},[41,7858,30],{"class":47},[41,7860,3048],{"class":126},[41,7862,130],{"class":47},[41,7864,3131],{"class":126},[41,7866,936],{"class":47},[41,7868,7869],{"class":43,"line":438},[41,7870,3205],{"class":47},[41,7872,7873,7875],{"class":43,"line":449},[41,7874,3210],{"class":126},[41,7876,343],{"class":47},[41,7878,7879],{"class":43,"line":487},[41,7880,2479],{"class":47},[41,7882,7883,7885,7887],{"class":43,"line":493},[41,7884,3221],{"class":47},[41,7886,679],{"class":51},[41,7888,99],{"class":47},[41,7890,7891,7893],{"class":43,"line":498},[41,7892,2602],{"class":51},[41,7894,210],{"class":47},[41,7896,7897],{"class":43,"line":503},[41,7898,343],{"class":47},[19,7900,7902],{"id":7901},"переменная-окружения","Переменная окружения",[15,7904,7905,7906,30],{},"Добавьте ваш API-ключ в ",[27,7907,3245],{},[32,7909,7910],{"className":3248,"code":3249,"language":3250,"meta":37,"style":37},[27,7911,7912],{"__ignoreMap":37},[41,7913,7914,7916,7918],{"class":43,"line":44},[41,7915,2567],{"class":126},[41,7917,62],{"class":47},[41,7919,3261],{"class":68},[1035,7921,3264],{},{"title":37,"searchDepth":55,"depth":55,"links":7923},[7924,7930],{"id":7073,"depth":55,"text":7074,"children":7925},[7926,7928,7929],{"id":7085,"depth":75,"text":7927},"Шаг 1 — Загрузка скриптов в layout.tsx или page.tsx",{"id":7330,"depth":75,"text":7331},{"id":7661,"depth":75,"text":7662},{"id":7901,"depth":55,"text":7902},"Интеграция с Next.js (Pages Router и App Router)",{},"\u002Fintegrations\u002Fnextjs",{"title":2289,"description":7931},"integrations\u002Fnextjs","KS6JTPT1XrolEU5h4YdImeGYebYne3YB0eM4G4u-UlY",{"id":7938,"title":3283,"body":7939,"description":8752,"extension":1044,"icon":4148,"meta":8753,"navigation":348,"path":8754,"seo":8755,"stem":8756,"__hash__":8757},"content\u002Fintegrations\u002Fnuxt.md",{"type":7,"value":7940,"toc":8742},[7941,7945,7948,7952,7960,7966,8248,8254,8430,8434,8721,8723,8728,8740],[10,7942,7944],{"id":7943},"интеграция-с-nuxt","Интеграция с Nuxt",[15,7946,7947],{},"Fitting Widget легко интегрируется с Nuxt 3 и Nuxt 4.",[19,7949,7951],{"id":7950},"_1-загрузка-скрипта","1. Загрузка скрипта",[15,7953,7954,7955,7957,7958,130],{},"Используйте composable ",[27,7956,3302],{}," или добавьте скрипты в ",[27,7959,3306],{},[1244,7961,7963,7964],{"id":7962},"вариант-а-на-страницу-через-usehead","Вариант А — На страницу через ",[27,7965,3302],{},[32,7967,7968],{"className":653,"code":3315,"language":655,"meta":37,"style":37},[27,7969,7970,7974,7982,7990,8006,8034,8042,8050,8054,8074,8092,8096,8104,8112,8116,8130,8144,8148,8152,8166,8174,8178,8182,8186,8190,8214,8218,8224,8228,8234,8240],{"__ignoreMap":37},[41,7971,7972],{"class":43,"line":44},[41,7973,3322],{"class":293},[41,7975,7976,7978,7980],{"class":43,"line":55},[41,7977,48],{"class":47},[41,7979,669],{"class":51},[41,7981,99],{"class":47},[41,7983,7984,7986,7988],{"class":43,"line":75},[41,7985,676],{"class":47},[41,7987,679],{"class":51},[41,7989,99],{"class":47},[41,7991,7992,7994,7996,7998,8000,8002,8004],{"class":43,"line":90},[41,7993,686],{"class":47},[41,7995,10],{"class":51},[41,7997,744],{"class":47},[41,7999,3349],{"class":126},[41,8001,273],{"class":47},[41,8003,10],{"class":51},[41,8005,99],{"class":47},[41,8007,8008,8010,8012,8014,8016,8018,8020,8022,8024,8026,8028,8030,8032],{"class":43,"line":102},[41,8009,686],{"class":47},[41,8011,3362],{"class":51},[41,8013,3365],{"class":58},[41,8015,62],{"class":47},[41,8017,65],{"class":47},[41,8019,3372],{"class":68},[41,8021,65],{"class":47},[41,8023,3377],{"class":58},[41,8025,62],{"class":47},[41,8027,65],{"class":47},[41,8029,3384],{"class":68},[41,8031,65],{"class":47},[41,8033,3389],{"class":47},[41,8035,8036,8038,8040],{"class":43,"line":123},[41,8037,758],{"class":47},[41,8039,679],{"class":51},[41,8041,99],{"class":47},[41,8043,8044,8046,8048],{"class":43,"line":157},[41,8045,273],{"class":47},[41,8047,669],{"class":51},[41,8049,99],{"class":47},[41,8051,8052],{"class":43,"line":213},[41,8053,349],{"emptyLinePlaceholder":348},[41,8055,8056,8058,8060,8062,8064,8066,8068,8070,8072],{"class":43,"line":219},[41,8057,48],{"class":47},[41,8059,96],{"class":51},[41,8061,783],{"class":58},[41,8063,786],{"class":58},[41,8065,62],{"class":47},[41,8067,65],{"class":47},[41,8069,286],{"class":68},[41,8071,65],{"class":47},[41,8073,99],{"class":47},[41,8075,8076,8078,8080,8082,8084,8086,8088,8090],{"class":43,"line":243},[41,8077,801],{"class":299},[41,8079,632],{"class":47},[41,8081,3438],{"class":126},[41,8083,815],{"class":47},[41,8085,818],{"class":299},[41,8087,251],{"class":47},[41,8089,3447],{"class":68},[41,8091,257],{"class":47},[41,8093,8094],{"class":43,"line":260},[41,8095,349],{"emptyLinePlaceholder":348},[41,8097,8098,8100,8102],{"class":43,"line":270},[41,8099,3302],{"class":197},[41,8101,201],{"class":126},[41,8103,435],{"class":47},[41,8105,8106,8108,8110],{"class":43,"line":421},[41,8107,3466],{"class":51},[41,8109,30],{"class":47},[41,8111,961],{"class":126},[41,8113,8114],{"class":43,"line":426},[41,8115,1355],{"class":47},[41,8117,8118,8120,8122,8124,8126,8128],{"class":43,"line":438},[41,8119,3479],{"class":51},[41,8121,30],{"class":47},[41,8123,251],{"class":47},[41,8125,69],{"class":68},[41,8127,230],{"class":47},[41,8129,936],{"class":47},[41,8131,8132,8134,8136,8138,8140,8142],{"class":43,"line":449},[41,8133,694],{"class":51},[41,8135,30],{"class":47},[41,8137,251],{"class":47},[41,8139,85],{"class":68},[41,8141,230],{"class":47},[41,8143,936],{"class":47},[41,8145,8146],{"class":43,"line":487},[41,8147,1392],{"class":47},[41,8149,8150],{"class":43,"line":493},[41,8151,1355],{"class":47},[41,8153,8154,8156,8158,8160,8162,8164],{"class":43,"line":498},[41,8155,694],{"class":51},[41,8157,30],{"class":47},[41,8159,251],{"class":47},[41,8161,116],{"class":68},[41,8163,230],{"class":47},[41,8165,936],{"class":47},[41,8167,8168,8170,8172],{"class":43,"line":503},[41,8169,3530],{"class":51},[41,8171,30],{"class":47},[41,8173,3535],{"class":47},[41,8175,8176],{"class":43,"line":517},[41,8177,3540],{"class":68},[41,8179,8180],{"class":43,"line":543},[41,8181,3545],{"class":68},[41,8183,8184],{"class":43,"line":569},[41,8185,3550],{"class":68},[41,8187,8188],{"class":43,"line":574},[41,8189,3555],{"class":68},[41,8191,8192,8194,8196,8198,8200,8202,8204,8206,8208,8210,8212],{"class":43,"line":579},[41,8193,3560],{"class":68},[41,8195,2554],{"class":47},[41,8197,801],{"class":299},[41,8199,130],{"class":47},[41,8201,3569],{"class":126},[41,8203,130],{"class":47},[41,8205,2562],{"class":126},[41,8207,130],{"class":47},[41,8209,3578],{"class":126},[41,8211,886],{"class":47},[41,8213,257],{"class":68},[41,8215,8216],{"class":43,"line":596},[41,8217,3587],{"class":68},[41,8219,8220,8222],{"class":43,"line":616},[41,8221,3592],{"class":47},[41,8223,936],{"class":47},[41,8225,8226],{"class":43,"line":621},[41,8227,1392],{"class":47},[41,8229,8230,8232],{"class":43,"line":626},[41,8231,1397],{"class":126},[41,8233,936],{"class":47},[41,8235,8236,8238],{"class":43,"line":644},[41,8237,886],{"class":47},[41,8239,566],{"class":126},[41,8241,8242,8244,8246],{"class":43,"line":1007},[41,8243,273],{"class":47},[41,8245,96],{"class":51},[41,8247,99],{"class":47},[1244,8249,8251,8252],{"id":8250},"вариант-б-глобально-в-nuxtconfigts","Вариант Б — Глобально в ",[27,8253,3306],{},[32,8255,8256],{"className":284,"code":3627,"language":286,"meta":37,"style":37},[27,8257,8258,8270,8278,8286,8294,8298,8312,8326,8330,8334,8348,8356,8360,8364,8368,8372,8396,8400,8406,8410,8416,8420,8424],{"__ignoreMap":37},[41,8259,8260,8262,8264,8266,8268],{"class":43,"line":44},[41,8261,300],{"class":299},[41,8263,2367],{"class":299},[41,8265,3638],{"class":197},[41,8267,201],{"class":126},[41,8269,435],{"class":47},[41,8271,8272,8274,8276],{"class":43,"line":55},[41,8273,3647],{"class":51},[41,8275,30],{"class":47},[41,8277,154],{"class":47},[41,8279,8280,8282,8284],{"class":43,"line":75},[41,8281,3656],{"class":51},[41,8283,30],{"class":47},[41,8285,154],{"class":47},[41,8287,8288,8290,8292],{"class":43,"line":90},[41,8289,3665],{"class":51},[41,8291,30],{"class":47},[41,8293,961],{"class":126},[41,8295,8296],{"class":43,"line":102},[41,8297,3674],{"class":47},[41,8299,8300,8302,8304,8306,8308,8310],{"class":43,"line":123},[41,8301,3679],{"class":51},[41,8303,30],{"class":47},[41,8305,251],{"class":47},[41,8307,69],{"class":68},[41,8309,230],{"class":47},[41,8311,936],{"class":47},[41,8313,8314,8316,8318,8320,8322,8324],{"class":43,"line":157},[41,8315,3694],{"class":51},[41,8317,30],{"class":47},[41,8319,251],{"class":47},[41,8321,85],{"class":68},[41,8323,230],{"class":47},[41,8325,936],{"class":47},[41,8327,8328],{"class":43,"line":213},[41,8329,3709],{"class":47},[41,8331,8332],{"class":43,"line":219},[41,8333,3674],{"class":47},[41,8335,8336,8338,8340,8342,8344,8346],{"class":43,"line":243},[41,8337,3694],{"class":51},[41,8339,30],{"class":47},[41,8341,251],{"class":47},[41,8343,116],{"class":68},[41,8345,230],{"class":47},[41,8347,936],{"class":47},[41,8349,8350,8352,8354],{"class":43,"line":260},[41,8351,3732],{"class":51},[41,8353,30],{"class":47},[41,8355,3535],{"class":47},[41,8357,8358],{"class":43,"line":270},[41,8359,3741],{"class":68},[41,8361,8362],{"class":43,"line":421},[41,8363,3746],{"class":68},[41,8365,8366],{"class":43,"line":426},[41,8367,3751],{"class":68},[41,8369,8370],{"class":43,"line":438},[41,8371,3756],{"class":68},[41,8373,8374,8376,8378,8380,8382,8384,8386,8388,8390,8392,8394],{"class":43,"line":449},[41,8375,3761],{"class":68},[41,8377,2554],{"class":47},[41,8379,801],{"class":299},[41,8381,130],{"class":47},[41,8383,3569],{"class":126},[41,8385,130],{"class":47},[41,8387,2562],{"class":126},[41,8389,130],{"class":47},[41,8391,3578],{"class":126},[41,8393,886],{"class":47},[41,8395,257],{"class":68},[41,8397,8398],{"class":43,"line":487},[41,8399,3786],{"class":68},[41,8401,8402,8404],{"class":43,"line":493},[41,8403,3791],{"class":47},[41,8405,936],{"class":47},[41,8407,8408],{"class":43,"line":498},[41,8409,3709],{"class":47},[41,8411,8412,8414],{"class":43,"line":503},[41,8413,3802],{"class":126},[41,8415,936],{"class":47},[41,8417,8418],{"class":43,"line":517},[41,8419,1392],{"class":47},[41,8421,8422],{"class":43,"line":543},[41,8423,3813],{"class":47},[41,8425,8426,8428],{"class":43,"line":569},[41,8427,886],{"class":47},[41,8429,566],{"class":126},[19,8431,8433],{"id":8432},"_2-создание-компонента-обёртки","2. Создание компонента-обёртки",[32,8435,8437],{"className":653,"code":8436,"language":655,"meta":37,"style":37},"\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",[27,8438,8439,8443,8451,8459,8487,8513,8521,8529,8533,8553,8565,8573,8581,8587,8591,8605,8625,8639,8653,8661,8665,8679,8693,8697,8703,8709,8713],{"__ignoreMap":37},[41,8440,8441],{"class":43,"line":44},[41,8442,662],{"class":293},[41,8444,8445,8447,8449],{"class":43,"line":55},[41,8446,48],{"class":47},[41,8448,669],{"class":51},[41,8450,99],{"class":47},[41,8452,8453,8455,8457],{"class":43,"line":75},[41,8454,676],{"class":47},[41,8456,679],{"class":51},[41,8458,99],{"class":47},[41,8460,8461,8463,8465,8467,8469,8471,8473,8475,8477,8479,8481,8483,8485],{"class":43,"line":90},[41,8462,686],{"class":47},[41,8464,679],{"class":51},[41,8466,109],{"class":58},[41,8468,62],{"class":47},[41,8470,65],{"class":47},[41,8472,701],{"class":68},[41,8474,65],{"class":47},[41,8476,3867],{"class":58},[41,8478,62],{"class":47},[41,8480,65],{"class":47},[41,8482,3874],{"class":68},[41,8484,65],{"class":47},[41,8486,3389],{"class":47},[41,8488,8489,8491,8493,8495,8497,8499,8501,8503,8505,8507,8509,8511],{"class":43,"line":102},[41,8490,686],{"class":47},[41,8492,729],{"class":51},[41,8494,732],{"class":58},[41,8496,62],{"class":47},[41,8498,65],{"class":47},[41,8500,739],{"class":68},[41,8502,65],{"class":47},[41,8504,744],{"class":47},[41,8506,747],{"class":126},[41,8508,273],{"class":47},[41,8510,729],{"class":51},[41,8512,99],{"class":47},[41,8514,8515,8517,8519],{"class":43,"line":123},[41,8516,758],{"class":47},[41,8518,679],{"class":51},[41,8520,99],{"class":47},[41,8522,8523,8525,8527],{"class":43,"line":157},[41,8524,273],{"class":47},[41,8526,669],{"class":51},[41,8528,99],{"class":47},[41,8530,8531],{"class":43,"line":213},[41,8532,349],{"emptyLinePlaceholder":348},[41,8534,8535,8537,8539,8541,8543,8545,8547,8549,8551],{"class":43,"line":219},[41,8536,48],{"class":47},[41,8538,96],{"class":51},[41,8540,783],{"class":58},[41,8542,786],{"class":58},[41,8544,62],{"class":47},[41,8546,65],{"class":47},[41,8548,286],{"class":68},[41,8550,65],{"class":47},[41,8552,99],{"class":47},[41,8554,8555,8557,8559,8561,8563],{"class":43,"line":243},[41,8556,834],{"class":58},[41,8558,837],{"class":126},[41,8560,62],{"class":47},[41,8562,842],{"class":197},[41,8564,845],{"class":47},[41,8566,8567,8569,8571],{"class":43,"line":260},[41,8568,314],{"class":51},[41,8570,30],{"class":47},[41,8572,319],{"class":306},[41,8574,8575,8577,8579],{"class":43,"line":270},[41,8576,858],{"class":51},[41,8578,30],{"class":47},[41,8580,319],{"class":306},[41,8582,8583,8585],{"class":43,"line":421},[41,8584,867],{"class":47},[41,8586,870],{"class":126},[41,8588,8589],{"class":43,"line":426},[41,8590,349],{"emptyLinePlaceholder":348},[41,8592,8593,8595,8597,8599,8601,8603],{"class":43,"line":438},[41,8594,834],{"class":58},[41,8596,903],{"class":126},[41,8598,62],{"class":47},[41,8600,589],{"class":47},[41,8602,481],{"class":58},[41,8604,154],{"class":47},[41,8606,8607,8609,8611,8613,8615,8617,8619,8621,8623],{"class":43,"line":449},[41,8608,127],{"class":126},[41,8610,130],{"class":47},[41,8612,168],{"class":197},[41,8614,201],{"class":51},[41,8616,230],{"class":47},[41,8618,557],{"class":68},[41,8620,230],{"class":47},[41,8622,238],{"class":47},[41,8624,154],{"class":47},[41,8626,8627,8629,8631,8633,8635,8637],{"class":43,"line":487},[41,8628,925],{"class":51},[41,8630,30],{"class":47},[41,8632,251],{"class":47},[41,8634,701],{"class":68},[41,8636,230],{"class":47},[41,8638,936],{"class":47},[41,8640,8641,8643,8645,8647,8649,8651],{"class":43,"line":493},[41,8642,941],{"class":51},[41,8644,30],{"class":47},[41,8646,251],{"class":47},[41,8648,381],{"class":68},[41,8650,230],{"class":47},[41,8652,936],{"class":47},[41,8654,8655,8657,8659],{"class":43,"line":498},[41,8656,956],{"class":51},[41,8658,30],{"class":47},[41,8660,961],{"class":51},[41,8662,8663],{"class":43,"line":503},[41,8664,966],{"class":47},[41,8666,8667,8669,8671,8673,8675,8677],{"class":43,"line":517},[41,8668,971],{"class":51},[41,8670,30],{"class":47},[41,8672,976],{"class":126},[41,8674,130],{"class":47},[41,8676,981],{"class":126},[41,8678,936],{"class":47},[41,8680,8681,8683,8685,8687,8689,8691],{"class":43,"line":543},[41,8682,988],{"class":51},[41,8684,30],{"class":47},[41,8686,976],{"class":126},[41,8688,130],{"class":47},[41,8690,997],{"class":126},[41,8692,936],{"class":47},[41,8694,8695],{"class":43,"line":569},[41,8696,1004],{"class":47},[41,8698,8699,8701],{"class":43,"line":574},[41,8700,1010],{"class":51},[41,8702,936],{"class":47},[41,8704,8705,8707],{"class":43,"line":579},[41,8706,263],{"class":47},[41,8708,566],{"class":51},[41,8710,8711],{"class":43,"line":596},[41,8712,343],{"class":47},[41,8714,8715,8717,8719],{"class":43,"line":616},[41,8716,273],{"class":47},[41,8718,96],{"class":51},[41,8720,99],{"class":47},[19,8722,7902],{"id":7901},[15,8724,8725,8726,30],{},"Добавьте в ",[27,8727,4120],{},[32,8729,8730],{"className":3248,"code":4123,"language":3250,"meta":37,"style":37},[27,8731,8732],{"__ignoreMap":37},[41,8733,8734,8736,8738],{"class":43,"line":44},[41,8735,3578],{"class":126},[41,8737,62],{"class":47},[41,8739,3261],{"class":68},[1035,8741,4136],{},{"title":37,"searchDepth":55,"depth":55,"links":8743},[8744,8750,8751],{"id":7950,"depth":55,"text":7951,"children":8745},[8746,8748],{"id":7962,"depth":75,"text":8747},"Вариант А — На страницу через useHead",{"id":8250,"depth":75,"text":8749},"Вариант Б — Глобально в nuxt.config.ts",{"id":8432,"depth":55,"text":8433},{"id":7901,"depth":55,"text":7902},"Интеграция с Nuxt 3 \u002F Nuxt 4 приложением",{},"\u002Fintegrations\u002Fnuxt",{"title":3283,"description":8752},"integrations\u002Fnuxt","mSERafXf_JPUG4rn6ZlSU_qJnLNa0suHinF4LwLrASI",{"id":8759,"title":4156,"body":8760,"description":9599,"extension":1044,"icon":5030,"meta":9600,"navigation":348,"path":9601,"seo":9602,"stem":9603,"__hash__":9604},"content\u002Fintegrations\u002Freact.md",{"type":7,"value":8761,"toc":9594},[8762,8766,8769,8771,8776,8960,8968,8972,9278,9282,9592],[10,8763,8765],{"id":8764},"интеграция-с-react","Интеграция с React",[15,8767,8768],{},"Работает с любым React-окружением — Vite, Create React App или своим решением.",[19,8770,22],{"id":21},[15,8772,8773,8774,30],{},"Добавьте скрипт в ваш ",[27,8775,29],{},[32,8777,8779],{"className":34,"code":8778,"language":36,"meta":37,"style":37},"\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",[27,8780,8781,8786,8792,8804,8816,8824,8842,8866,8908,8912,8932,8944,8952],{"__ignoreMap":37},[41,8782,8783],{"class":43,"line":44},[41,8784,8785],{"class":293},"\u003C!-- В public\u002Findex.html или index.html (Vite) -->\n",[41,8787,8788,8790],{"class":43,"line":55},[41,8789,48],{"class":47},[41,8791,52],{"class":51},[41,8793,8794,8796,8798,8800,8802],{"class":43,"line":75},[41,8795,59],{"class":58},[41,8797,62],{"class":47},[41,8799,65],{"class":47},[41,8801,69],{"class":68},[41,8803,72],{"class":47},[41,8805,8806,8808,8810,8812,8814],{"class":43,"line":90},[41,8807,78],{"class":58},[41,8809,62],{"class":47},[41,8811,65],{"class":47},[41,8813,85],{"class":68},[41,8815,72],{"class":47},[41,8817,8818,8820,8822],{"class":43,"line":102},[41,8819,93],{"class":47},[41,8821,96],{"class":51},[41,8823,99],{"class":47},[41,8825,8826,8828,8830,8832,8834,8836,8838,8840],{"class":43,"line":123},[41,8827,48],{"class":47},[41,8829,96],{"class":51},[41,8831,109],{"class":58},[41,8833,62],{"class":47},[41,8835,65],{"class":47},[41,8837,116],{"class":68},[41,8839,65],{"class":47},[41,8841,99],{"class":47},[41,8843,8844,8846,8848,8850,8852,8854,8856,8858,8860,8862,8864],{"class":43,"line":157},[41,8845,127],{"class":126},[41,8847,130],{"class":47},[41,8849,133],{"class":126},[41,8851,62],{"class":47},[41,8853,138],{"class":126},[41,8855,130],{"class":47},[41,8857,133],{"class":126},[41,8859,145],{"class":47},[41,8861,148],{"class":58},[41,8863,151],{"class":47},[41,8865,154],{"class":47},[41,8867,8868,8870,8872,8874,8876,8878,8880,8882,8884,8886,8888,8890,8892,8894,8896,8898,8900,8902,8904,8906],{"class":43,"line":213},[41,8869,160],{"class":51},[41,8871,163],{"class":126},[41,8873,130],{"class":47},[41,8875,168],{"class":126},[41,8877,130],{"class":47},[41,8879,173],{"class":126},[41,8881,176],{"class":47},[41,8883,138],{"class":126},[41,8885,130],{"class":47},[41,8887,168],{"class":126},[41,8889,130],{"class":47},[41,8891,173],{"class":126},[41,8893,189],{"class":47},[41,8895,192],{"class":51},[41,8897,130],{"class":47},[41,8899,198],{"class":197},[41,8901,201],{"class":51},[41,8903,204],{"class":126},[41,8905,207],{"class":51},[41,8907,210],{"class":47},[41,8909,8910],{"class":43,"line":219},[41,8911,216],{"class":47},[41,8913,8914,8916,8918,8920,8922,8924,8926,8928,8930],{"class":43,"line":243},[41,8915,127],{"class":126},[41,8917,130],{"class":47},[41,8919,168],{"class":197},[41,8921,201],{"class":126},[41,8923,230],{"class":47},[41,8925,233],{"class":68},[41,8927,230],{"class":47},[41,8929,238],{"class":47},[41,8931,154],{"class":47},[41,8933,8934,8936,8938,8940,8942],{"class":43,"line":260},[41,8935,246],{"class":51},[41,8937,30],{"class":47},[41,8939,251],{"class":47},[41,8941,4341],{"class":68},[41,8943,257],{"class":47},[41,8945,8946,8948,8950],{"class":43,"line":270},[41,8947,263],{"class":47},[41,8949,207],{"class":126},[41,8951,210],{"class":47},[41,8953,8954,8956,8958],{"class":43,"line":421},[41,8955,273],{"class":47},[41,8957,96],{"class":51},[41,8959,99],{"class":47},[4361,8961,8962],{"icon":4363},[15,8963,8964,8965,8967],{},"Замените ",[27,8966,4341],{}," на ваш реальный ключ во время сборки, или используйте инъекцию во время выполнения.",[19,8969,8971],{"id":8970},"_2-создайте-свой-хук","2. Создайте свой хук",[32,8973,8974],{"className":2333,"code":4376,"language":2335,"meta":37,"style":37},[27,8975,8976,8980,8988,8998,9008,9018,9022,9026,9034,9044,9074,9086,9090,9094,9102,9110,9140,9144,9148,9152,9164,9186,9210,9214,9218,9232,9252,9256,9260,9274],{"__ignoreMap":37},[41,8977,8978],{"class":43,"line":44},[41,8979,4383],{"class":293},[41,8981,8982,8984,8986],{"class":43,"line":55},[41,8983,2637],{"class":58},[41,8985,307],{"class":306},[41,8987,154],{"class":47},[41,8989,8990,8992,8994,8996],{"class":43,"line":75},[41,8991,314],{"class":51},[41,8993,30],{"class":47},[41,8995,466],{"class":306},[41,8997,210],{"class":47},[41,8999,9000,9002,9004,9006],{"class":43,"line":90},[41,9001,324],{"class":51},[41,9003,30],{"class":47},[41,9005,466],{"class":306},[41,9007,210],{"class":47},[41,9009,9010,9012,9014,9016],{"class":43,"line":102},[41,9011,333],{"class":51},[41,9013,336],{"class":47},[41,9015,466],{"class":306},[41,9017,210],{"class":47},[41,9019,9020],{"class":43,"line":123},[41,9021,343],{"class":47},[41,9023,9024],{"class":43,"line":157},[41,9025,349],{"emptyLinePlaceholder":348},[41,9027,9028,9030,9032],{"class":43,"line":213},[41,9029,2637],{"class":58},[41,9031,358],{"class":306},[41,9033,154],{"class":47},[41,9035,9036,9038,9040,9042],{"class":43,"line":219},[41,9037,365],{"class":51},[41,9039,30],{"class":47},[41,9041,466],{"class":306},[41,9043,210],{"class":47},[41,9045,9046,9048,9050,9052,9054,9056,9058,9060,9062,9064,9066,9068,9070,9072],{"class":43,"line":243},[41,9047,374],{"class":51},[41,9049,336],{"class":47},[41,9051,251],{"class":47},[41,9053,381],{"class":68},[41,9055,230],{"class":47},[41,9057,386],{"class":47},[41,9059,251],{"class":47},[41,9061,391],{"class":68},[41,9063,230],{"class":47},[41,9065,386],{"class":47},[41,9067,251],{"class":47},[41,9069,400],{"class":68},[41,9071,230],{"class":47},[41,9073,210],{"class":47},[41,9075,9076,9078,9080,9082,9084],{"class":43,"line":260},[41,9077,407],{"class":51},[41,9079,30],{"class":47},[41,9081,307],{"class":306},[41,9083,4488],{"class":126},[41,9085,210],{"class":47},[41,9087,9088],{"class":43,"line":270},[41,9089,343],{"class":47},[41,9091,9092],{"class":43,"line":421},[41,9093,349],{"emptyLinePlaceholder":348},[41,9095,9096,9098,9100],{"class":43,"line":426},[41,9097,429],{"class":58},[41,9099,432],{"class":126},[41,9101,435],{"class":47},[41,9103,9104,9106,9108],{"class":43,"line":438},[41,9105,441],{"class":58},[41,9107,444],{"class":306},[41,9109,154],{"class":47},[41,9111,9112,9114,9116,9118,9120,9122,9124,9126,9128,9130,9132,9134,9136,9138],{"class":43,"line":449},[41,9113,452],{"class":51},[41,9115,30],{"class":47},[41,9117,457],{"class":47},[41,9119,461],{"class":460},[41,9121,30],{"class":47},[41,9123,466],{"class":306},[41,9125,238],{"class":47},[41,9127,471],{"class":460},[41,9129,336],{"class":47},[41,9131,476],{"class":306},[41,9133,207],{"class":47},[41,9135,481],{"class":58},[41,9137,2714],{"class":306},[41,9139,210],{"class":47},[41,9141,9142],{"class":43,"line":487},[41,9143,490],{"class":47},[41,9145,9146],{"class":43,"line":493},[41,9147,343],{"class":47},[41,9149,9150],{"class":43,"line":498},[41,9151,349],{"emptyLinePlaceholder":348},[41,9153,9154,9156,9158,9160,9162],{"class":43,"line":503},[41,9155,300],{"class":299},[41,9157,148],{"class":58},[41,9159,510],{"class":197},[41,9161,151],{"class":47},[41,9163,154],{"class":47},[41,9165,9166,9168,9170,9172,9174,9176,9178,9180,9182,9184],{"class":43,"line":517},[41,9167,520],{"class":58},[41,9169,523],{"class":126},[41,9171,176],{"class":47},[41,9173,457],{"class":47},[41,9175,530],{"class":460},[41,9177,30],{"class":47},[41,9179,358],{"class":306},[41,9181,207],{"class":47},[41,9183,481],{"class":58},[41,9185,154],{"class":47},[41,9187,9188,9190,9192,9194,9196,9198,9200,9202,9204,9206,9208],{"class":43,"line":543},[41,9189,546],{"class":126},[41,9191,130],{"class":47},[41,9193,168],{"class":197},[41,9195,201],{"class":51},[41,9197,230],{"class":47},[41,9199,557],{"class":68},[41,9201,230],{"class":47},[41,9203,238],{"class":47},[41,9205,471],{"class":126},[41,9207,207],{"class":51},[41,9209,210],{"class":47},[41,9211,9212],{"class":43,"line":569},[41,9213,216],{"class":47},[41,9215,9216],{"class":43,"line":574},[41,9217,349],{"emptyLinePlaceholder":348},[41,9219,9220,9222,9224,9226,9228,9230],{"class":43,"line":579},[41,9221,520],{"class":58},[41,9223,584],{"class":126},[41,9225,176],{"class":47},[41,9227,589],{"class":47},[41,9229,481],{"class":58},[41,9231,154],{"class":47},[41,9233,9234,9236,9238,9240,9242,9244,9246,9248,9250],{"class":43,"line":596},[41,9235,546],{"class":126},[41,9237,130],{"class":47},[41,9239,168],{"class":197},[41,9241,201],{"class":51},[41,9243,230],{"class":47},[41,9245,609],{"class":68},[41,9247,230],{"class":47},[41,9249,207],{"class":51},[41,9251,210],{"class":47},[41,9253,9254],{"class":43,"line":616},[41,9255,216],{"class":47},[41,9257,9258],{"class":43,"line":621},[41,9259,349],{"emptyLinePlaceholder":348},[41,9261,9262,9264,9266,9268,9270,9272],{"class":43,"line":626},[41,9263,629],{"class":299},[41,9265,632],{"class":47},[41,9267,523],{"class":126},[41,9269,238],{"class":47},[41,9271,584],{"class":126},[41,9273,4679],{"class":47},[41,9275,9276],{"class":43,"line":644},[41,9277,343],{"class":47},[19,9279,9281],{"id":9280},"_3-использование-в-компоненте","3. Использование в компоненте",[32,9283,9285],{"className":2333,"code":9284,"language":2335,"meta":37,"style":37},"\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",[27,9286,9287,9291,9311,9315,9323,9333,9343,9347,9351,9375,9393,9397,9403,9411,9417,9429,9467,9471,9477,9485,9493,9507,9521,9547,9553,9557,9561,9566,9574,9582,9588],{"__ignoreMap":37},[41,9288,9289],{"class":43,"line":44},[41,9290,4697],{"class":293},[41,9292,9293,9295,9297,9299,9301,9303,9305,9307,9309],{"class":43,"line":55},[41,9294,801],{"class":299},[41,9296,632],{"class":47},[41,9298,510],{"class":126},[41,9300,815],{"class":47},[41,9302,818],{"class":299},[41,9304,251],{"class":47},[41,9306,4714],{"class":68},[41,9308,230],{"class":47},[41,9310,210],{"class":47},[41,9312,9313],{"class":43,"line":75},[41,9314,349],{"emptyLinePlaceholder":348},[41,9316,9317,9319,9321],{"class":43,"line":90},[41,9318,2637],{"class":58},[41,9320,4729],{"class":306},[41,9322,154],{"class":47},[41,9324,9325,9327,9329,9331],{"class":43,"line":102},[41,9326,314],{"class":51},[41,9328,30],{"class":47},[41,9330,466],{"class":306},[41,9332,210],{"class":47},[41,9334,9335,9337,9339,9341],{"class":43,"line":123},[41,9336,858],{"class":51},[41,9338,30],{"class":47},[41,9340,466],{"class":306},[41,9342,210],{"class":47},[41,9344,9345],{"class":43,"line":157},[41,9346,343],{"class":47},[41,9348,9349],{"class":43,"line":213},[41,9350,349],{"emptyLinePlaceholder":348},[41,9352,9353,9355,9357,9359,9361,9363,9365,9367,9369,9371,9373],{"class":43,"line":219},[41,9354,300],{"class":299},[41,9356,148],{"class":58},[41,9358,4768],{"class":197},[41,9360,2375],{"class":47},[41,9362,4773],{"class":460},[41,9364,238],{"class":47},[41,9366,4778],{"class":460},[41,9368,2381],{"class":47},[41,9370,4729],{"class":306},[41,9372,207],{"class":47},[41,9374,154],{"class":47},[41,9376,9377,9379,9381,9383,9385,9387,9389,9391],{"class":43,"line":243},[41,9378,520],{"class":58},[41,9380,632],{"class":47},[41,9382,523],{"class":126},[41,9384,815],{"class":47},[41,9386,176],{"class":47},[41,9388,510],{"class":197},[41,9390,151],{"class":51},[41,9392,210],{"class":47},[41,9394,9395],{"class":43,"line":260},[41,9396,349],{"emptyLinePlaceholder":348},[41,9398,9399,9401],{"class":43,"line":270},[41,9400,629],{"class":299},[41,9402,2407],{"class":51},[41,9404,9405,9407,9409],{"class":43,"line":421},[41,9406,686],{"class":47},[41,9408,679],{"class":51},[41,9410,99],{"class":47},[41,9412,9413,9415],{"class":43,"line":426},[41,9414,2431],{"class":47},[41,9416,689],{"class":51},[41,9418,9419,9421,9423,9425,9427],{"class":43,"line":438},[41,9420,2466],{"class":58},[41,9422,62],{"class":47},[41,9424,65],{"class":47},[41,9426,701],{"class":68},[41,9428,72],{"class":47},[41,9430,9431,9433,9435,9437,9439,9441,9443,9445,9447,9449,9451,9453,9455,9457,9459,9461,9463,9465],{"class":43,"line":449},[41,9432,4845],{"class":58},[41,9434,2885],{"class":47},[41,9436,2888],{"class":51},[41,9438,30],{"class":47},[41,9440,251],{"class":47},[41,9442,2895],{"class":68},[41,9444,230],{"class":47},[41,9446,238],{"class":47},[41,9448,2902],{"class":51},[41,9450,30],{"class":47},[41,9452,2908],{"class":2907},[41,9454,238],{"class":47},[41,9456,2913],{"class":51},[41,9458,30],{"class":47},[41,9460,251],{"class":47},[41,9462,2920],{"class":68},[41,9464,230],{"class":47},[41,9466,4880],{"class":47},[41,9468,9469],{"class":43,"line":487},[41,9470,2479],{"class":47},[41,9472,9473,9475],{"class":43,"line":493},[41,9474,2431],{"class":47},[41,9476,4891],{"class":51},[41,9478,9479,9481,9483],{"class":43,"line":498},[41,9480,4896],{"class":58},[41,9482,4899],{"class":47},[41,9484,4902],{"class":58},[41,9486,9487,9489,9491],{"class":43,"line":503},[41,9488,4907],{"class":197},[41,9490,201],{"class":126},[41,9492,435],{"class":47},[41,9494,9495,9497,9499,9501,9503,9505],{"class":43,"line":517},[41,9496,4916],{"class":51},[41,9498,30],{"class":47},[41,9500,251],{"class":47},[41,9502,701],{"class":68},[41,9504,230],{"class":47},[41,9506,936],{"class":47},[41,9508,9509,9511,9513,9515,9517,9519],{"class":43,"line":543},[41,9510,4931],{"class":51},[41,9512,30],{"class":47},[41,9514,251],{"class":47},[41,9516,381],{"class":68},[41,9518,230],{"class":47},[41,9520,936],{"class":47},[41,9522,9523,9525,9527,9529,9531,9533,9535,9537,9539,9541,9543,9545],{"class":43,"line":569},[41,9524,4946],{"class":51},[41,9526,30],{"class":47},[41,9528,4951],{"class":126},[41,9530,4954],{"class":47},[41,9532,4773],{"class":126},[41,9534,238],{"class":47},[41,9536,4961],{"class":51},[41,9538,30],{"class":47},[41,9540,4966],{"class":126},[41,9542,886],{"class":47},[41,9544,4971],{"class":126},[41,9546,936],{"class":47},[41,9548,9549,9551],{"class":43,"line":574},[41,9550,4978],{"class":47},[41,9552,566],{"class":126},[41,9554,9555],{"class":43,"line":579},[41,9556,4985],{"class":47},[41,9558,9559],{"class":43,"line":596},[41,9560,2518],{"class":47},[41,9562,9563],{"class":43,"line":616},[41,9564,9565],{"class":126},"        Примерка\n",[41,9567,9568,9570,9572],{"class":43,"line":621},[41,9569,2588],{"class":47},[41,9571,729],{"class":51},[41,9573,99],{"class":47},[41,9575,9576,9578,9580],{"class":43,"line":626},[41,9577,3221],{"class":47},[41,9579,679],{"class":51},[41,9581,99],{"class":47},[41,9583,9584,9586],{"class":43,"line":644},[41,9585,2602],{"class":51},[41,9587,210],{"class":47},[41,9589,9590],{"class":43,"line":1007},[41,9591,343],{"class":47},[1035,9593,5023],{},{"title":37,"searchDepth":55,"depth":55,"links":9595},[9596,9597,9598],{"id":21,"depth":55,"text":22},{"id":8970,"depth":55,"text":8971},{"id":9280,"depth":55,"text":9281},"Интеграция с React-приложением (Vite \u002F CRA)",{},"\u002Fintegrations\u002Freact",{"title":4156,"description":9599},"integrations\u002Freact","F7mSDoVd1RiVLbrCGyquPOzGkvCalo0IeQdlhW6YYUs",{"id":9606,"title":5038,"body":9607,"description":10228,"extension":1044,"icon":5707,"meta":10229,"navigation":348,"path":2170,"seo":10230,"stem":10231,"__hash__":10232},"content\u002Fintegrations\u002Fvanilla-js.md",{"type":7,"value":9608,"toc":10224},[9609,9613,9616,9620,10200,10204,10222],[10,9610,9612],{"id":9611},"интеграция-с-vanilla-js","Интеграция с Vanilla JS",[15,9614,9615],{},"Без фреймворков — только HTML и JavaScript.",[19,9617,9619],{"id":9618},"полный-пример","Полный пример",[32,9621,9623],{"className":34,"code":9622,"language":36,"meta":37,"style":37},"\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",[27,9624,9625,9635,9654,9662,9680,9708,9725,9733,9741,9745,9762,9779,9783,9788,9820,9824,9852,9856,9861,9867,9879,9891,9899,9903,9908,9926,9950,9992,9996,10016,10028,10036,10044,10048,10056,10066,10086,10100,10114,10122,10126,10140,10154,10158,10164,10172,10176,10184,10192],{"__ignoreMap":37},[41,9626,9627,9629,9631,9633],{"class":43,"line":44},[41,9628,5061],{"class":47},[41,9630,5064],{"class":51},[41,9632,5067],{"class":58},[41,9634,99],{"class":47},[41,9636,9637,9639,9641,9643,9645,9647,9650,9652],{"class":43,"line":55},[41,9638,48],{"class":47},[41,9640,36],{"class":51},[41,9642,786],{"class":58},[41,9644,62],{"class":47},[41,9646,65],{"class":47},[41,9648,9649],{"class":68},"ru",[41,9651,65],{"class":47},[41,9653,99],{"class":47},[41,9655,9656,9658,9660],{"class":43,"line":75},[41,9657,48],{"class":47},[41,9659,5095],{"class":51},[41,9661,99],{"class":47},[41,9663,9664,9666,9668,9670,9672,9674,9676,9678],{"class":43,"line":90},[41,9665,676],{"class":47},[41,9667,3569],{"class":51},[41,9669,5106],{"class":58},[41,9671,62],{"class":47},[41,9673,65],{"class":47},[41,9675,5113],{"class":68},[41,9677,65],{"class":47},[41,9679,3389],{"class":47},[41,9681,9682,9684,9686,9688,9690,9692,9694,9696,9698,9700,9702,9704,9706],{"class":43,"line":102},[41,9683,676],{"class":47},[41,9685,3569],{"class":51},[41,9687,5126],{"class":58},[41,9689,62],{"class":47},[41,9691,65],{"class":47},[41,9693,5133],{"class":68},[41,9695,65],{"class":47},[41,9697,5138],{"class":58},[41,9699,62],{"class":47},[41,9701,65],{"class":47},[41,9703,5145],{"class":68},[41,9705,65],{"class":47},[41,9707,3389],{"class":47},[41,9709,9710,9712,9714,9716,9719,9721,9723],{"class":43,"line":123},[41,9711,676],{"class":47},[41,9713,5156],{"class":51},[41,9715,744],{"class":47},[41,9717,9718],{"class":126},"Страница товара — Виртуальная примерка",[41,9720,273],{"class":47},[41,9722,5156],{"class":51},[41,9724,99],{"class":47},[41,9726,9727,9729,9731],{"class":43,"line":157},[41,9728,273],{"class":47},[41,9730,5095],{"class":51},[41,9732,99],{"class":47},[41,9734,9735,9737,9739],{"class":43,"line":213},[41,9736,48],{"class":47},[41,9738,5182],{"class":51},[41,9740,99],{"class":47},[41,9742,9743],{"class":43,"line":219},[41,9744,349],{"emptyLinePlaceholder":348},[41,9746,9747,9749,9751,9753,9756,9758,9760],{"class":43,"line":243},[41,9748,676],{"class":47},[41,9750,10],{"class":51},[41,9752,744],{"class":47},[41,9754,9755],{"class":126},"Классическая джинсовая куртка",[41,9757,273],{"class":47},[41,9759,10],{"class":51},[41,9761,99],{"class":47},[41,9763,9764,9766,9768,9770,9773,9775,9777],{"class":43,"line":260},[41,9765,676],{"class":47},[41,9767,15],{"class":51},[41,9769,744],{"class":47},[41,9771,9772],{"class":126},"7 500 ₽",[41,9774,273],{"class":47},[41,9776,15],{"class":51},[41,9778,99],{"class":47},[41,9780,9781],{"class":43,"line":270},[41,9782,349],{"emptyLinePlaceholder":348},[41,9784,9785],{"class":43,"line":421},[41,9786,9787],{"class":293},"  \u003C!-- Контейнер виджета -->\n",[41,9789,9790,9792,9794,9796,9798,9800,9802,9804,9806,9808,9810,9812,9814,9816,9818],{"class":43,"line":426},[41,9791,676],{"class":47},[41,9793,679],{"class":51},[41,9795,109],{"class":58},[41,9797,62],{"class":47},[41,9799,65],{"class":47},[41,9801,701],{"class":68},[41,9803,65],{"class":47},[41,9805,2882],{"class":58},[41,9807,62],{"class":47},[41,9809,65],{"class":47},[41,9811,5255],{"class":68},[41,9813,65],{"class":47},[41,9815,93],{"class":47},[41,9817,679],{"class":51},[41,9819,99],{"class":47},[41,9821,9822],{"class":43,"line":438},[41,9823,349],{"emptyLinePlaceholder":348},[41,9825,9826,9828,9830,9832,9834,9836,9838,9840,9842,9844,9846,9848,9850],{"class":43,"line":449},[41,9827,676],{"class":47},[41,9829,729],{"class":51},[41,9831,5276],{"class":58},[41,9833,62],{"class":47},[41,9835,65],{"class":47},[41,9837,5283],{"class":197},[41,9839,151],{"class":68},[41,9841,65],{"class":47},[41,9843,744],{"class":47},[41,9845,747],{"class":126},[41,9847,273],{"class":47},[41,9849,729],{"class":51},[41,9851,99],{"class":47},[41,9853,9854],{"class":43,"line":487},[41,9855,349],{"emptyLinePlaceholder":348},[41,9857,9858],{"class":43,"line":493},[41,9859,9860],{"class":293},"  \u003C!-- 1. Загрузка пакета виджета -->\n",[41,9862,9863,9865],{"class":43,"line":498},[41,9864,676],{"class":47},[41,9866,52],{"class":51},[41,9868,9869,9871,9873,9875,9877],{"class":43,"line":503},[41,9870,5317],{"class":58},[41,9872,62],{"class":47},[41,9874,65],{"class":47},[41,9876,69],{"class":68},[41,9878,72],{"class":47},[41,9880,9881,9883,9885,9887,9889],{"class":43,"line":517},[41,9882,5330],{"class":58},[41,9884,62],{"class":47},[41,9886,65],{"class":47},[41,9888,85],{"class":68},[41,9890,72],{"class":47},[41,9892,9893,9895,9897],{"class":43,"line":543},[41,9894,5343],{"class":47},[41,9896,96],{"class":51},[41,9898,99],{"class":47},[41,9900,9901],{"class":43,"line":569},[41,9902,349],{"emptyLinePlaceholder":348},[41,9904,9905],{"class":43,"line":574},[41,9906,9907],{"class":293},"  \u003C!-- 2. Инициализация -->\n",[41,9909,9910,9912,9914,9916,9918,9920,9922,9924],{"class":43,"line":579},[41,9911,676],{"class":47},[41,9913,96],{"class":51},[41,9915,109],{"class":58},[41,9917,62],{"class":47},[41,9919,65],{"class":47},[41,9921,116],{"class":68},[41,9923,65],{"class":47},[41,9925,99],{"class":47},[41,9927,9928,9930,9932,9934,9936,9938,9940,9942,9944,9946,9948],{"class":43,"line":596},[41,9929,546],{"class":126},[41,9931,130],{"class":47},[41,9933,133],{"class":126},[41,9935,62],{"class":47},[41,9937,138],{"class":126},[41,9939,130],{"class":47},[41,9941,133],{"class":126},[41,9943,145],{"class":47},[41,9945,148],{"class":58},[41,9947,151],{"class":47},[41,9949,154],{"class":47},[41,9951,9952,9954,9956,9958,9960,9962,9964,9966,9968,9970,9972,9974,9976,9978,9980,9982,9984,9986,9988,9990],{"class":43,"line":616},[41,9953,5403],{"class":51},[41,9955,163],{"class":126},[41,9957,130],{"class":47},[41,9959,168],{"class":126},[41,9961,130],{"class":47},[41,9963,173],{"class":126},[41,9965,176],{"class":47},[41,9967,138],{"class":126},[41,9969,130],{"class":47},[41,9971,168],{"class":126},[41,9973,130],{"class":47},[41,9975,173],{"class":126},[41,9977,189],{"class":47},[41,9979,192],{"class":51},[41,9981,130],{"class":47},[41,9983,198],{"class":197},[41,9985,201],{"class":51},[41,9987,204],{"class":126},[41,9989,207],{"class":51},[41,9991,210],{"class":47},[41,9993,9994],{"class":43,"line":621},[41,9995,5446],{"class":47},[41,9997,9998,10000,10002,10004,10006,10008,10010,10012,10014],{"class":43,"line":626},[41,9999,546],{"class":126},[41,10001,130],{"class":47},[41,10003,168],{"class":197},[41,10005,201],{"class":126},[41,10007,230],{"class":47},[41,10009,233],{"class":68},[41,10011,230],{"class":47},[41,10013,238],{"class":47},[41,10015,154],{"class":47},[41,10017,10018,10020,10022,10024,10026],{"class":43,"line":644},[41,10019,5471],{"class":51},[41,10021,30],{"class":47},[41,10023,251],{"class":47},[41,10025,254],{"class":68},[41,10027,257],{"class":47},[41,10029,10030,10032,10034],{"class":43,"line":1007},[41,10031,2841],{"class":47},[41,10033,207],{"class":126},[41,10035,210],{"class":47},[41,10037,10038,10040,10042],{"class":43,"line":1015},[41,10039,758],{"class":47},[41,10041,96],{"class":51},[41,10043,99],{"class":47},[41,10045,10046],{"class":43,"line":1022},[41,10047,349],{"emptyLinePlaceholder":348},[41,10049,10050,10052,10054],{"class":43,"line":1027},[41,10051,676],{"class":47},[41,10053,96],{"class":51},[41,10055,99],{"class":47},[41,10057,10058,10060,10062,10064],{"class":43,"line":5510},[41,10059,5513],{"class":58},[41,10061,5516],{"class":197},[41,10063,151],{"class":47},[41,10065,154],{"class":47},[41,10067,10068,10070,10072,10074,10076,10078,10080,10082,10084],{"class":43,"line":5523},[41,10069,5526],{"class":126},[41,10071,130],{"class":47},[41,10073,168],{"class":197},[41,10075,201],{"class":51},[41,10077,230],{"class":47},[41,10079,557],{"class":68},[41,10081,230],{"class":47},[41,10083,238],{"class":47},[41,10085,154],{"class":47},[41,10087,10088,10090,10092,10094,10096,10098],{"class":43,"line":5545},[41,10089,5548],{"class":51},[41,10091,30],{"class":47},[41,10093,251],{"class":47},[41,10095,701],{"class":68},[41,10097,230],{"class":47},[41,10099,936],{"class":47},[41,10101,10102,10104,10106,10108,10110,10112],{"class":43,"line":5561},[41,10103,5564],{"class":51},[41,10105,30],{"class":47},[41,10107,251],{"class":47},[41,10109,381],{"class":68},[41,10111,230],{"class":47},[41,10113,936],{"class":47},[41,10115,10116,10118,10120],{"class":43,"line":5577},[41,10117,5580],{"class":51},[41,10119,30],{"class":47},[41,10121,961],{"class":51},[41,10123,10124],{"class":43,"line":5587},[41,10125,3170],{"class":47},[41,10127,10128,10130,10132,10134,10136,10138],{"class":43,"line":5592},[41,10129,3175],{"class":51},[41,10131,30],{"class":47},[41,10133,251],{"class":47},[41,10135,9755],{"class":68},[41,10137,230],{"class":47},[41,10139,936],{"class":47},[41,10141,10142,10144,10146,10148,10150,10152],{"class":43,"line":5607},[41,10143,3190],{"class":51},[41,10145,30],{"class":47},[41,10147,251],{"class":47},[41,10149,5616],{"class":68},[41,10151,230],{"class":47},[41,10153,936],{"class":47},[41,10155,10156],{"class":43,"line":5623},[41,10157,3205],{"class":47},[41,10159,10160,10162],{"class":43,"line":5628},[41,10161,3210],{"class":51},[41,10163,936],{"class":47},[41,10165,10166,10168,10170],{"class":43,"line":5635},[41,10167,5638],{"class":47},[41,10169,207],{"class":51},[41,10171,210],{"class":47},[41,10173,10174],{"class":43,"line":5645},[41,10175,5648],{"class":47},[41,10177,10178,10180,10182],{"class":43,"line":5651},[41,10179,758],{"class":47},[41,10181,96],{"class":51},[41,10183,99],{"class":47},[41,10185,10186,10188,10190],{"class":43,"line":5660},[41,10187,273],{"class":47},[41,10189,5182],{"class":51},[41,10191,99],{"class":47},[41,10193,10194,10196,10198],{"class":43,"line":5669},[41,10195,273],{"class":47},[41,10197,36],{"class":51},[41,10199,99],{"class":47},[19,10201,10203],{"id":10202},"ключевые-моменты","Ключевые моменты",[2162,10205,10206,10209,10217],{},[2165,10207,10208],{},"Сначала загружается пакетный скрипт.",[2165,10210,10211,10212,10214,10215,130],{},"Инициализируйте с помощью ",[27,10213,5690],{}," перед вызовом ",[27,10216,557],{},[2165,10218,10219,10221],{},[27,10220,1195],{}," должен совпадать с существующим элементом на странице.",[1035,10223,5701],{},{"title":37,"searchDepth":55,"depth":55,"links":10225},[10226,10227],{"id":9618,"depth":55,"text":9619},{"id":10202,"depth":55,"text":10203},"Интеграция с обычным HTML\u002FJavaScript",{},{"title":5038,"description":10228},"integrations\u002Fvanilla-js","TOVOFdq4t72IBSUKHoJgLGlQk10I_zCs_rea9Sj9PGA",{"id":4,"title":5,"body":10234,"description":1043,"extension":1044,"icon":1045,"meta":11055,"navigation":348,"path":1047,"seo":11056,"stem":1049,"__hash__":1050},{"type":7,"value":10235,"toc":11050},[10236,10238,10240,10242,10246,10424,10426,10718,10720,11048],[10,10237,13],{"id":12},[15,10239,17],{},[19,10241,22],{"id":21},[15,10243,25,10244,30],{},[27,10245,29],{},[32,10247,10248],{"className":34,"code":35,"language":36,"meta":37,"style":37},[27,10249,10250,10256,10268,10280,10288,10306,10330,10372,10376,10396,10408,10416],{"__ignoreMap":37},[41,10251,10252,10254],{"class":43,"line":44},[41,10253,48],{"class":47},[41,10255,52],{"class":51},[41,10257,10258,10260,10262,10264,10266],{"class":43,"line":55},[41,10259,59],{"class":58},[41,10261,62],{"class":47},[41,10263,65],{"class":47},[41,10265,69],{"class":68},[41,10267,72],{"class":47},[41,10269,10270,10272,10274,10276,10278],{"class":43,"line":75},[41,10271,78],{"class":58},[41,10273,62],{"class":47},[41,10275,65],{"class":47},[41,10277,85],{"class":68},[41,10279,72],{"class":47},[41,10281,10282,10284,10286],{"class":43,"line":90},[41,10283,93],{"class":47},[41,10285,96],{"class":51},[41,10287,99],{"class":47},[41,10289,10290,10292,10294,10296,10298,10300,10302,10304],{"class":43,"line":102},[41,10291,48],{"class":47},[41,10293,96],{"class":51},[41,10295,109],{"class":58},[41,10297,62],{"class":47},[41,10299,65],{"class":47},[41,10301,116],{"class":68},[41,10303,65],{"class":47},[41,10305,99],{"class":47},[41,10307,10308,10310,10312,10314,10316,10318,10320,10322,10324,10326,10328],{"class":43,"line":123},[41,10309,127],{"class":126},[41,10311,130],{"class":47},[41,10313,133],{"class":126},[41,10315,62],{"class":47},[41,10317,138],{"class":126},[41,10319,130],{"class":47},[41,10321,133],{"class":126},[41,10323,145],{"class":47},[41,10325,148],{"class":58},[41,10327,151],{"class":47},[41,10329,154],{"class":47},[41,10331,10332,10334,10336,10338,10340,10342,10344,10346,10348,10350,10352,10354,10356,10358,10360,10362,10364,10366,10368,10370],{"class":43,"line":157},[41,10333,160],{"class":51},[41,10335,163],{"class":126},[41,10337,130],{"class":47},[41,10339,168],{"class":126},[41,10341,130],{"class":47},[41,10343,173],{"class":126},[41,10345,176],{"class":47},[41,10347,138],{"class":126},[41,10349,130],{"class":47},[41,10351,168],{"class":126},[41,10353,130],{"class":47},[41,10355,173],{"class":126},[41,10357,189],{"class":47},[41,10359,192],{"class":51},[41,10361,130],{"class":47},[41,10363,198],{"class":197},[41,10365,201],{"class":51},[41,10367,204],{"class":126},[41,10369,207],{"class":51},[41,10371,210],{"class":47},[41,10373,10374],{"class":43,"line":213},[41,10375,216],{"class":47},[41,10377,10378,10380,10382,10384,10386,10388,10390,10392,10394],{"class":43,"line":219},[41,10379,127],{"class":126},[41,10381,130],{"class":47},[41,10383,168],{"class":197},[41,10385,201],{"class":126},[41,10387,230],{"class":47},[41,10389,233],{"class":68},[41,10391,230],{"class":47},[41,10393,238],{"class":47},[41,10395,154],{"class":47},[41,10397,10398,10400,10402,10404,10406],{"class":43,"line":243},[41,10399,246],{"class":51},[41,10401,30],{"class":47},[41,10403,251],{"class":47},[41,10405,254],{"class":68},[41,10407,257],{"class":47},[41,10409,10410,10412,10414],{"class":43,"line":260},[41,10411,263],{"class":47},[41,10413,207],{"class":126},[41,10415,210],{"class":47},[41,10417,10418,10420,10422],{"class":43,"line":270},[41,10419,273],{"class":47},[41,10421,96],{"class":51},[41,10423,99],{"class":47},[19,10425,281],{"id":280},[32,10427,10428],{"className":284,"code":285,"language":286,"meta":37,"style":37},[27,10429,10430,10434,10444,10452,10460,10468,10472,10476,10486,10494,10522,10532,10536,10540,10548,10556,10584,10588,10592,10596,10608,10630,10652,10656,10660,10674,10692,10696,10700,10714],{"__ignoreMap":37},[41,10431,10432],{"class":43,"line":44},[41,10433,294],{"class":293},[41,10435,10436,10438,10440,10442],{"class":43,"line":55},[41,10437,300],{"class":299},[41,10439,303],{"class":58},[41,10441,307],{"class":306},[41,10443,154],{"class":47},[41,10445,10446,10448,10450],{"class":43,"line":75},[41,10447,314],{"class":51},[41,10449,30],{"class":47},[41,10451,319],{"class":306},[41,10453,10454,10456,10458],{"class":43,"line":90},[41,10455,324],{"class":51},[41,10457,30],{"class":47},[41,10459,319],{"class":306},[41,10461,10462,10464,10466],{"class":43,"line":102},[41,10463,333],{"class":51},[41,10465,336],{"class":47},[41,10467,319],{"class":306},[41,10469,10470],{"class":43,"line":123},[41,10471,343],{"class":47},[41,10473,10474],{"class":43,"line":157},[41,10475,349],{"emptyLinePlaceholder":348},[41,10477,10478,10480,10482,10484],{"class":43,"line":213},[41,10479,300],{"class":299},[41,10481,303],{"class":58},[41,10483,358],{"class":306},[41,10485,154],{"class":47},[41,10487,10488,10490,10492],{"class":43,"line":219},[41,10489,365],{"class":51},[41,10491,30],{"class":47},[41,10493,319],{"class":306},[41,10495,10496,10498,10500,10502,10504,10506,10508,10510,10512,10514,10516,10518,10520],{"class":43,"line":243},[41,10497,374],{"class":51},[41,10499,336],{"class":47},[41,10501,251],{"class":47},[41,10503,381],{"class":68},[41,10505,230],{"class":47},[41,10507,386],{"class":47},[41,10509,251],{"class":47},[41,10511,391],{"class":68},[41,10513,230],{"class":47},[41,10515,386],{"class":47},[41,10517,251],{"class":47},[41,10519,400],{"class":68},[41,10521,257],{"class":47},[41,10523,10524,10526,10528,10530],{"class":43,"line":260},[41,10525,407],{"class":51},[41,10527,30],{"class":47},[41,10529,307],{"class":306},[41,10531,414],{"class":126},[41,10533,10534],{"class":43,"line":270},[41,10535,343],{"class":47},[41,10537,10538],{"class":43,"line":421},[41,10539,349],{"emptyLinePlaceholder":348},[41,10541,10542,10544,10546],{"class":43,"line":426},[41,10543,429],{"class":58},[41,10545,432],{"class":126},[41,10547,435],{"class":47},[41,10549,10550,10552,10554],{"class":43,"line":438},[41,10551,441],{"class":58},[41,10553,444],{"class":306},[41,10555,154],{"class":47},[41,10557,10558,10560,10562,10564,10566,10568,10570,10572,10574,10576,10578,10580,10582],{"class":43,"line":449},[41,10559,452],{"class":51},[41,10561,30],{"class":47},[41,10563,457],{"class":47},[41,10565,461],{"class":460},[41,10567,30],{"class":47},[41,10569,466],{"class":306},[41,10571,238],{"class":47},[41,10573,471],{"class":460},[41,10575,336],{"class":47},[41,10577,476],{"class":306},[41,10579,207],{"class":47},[41,10581,481],{"class":58},[41,10583,484],{"class":306},[41,10585,10586],{"class":43,"line":487},[41,10587,490],{"class":47},[41,10589,10590],{"class":43,"line":493},[41,10591,343],{"class":47},[41,10593,10594],{"class":43,"line":498},[41,10595,349],{"emptyLinePlaceholder":348},[41,10597,10598,10600,10602,10604,10606],{"class":43,"line":503},[41,10599,300],{"class":299},[41,10601,148],{"class":58},[41,10603,510],{"class":197},[41,10605,151],{"class":47},[41,10607,154],{"class":47},[41,10609,10610,10612,10614,10616,10618,10620,10622,10624,10626,10628],{"class":43,"line":517},[41,10611,520],{"class":58},[41,10613,523],{"class":126},[41,10615,176],{"class":47},[41,10617,457],{"class":47},[41,10619,530],{"class":460},[41,10621,30],{"class":47},[41,10623,358],{"class":306},[41,10625,207],{"class":47},[41,10627,481],{"class":58},[41,10629,154],{"class":47},[41,10631,10632,10634,10636,10638,10640,10642,10644,10646,10648,10650],{"class":43,"line":543},[41,10633,546],{"class":126},[41,10635,130],{"class":47},[41,10637,168],{"class":197},[41,10639,201],{"class":51},[41,10641,230],{"class":47},[41,10643,557],{"class":68},[41,10645,230],{"class":47},[41,10647,238],{"class":47},[41,10649,471],{"class":126},[41,10651,566],{"class":51},[41,10653,10654],{"class":43,"line":569},[41,10655,490],{"class":47},[41,10657,10658],{"class":43,"line":574},[41,10659,349],{"emptyLinePlaceholder":348},[41,10661,10662,10664,10666,10668,10670,10672],{"class":43,"line":579},[41,10663,520],{"class":58},[41,10665,584],{"class":126},[41,10667,176],{"class":47},[41,10669,589],{"class":47},[41,10671,481],{"class":58},[41,10673,154],{"class":47},[41,10675,10676,10678,10680,10682,10684,10686,10688,10690],{"class":43,"line":596},[41,10677,546],{"class":126},[41,10679,130],{"class":47},[41,10681,168],{"class":197},[41,10683,201],{"class":51},[41,10685,230],{"class":47},[41,10687,609],{"class":68},[41,10689,230],{"class":47},[41,10691,566],{"class":51},[41,10693,10694],{"class":43,"line":616},[41,10695,490],{"class":47},[41,10697,10698],{"class":43,"line":621},[41,10699,349],{"emptyLinePlaceholder":348},[41,10701,10702,10704,10706,10708,10710,10712],{"class":43,"line":626},[41,10703,629],{"class":299},[41,10705,632],{"class":47},[41,10707,523],{"class":126},[41,10709,238],{"class":47},[41,10711,584],{"class":126},[41,10713,641],{"class":47},[41,10715,10716],{"class":43,"line":644},[41,10717,343],{"class":47},[19,10719,650],{"id":649},[32,10721,10722],{"className":653,"code":654,"language":655,"meta":37,"style":37},[27,10723,10724,10728,10736,10744,10750,10762,10774,10778,10804,10812,10820,10824,10844,10868,10872,10884,10892,10900,10906,10910,10926,10930,10944,10952,10966,10980,10988,10992,11006,11020,11024,11030,11036,11040],{"__ignoreMap":37},[41,10725,10726],{"class":43,"line":44},[41,10727,662],{"class":293},[41,10729,10730,10732,10734],{"class":43,"line":55},[41,10731,48],{"class":47},[41,10733,669],{"class":51},[41,10735,99],{"class":47},[41,10737,10738,10740,10742],{"class":43,"line":75},[41,10739,676],{"class":47},[41,10741,679],{"class":51},[41,10743,99],{"class":47},[41,10745,10746,10748],{"class":43,"line":90},[41,10747,686],{"class":47},[41,10749,689],{"class":51},[41,10751,10752,10754,10756,10758,10760],{"class":43,"line":102},[41,10753,694],{"class":58},[41,10755,62],{"class":47},[41,10757,65],{"class":47},[41,10759,701],{"class":68},[41,10761,72],{"class":47},[41,10763,10764,10766,10768,10770,10772],{"class":43,"line":123},[41,10765,708],{"class":58},[41,10767,62],{"class":47},[41,10769,65],{"class":47},[41,10771,715],{"class":68},[41,10773,72],{"class":47},[41,10775,10776],{"class":43,"line":157},[41,10777,722],{"class":47},[41,10779,10780,10782,10784,10786,10788,10790,10792,10794,10796,10798,10800,10802],{"class":43,"line":213},[41,10781,686],{"class":47},[41,10783,729],{"class":51},[41,10785,732],{"class":58},[41,10787,62],{"class":47},[41,10789,65],{"class":47},[41,10791,739],{"class":68},[41,10793,65],{"class":47},[41,10795,744],{"class":47},[41,10797,747],{"class":126},[41,10799,273],{"class":47},[41,10801,729],{"class":51},[41,10803,99],{"class":47},[41,10805,10806,10808,10810],{"class":43,"line":219},[41,10807,758],{"class":47},[41,10809,679],{"class":51},[41,10811,99],{"class":47},[41,10813,10814,10816,10818],{"class":43,"line":243},[41,10815,273],{"class":47},[41,10817,669],{"class":51},[41,10819,99],{"class":47},[41,10821,10822],{"class":43,"line":260},[41,10823,349],{"emptyLinePlaceholder":348},[41,10825,10826,10828,10830,10832,10834,10836,10838,10840,10842],{"class":43,"line":270},[41,10827,48],{"class":47},[41,10829,96],{"class":51},[41,10831,783],{"class":58},[41,10833,786],{"class":58},[41,10835,62],{"class":47},[41,10837,65],{"class":47},[41,10839,286],{"class":68},[41,10841,65],{"class":47},[41,10843,99],{"class":47},[41,10845,10846,10848,10850,10852,10854,10856,10858,10860,10862,10864,10866],{"class":43,"line":421},[41,10847,801],{"class":299},[41,10849,632],{"class":47},[41,10851,510],{"class":126},[41,10853,238],{"class":47},[41,10855,810],{"class":299},[41,10857,307],{"class":126},[41,10859,815],{"class":47},[41,10861,818],{"class":299},[41,10863,251],{"class":47},[41,10865,823],{"class":68},[41,10867,257],{"class":47},[41,10869,10870],{"class":43,"line":426},[41,10871,349],{"emptyLinePlaceholder":348},[41,10873,10874,10876,10878,10880,10882],{"class":43,"line":438},[41,10875,834],{"class":58},[41,10877,837],{"class":126},[41,10879,62],{"class":47},[41,10881,842],{"class":197},[41,10883,845],{"class":47},[41,10885,10886,10888,10890],{"class":43,"line":449},[41,10887,314],{"class":51},[41,10889,30],{"class":47},[41,10891,319],{"class":306},[41,10893,10894,10896,10898],{"class":43,"line":487},[41,10895,858],{"class":51},[41,10897,30],{"class":47},[41,10899,319],{"class":306},[41,10901,10902,10904],{"class":43,"line":493},[41,10903,867],{"class":47},[41,10905,870],{"class":126},[41,10907,10908],{"class":43,"line":498},[41,10909,349],{"emptyLinePlaceholder":348},[41,10911,10912,10914,10916,10918,10920,10922,10924],{"class":43,"line":503},[41,10913,834],{"class":58},[41,10915,632],{"class":47},[41,10917,883],{"class":126},[41,10919,886],{"class":47},[41,10921,176],{"class":47},[41,10923,510],{"class":197},[41,10925,870],{"class":126},[41,10927,10928],{"class":43,"line":517},[41,10929,349],{"emptyLinePlaceholder":348},[41,10931,10932,10934,10936,10938,10940,10942],{"class":43,"line":543},[41,10933,834],{"class":58},[41,10935,903],{"class":126},[41,10937,62],{"class":47},[41,10939,589],{"class":47},[41,10941,481],{"class":58},[41,10943,154],{"class":47},[41,10945,10946,10948,10950],{"class":43,"line":569},[41,10947,916],{"class":197},[41,10949,201],{"class":51},[41,10951,435],{"class":47},[41,10953,10954,10956,10958,10960,10962,10964],{"class":43,"line":574},[41,10955,925],{"class":51},[41,10957,30],{"class":47},[41,10959,251],{"class":47},[41,10961,701],{"class":68},[41,10963,230],{"class":47},[41,10965,936],{"class":47},[41,10967,10968,10970,10972,10974,10976,10978],{"class":43,"line":579},[41,10969,941],{"class":51},[41,10971,30],{"class":47},[41,10973,251],{"class":47},[41,10975,381],{"class":68},[41,10977,230],{"class":47},[41,10979,936],{"class":47},[41,10981,10982,10984,10986],{"class":43,"line":596},[41,10983,956],{"class":51},[41,10985,30],{"class":47},[41,10987,961],{"class":51},[41,10989,10990],{"class":43,"line":616},[41,10991,966],{"class":47},[41,10993,10994,10996,10998,11000,11002,11004],{"class":43,"line":621},[41,10995,971],{"class":51},[41,10997,30],{"class":47},[41,10999,976],{"class":126},[41,11001,130],{"class":47},[41,11003,981],{"class":126},[41,11005,936],{"class":47},[41,11007,11008,11010,11012,11014,11016,11018],{"class":43,"line":626},[41,11009,988],{"class":51},[41,11011,30],{"class":47},[41,11013,976],{"class":126},[41,11015,130],{"class":47},[41,11017,997],{"class":126},[41,11019,936],{"class":47},[41,11021,11022],{"class":43,"line":644},[41,11023,1004],{"class":47},[41,11025,11026,11028],{"class":43,"line":1007},[41,11027,1010],{"class":51},[41,11029,936],{"class":47},[41,11031,11032,11034],{"class":43,"line":1015},[41,11033,263],{"class":47},[41,11035,566],{"class":51},[41,11037,11038],{"class":43,"line":1022},[41,11039,343],{"class":47},[41,11041,11042,11044,11046],{"class":43,"line":1027},[41,11043,273],{"class":47},[41,11045,96],{"class":51},[41,11047,99],{"class":47},[1035,11049,1037],{},{"title":37,"searchDepth":55,"depth":55,"links":11051},[11052,11053,11054],{"id":21,"depth":55,"text":22},{"id":280,"depth":55,"text":281},{"id":649,"depth":55,"text":650},{},{"title":5,"description":1043},1779283220738]