[{"data":1,"prerenderedAt":11090},["ShallowReactive",2],{"\u002Fintegrations\u002Fnextjs":3,"all-pages-\u002Fintegrations\u002Fnextjs":1109},{"id":4,"title":5,"body":6,"description":1101,"extension":1102,"icon":1103,"meta":1104,"navigation":99,"path":1105,"seo":1106,"stem":1107,"__hash__":1108},"content\u002Fintegrations\u002Fnextjs.md","Next.js",{"type":7,"value":8,"toc":1092},"minimark",[9,14,27,32,43,55,397,401,789,793,1062,1066,1072,1088],[10,11,13],"h1",{"id":12},"интеграция-с-nextjs","Интеграция с Next.js",[15,16,17,18,22,23,26],"p",{},"Fitting Widget работает как с ",[19,20,21],"strong",{},"Pages Router",", так и с ",[19,24,25],{},"App Router",".",[28,29,31],"h2",{"id":30},"app-router-рекомендуется","App Router (рекомендуется)",[15,33,34,35,39,40,26],{},"Используйте компонент Next.js ",[36,37,38],"code",{},"Script"," с ",[36,41,42],{},"strategy=\"afterInteractive\"",[44,45,47,48,51,52],"h3",{"id":46},"шаг-1-загрузка-скриптов-в-layouttsx-или-pagetsx","Шаг 1 — Загрузка скриптов в ",[36,49,50],{},"layout.tsx"," или ",[36,53,54],{},"page.tsx",[56,57,62],"pre",{"className":58,"code":59,"language":60,"meta":61,"style":61},"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","",[36,63,64,94,101,152,161,167,179,184,193,211,226,241,247,252,259,272,286,292,301,307,313,319,325,353,359,367,378,384,392],{"__ignoreMap":61},[65,66,69,73,77,80,84,88,91],"span",{"class":67,"line":68},"line",1,[65,70,72],{"class":71},"s7zQu","import",[65,74,76],{"class":75},"sTEyZ"," Script ",[65,78,79],{"class":71},"from",[65,81,83],{"class":82},"sMK4o"," '",[65,85,87],{"class":86},"sfazB","next\u002Fscript",[65,89,90],{"class":82},"'",[65,92,93],{"class":82},";\n",[65,95,97],{"class":67,"line":96},2,[65,98,100],{"emptyLinePlaceholder":99},true,"\n",[65,102,104,107,110,114,118,121,125,128,131,134,137,141,143,146,149],{"class":67,"line":103},3,[65,105,106],{"class":71},"export",[65,108,109],{"class":71}," default",[65,111,113],{"class":112},"spNyl"," function",[65,115,117],{"class":116},"s2Zo4"," ProductLayout",[65,119,120],{"class":82},"({",[65,122,124],{"class":123},"sHdIc"," children",[65,126,127],{"class":82}," }:",[65,129,130],{"class":82}," {",[65,132,124],{"class":133},"swJcz",[65,135,136],{"class":82},":",[65,138,140],{"class":139},"sBMFI"," React",[65,142,26],{"class":82},[65,144,145],{"class":139},"ReactNode",[65,147,148],{"class":82}," })",[65,150,151],{"class":82}," {\n",[65,153,155,158],{"class":67,"line":154},4,[65,156,157],{"class":71}," return",[65,159,160],{"class":133}," (\n",[65,162,164],{"class":67,"line":163},5,[65,165,166],{"class":82}," \u003C>\n",[65,168,170,173,176],{"class":67,"line":169},6,[65,171,172],{"class":82}," {",[65,174,175],{"class":75},"children",[65,177,178],{"class":82},"}\n",[65,180,182],{"class":67,"line":181},7,[65,183,100],{"emptyLinePlaceholder":99},[65,185,187,190],{"class":67,"line":186},8,[65,188,189],{"class":82}," \u003C",[65,191,192],{"class":139},"Script\n",[65,194,196,199,202,205,208],{"class":67,"line":195},9,[65,197,198],{"class":112}," src",[65,200,201],{"class":82},"=",[65,203,204],{"class":82},"\"",[65,206,207],{"class":86},"https:\u002F\u002Fwidget.try-on.ru\u002Ffitting-widget-bundle.js",[65,209,210],{"class":82},"\"\n",[65,212,214,217,219,221,224],{"class":67,"line":213},10,[65,215,216],{"class":112}," strategy",[65,218,201],{"class":82},[65,220,204],{"class":82},[65,222,223],{"class":86},"afterInteractive",[65,225,210],{"class":82},[65,227,229,232,234,236,239],{"class":67,"line":228},11,[65,230,231],{"class":112}," id",[65,233,201],{"class":82},[65,235,204],{"class":82},[65,237,238],{"class":86},"fitting-widget-bundle",[65,240,210],{"class":82},[65,242,244],{"class":67,"line":243},12,[65,245,246],{"class":82}," \u002F>\n",[65,248,250],{"class":67,"line":249},13,[65,251,100],{"emptyLinePlaceholder":99},[65,253,255,257],{"class":67,"line":254},14,[65,256,189],{"class":82},[65,258,192],{"class":139},[65,260,262,264,266,268,270],{"class":67,"line":261},15,[65,263,216],{"class":112},[65,265,201],{"class":82},[65,267,204],{"class":82},[65,269,223],{"class":86},[65,271,210],{"class":82},[65,273,275,277,279,281,284],{"class":67,"line":274},16,[65,276,231],{"class":112},[65,278,201],{"class":82},[65,280,204],{"class":82},[65,282,283],{"class":86},"fitting-init",[65,285,210],{"class":82},[65,287,289],{"class":67,"line":288},17,[65,290,291],{"class":82}," >\n",[65,293,295,298],{"class":67,"line":294},18,[65,296,297],{"class":82}," {",[65,299,300],{"class":82},"`\n",[65,302,304],{"class":67,"line":303},19,[65,305,306],{"class":86}," window.fitting = window.fitting || function() {\n",[65,308,310],{"class":67,"line":309},20,[65,311,312],{"class":86}," (window.fitting.q = window.fitting.q || []).push(arguments);\n",[65,314,316],{"class":67,"line":315},21,[65,317,318],{"class":86}," };\n",[65,320,322],{"class":67,"line":321},22,[65,323,324],{"class":86}," window.fitting('init', {\n",[65,326,328,331,334,337,339,342,344,347,350],{"class":67,"line":327},23,[65,329,330],{"class":86}," apiKey: '",[65,332,333],{"class":82},"${",[65,335,336],{"class":75},"process",[65,338,26],{"class":82},[65,340,341],{"class":75},"env",[65,343,26],{"class":82},[65,345,346],{"class":75},"NEXT_PUBLIC_TRY_ON_API_KEY",[65,348,349],{"class":82},"}",[65,351,352],{"class":86},"'\n",[65,354,356],{"class":67,"line":355},24,[65,357,358],{"class":86}," });\n",[65,360,362,365],{"class":67,"line":361},25,[65,363,364],{"class":82}," `",[65,366,178],{"class":82},[65,368,370,373,375],{"class":67,"line":369},26,[65,371,372],{"class":82}," \u003C\u002F",[65,374,38],{"class":139},[65,376,377],{"class":82},">\n",[65,379,381],{"class":67,"line":380},27,[65,382,383],{"class":82}," \u003C\u002F>\n",[65,385,387,390],{"class":67,"line":386},28,[65,388,389],{"class":133}," )",[65,391,93],{"class":82},[65,393,395],{"class":67,"line":394},29,[65,396,178],{"class":82},[44,398,400],{"id":399},"шаг-2-создание-кнопки-виджета","Шаг 2 — Создание кнопки виджета",[56,402,404],{"className":58,"code":403,"language":60,"meta":61,"style":61},"'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",[36,405,406,417,421,431,443,454,458,462,473,483,523,528,532,536,568,586,610,627,643,654,663,668,672,678,682,746,775,779,785],{"__ignoreMap":61},[65,407,408,410,413,415],{"class":67,"line":68},[65,409,90],{"class":82},[65,411,412],{"class":86},"use client",[65,414,90],{"class":82},[65,416,93],{"class":82},[65,418,419],{"class":67,"line":96},[65,420,100],{"emptyLinePlaceholder":99},[65,422,423,426,429],{"class":67,"line":103},[65,424,425],{"class":112},"interface",[65,427,428],{"class":139}," TryonItem",[65,430,151],{"class":82},[65,432,433,436,438,441],{"class":67,"line":154},[65,434,435],{"class":133}," productName",[65,437,136],{"class":82},[65,439,440],{"class":139}," string",[65,442,93],{"class":82},[65,444,445,448,450,452],{"class":67,"line":163},[65,446,447],{"class":133}," url",[65,449,136],{"class":82},[65,451,440],{"class":139},[65,453,93],{"class":82},[65,455,456],{"class":67,"line":169},[65,457,178],{"class":82},[65,459,460],{"class":67,"line":181},[65,461,100],{"emptyLinePlaceholder":99},[65,463,464,467,470],{"class":67,"line":186},[65,465,466],{"class":112},"declare",[65,468,469],{"class":75}," global ",[65,471,472],{"class":82},"{\n",[65,474,475,478,481],{"class":67,"line":195},[65,476,477],{"class":112}," interface",[65,479,480],{"class":139}," Window",[65,482,151],{"class":82},[65,484,485,488,490,493,496,498,500,503,506,509,512,515,518,521],{"class":67,"line":213},[65,486,487],{"class":133}," fitting",[65,489,136],{"class":82},[65,491,492],{"class":82}," (",[65,494,495],{"class":123},"command",[65,497,136],{"class":82},[65,499,440],{"class":139},[65,501,502],{"class":82},",",[65,504,505],{"class":123}," options",[65,507,508],{"class":82},"?:",[65,510,511],{"class":139}," unknown",[65,513,514],{"class":82},")",[65,516,517],{"class":112}," =>",[65,519,520],{"class":139}," void",[65,522,93],{"class":82},[65,524,525],{"class":67,"line":228},[65,526,527],{"class":82}," }\n",[65,529,530],{"class":67,"line":243},[65,531,178],{"class":82},[65,533,534],{"class":67,"line":249},[65,535,100],{"emptyLinePlaceholder":99},[65,537,538,540,542,545,547,550,552,554,556,558,560,563,566],{"class":67,"line":254},[65,539,106],{"class":71},[65,541,113],{"class":112},[65,543,544],{"class":116}," TryOnButton",[65,546,120],{"class":82},[65,548,549],{"class":123}," items",[65,551,127],{"class":82},[65,553,130],{"class":82},[65,555,549],{"class":133},[65,557,136],{"class":82},[65,559,428],{"class":139},[65,561,562],{"class":75},"[] ",[65,564,565],{"class":82},"})",[65,567,151],{"class":82},[65,569,570,573,576,579,582,584],{"class":67,"line":261},[65,571,572],{"class":112}," const",[65,574,575],{"class":75}," handleClick",[65,577,578],{"class":82}," =",[65,580,581],{"class":82}," ()",[65,583,517],{"class":112},[65,585,151],{"class":82},[65,587,588,591,593,596,599,601,604,606,608],{"class":67,"line":274},[65,589,590],{"class":75}," window",[65,592,26],{"class":82},[65,594,595],{"class":116},"fitting",[65,597,598],{"class":133},"(",[65,600,90],{"class":82},[65,602,603],{"class":86},"create",[65,605,90],{"class":82},[65,607,502],{"class":82},[65,609,151],{"class":82},[65,611,612,615,617,619,622,624],{"class":67,"line":288},[65,613,614],{"class":133}," targetElementId",[65,616,136],{"class":82},[65,618,83],{"class":82},[65,620,621],{"class":86},"widget-container",[65,623,90],{"class":82},[65,625,626],{"class":82},",\n",[65,628,629,632,634,636,639,641],{"class":67,"line":294},[65,630,631],{"class":133}," model",[65,633,136],{"class":82},[65,635,83],{"class":82},[65,637,638],{"class":86},"balanced",[65,640,90],{"class":82},[65,642,626],{"class":82},[65,644,645,648,650,652],{"class":67,"line":303},[65,646,647],{"class":133}," tryonItems",[65,649,136],{"class":82},[65,651,549],{"class":75},[65,653,626],{"class":82},[65,655,656,659,661],{"class":67,"line":309},[65,657,658],{"class":82}," }",[65,660,514],{"class":133},[65,662,93],{"class":82},[65,664,665],{"class":67,"line":315},[65,666,667],{"class":82}," };\n",[65,669,670],{"class":67,"line":321},[65,671,100],{"emptyLinePlaceholder":99},[65,673,674,676],{"class":67,"line":327},[65,675,157],{"class":71},[65,677,160],{"class":133},[65,679,680],{"class":67,"line":355},[65,681,166],{"class":82},[65,683,684,686,689,692,694,696,698,700,703,706,709,711,713,716,718,720,723,725,729,731,734,736,738,741,743],{"class":67,"line":361},[65,685,189],{"class":82},[65,687,688],{"class":133},"div",[65,690,691],{"class":112}," id",[65,693,201],{"class":82},[65,695,204],{"class":82},[65,697,621],{"class":86},[65,699,204],{"class":82},[65,701,702],{"class":112}," style",[65,704,705],{"class":82},"={{",[65,707,708],{"class":133}," width",[65,710,136],{"class":82},[65,712,83],{"class":82},[65,714,715],{"class":86},"100%",[65,717,90],{"class":82},[65,719,502],{"class":82},[65,721,722],{"class":133}," maxWidth",[65,724,136],{"class":82},[65,726,728],{"class":727},"sbssI"," 600",[65,730,502],{"class":82},[65,732,733],{"class":133}," aspectRatio",[65,735,136],{"class":82},[65,737,83],{"class":82},[65,739,740],{"class":86},"3\u002F4",[65,742,90],{"class":82},[65,744,745],{"class":82}," }} \u002F>\n",[65,747,748,750,753,756,759,762,765,768,771,773],{"class":67,"line":369},[65,749,189],{"class":82},[65,751,752],{"class":133},"button",[65,754,755],{"class":112}," onClick",[65,757,758],{"class":82},"={",[65,760,761],{"class":75},"handleClick",[65,763,764],{"class":82},"}>",[65,766,767],{"class":75},"Примерка",[65,769,770],{"class":82},"\u003C\u002F",[65,772,752],{"class":133},[65,774,377],{"class":82},[65,776,777],{"class":67,"line":380},[65,778,383],{"class":82},[65,780,781,783],{"class":67,"line":386},[65,782,389],{"class":133},[65,784,93],{"class":82},[65,786,787],{"class":67,"line":394},[65,788,178],{"class":82},[44,790,792],{"id":791},"шаг-3-использование-на-странице-товара","Шаг 3 — Использование на странице товара",[56,794,796],{"className":58,"code":795,"language":60,"meta":61,"style":61},"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",[36,797,798,821,825,867,896,900,906,915,939,975,982,992,997,1012,1027,1032,1039,1043,1052,1058],{"__ignoreMap":61},[65,799,800,802,804,806,809,812,814,817,819],{"class":67,"line":68},[65,801,72],{"class":71},[65,803,130],{"class":82},[65,805,544],{"class":75},[65,807,808],{"class":82}," }",[65,810,811],{"class":71}," from",[65,813,83],{"class":82},[65,815,816],{"class":86},"@\u002Fcomponents\u002FTryOnButton",[65,818,90],{"class":82},[65,820,93],{"class":82},[65,822,823],{"class":67,"line":96},[65,824,100],{"emptyLinePlaceholder":99},[65,826,827,829,831,834,836,839,841,844,846,848,850,852,854,857,859,861,863,865],{"class":67,"line":103},[65,828,106],{"class":71},[65,830,109],{"class":71},[65,832,833],{"class":112}," async",[65,835,113],{"class":112},[65,837,838],{"class":116}," ProductPage",[65,840,120],{"class":82},[65,842,843],{"class":123}," params",[65,845,127],{"class":82},[65,847,130],{"class":82},[65,849,843],{"class":133},[65,851,136],{"class":82},[65,853,130],{"class":82},[65,855,856],{"class":133}," slug",[65,858,136],{"class":82},[65,860,440],{"class":139},[65,862,808],{"class":82},[65,864,148],{"class":82},[65,866,151],{"class":82},[65,868,869,871,874,876,879,882,884,887,889,892,894],{"class":67,"line":154},[65,870,572],{"class":112},[65,872,873],{"class":75}," product",[65,875,578],{"class":82},[65,877,878],{"class":71}," await",[65,880,881],{"class":116}," getProduct",[65,883,598],{"class":133},[65,885,886],{"class":75},"params",[65,888,26],{"class":82},[65,890,891],{"class":75},"slug",[65,893,514],{"class":133},[65,895,93],{"class":82},[65,897,898],{"class":67,"line":163},[65,899,100],{"emptyLinePlaceholder":99},[65,901,902,904],{"class":67,"line":169},[65,903,157],{"class":71},[65,905,160],{"class":133},[65,907,908,911,913],{"class":67,"line":181},[65,909,910],{"class":82}," \u003C",[65,912,688],{"class":133},[65,914,377],{"class":82},[65,916,917,919,921,924,927,929,932,935,937],{"class":67,"line":186},[65,918,189],{"class":82},[65,920,10],{"class":133},[65,922,923],{"class":82},">{",[65,925,926],{"class":75},"product",[65,928,26],{"class":82},[65,930,931],{"class":75},"name",[65,933,934],{"class":82},"}\u003C\u002F",[65,936,10],{"class":133},[65,938,377],{"class":82},[65,940,941,943,946,949,951,953,955,958,961,964,966,968,970,972],{"class":67,"line":195},[65,942,189],{"class":82},[65,944,945],{"class":133},"img",[65,947,948],{"class":112}," src",[65,950,758],{"class":82},[65,952,926],{"class":75},[65,954,26],{"class":82},[65,956,957],{"class":75},"image",[65,959,960],{"class":82},"} ",[65,962,963],{"class":112},"alt",[65,965,758],{"class":82},[65,967,926],{"class":75},[65,969,26],{"class":82},[65,971,931],{"class":75},[65,973,974],{"class":82},"} \u002F>\n",[65,976,977,979],{"class":67,"line":213},[65,978,189],{"class":82},[65,980,981],{"class":139},"TryOnButton\n",[65,983,984,987,989],{"class":67,"line":228},[65,985,986],{"class":112}," items",[65,988,758],{"class":82},[65,990,991],{"class":75},"[\n",[65,993,994],{"class":67,"line":243},[65,995,996],{"class":82}," {\n",[65,998,999,1002,1004,1006,1008,1010],{"class":67,"line":249},[65,1000,1001],{"class":133}," productName",[65,1003,136],{"class":82},[65,1005,873],{"class":75},[65,1007,26],{"class":82},[65,1009,931],{"class":75},[65,1011,626],{"class":82},[65,1013,1014,1017,1019,1021,1023,1025],{"class":67,"line":254},[65,1015,1016],{"class":133}," url",[65,1018,136],{"class":82},[65,1020,873],{"class":75},[65,1022,26],{"class":82},[65,1024,957],{"class":75},[65,1026,626],{"class":82},[65,1028,1029],{"class":67,"line":261},[65,1030,1031],{"class":82}," },\n",[65,1033,1034,1037],{"class":67,"line":274},[65,1035,1036],{"class":75}," ]",[65,1038,178],{"class":82},[65,1040,1041],{"class":67,"line":288},[65,1042,246],{"class":82},[65,1044,1045,1048,1050],{"class":67,"line":294},[65,1046,1047],{"class":82}," \u003C\u002F",[65,1049,688],{"class":133},[65,1051,377],{"class":82},[65,1053,1054,1056],{"class":67,"line":303},[65,1055,389],{"class":133},[65,1057,93],{"class":82},[65,1059,1060],{"class":67,"line":309},[65,1061,178],{"class":82},[28,1063,1065],{"id":1064},"переменная-окружения","Переменная окружения",[15,1067,1068,1069,136],{},"Добавьте ваш API-ключ в ",[36,1070,1071],{},".env.local",[56,1073,1077],{"className":1074,"code":1075,"language":1076,"meta":61,"style":61},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","NEXT_PUBLIC_TRY_ON_API_KEY=pk_live_xxx\n","bash",[36,1078,1079],{"__ignoreMap":61},[65,1080,1081,1083,1085],{"class":67,"line":68},[65,1082,346],{"class":75},[65,1084,201],{"class":82},[65,1086,1087],{"class":86},"pk_live_xxx\n",[1089,1090,1091],"style",{},"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":61,"searchDepth":96,"depth":96,"links":1093},[1094,1100],{"id":30,"depth":96,"text":31,"children":1095},[1096,1098,1099],{"id":46,"depth":103,"text":1097},"Шаг 1 — Загрузка скриптов в layout.tsx или page.tsx",{"id":399,"depth":103,"text":400},{"id":791,"depth":103,"text":792},{"id":1064,"depth":96,"text":1065},"Интеграция с Next.js (Pages Router и App Router)","md","i-lucide-triangle",{},"\u002Fintegrations\u002Fnextjs",{"title":5,"description":1101},"integrations\u002Fnextjs","KS6JTPT1XrolEU5h4YdImeGYebYne3YB0eM4G4u-UlY",[1110,1488,1824,2282,2372,3255,4164,5058,5738,6593,7010,7097,7954,8775,9624,10252],{"id":1111,"title":1112,"body":1113,"description":1481,"extension":1102,"icon":1482,"meta":1483,"navigation":99,"path":1484,"seo":1485,"stem":1486,"__hash__":1487},"content\u002Fapi\u002Findex.md","Справочник API",{"type":7,"value":1114,"toc":1475},[1115,1118,1122,1125,1170,1223,1226,1230,1233,1303,1307,1350,1472],[10,1116,1112],{"id":1117},"справочник-api",[28,1119,1121],{"id":1120},"windowfittinginit-options","window.fitting('init', options)",[15,1123,1124],{},"Инициализирует виджет. Вызывается один раз, до всех остальных методов.",[1126,1127,1128,1148],"table",{},[1129,1130,1131],"thead",{},[1132,1133,1134,1138,1141,1145],"tr",{},[1135,1136,1137],"th",{},"Параметр",[1135,1139,1140],{},"Тип",[1135,1142,1144],{"align":1143},"center","Обязателен",[1135,1146,1147],{},"Описание",[1149,1150,1151],"tbody",{},[1132,1152,1153,1159,1164,1167],{},[1154,1155,1156],"td",{},[36,1157,1158],{},"apiKey",[1154,1160,1161],{},[36,1162,1163],{},"string",[1154,1165,1166],{"align":1143},"Да",[1154,1168,1169],{},"Ваш API-ключ виджета",[56,1171,1175],{"className":1172,"code":1173,"language":1174,"meta":61,"style":61},"language-js shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","window.fitting('init', {\n apiKey: 'pk_live_xxx',\n});\n","js",[36,1176,1177,1199,1215],{"__ignoreMap":61},[65,1178,1179,1182,1184,1186,1188,1190,1193,1195,1197],{"class":67,"line":68},[65,1180,1181],{"class":75},"window",[65,1183,26],{"class":82},[65,1185,595],{"class":116},[65,1187,598],{"class":75},[65,1189,90],{"class":82},[65,1191,1192],{"class":86},"init",[65,1194,90],{"class":82},[65,1196,502],{"class":82},[65,1198,151],{"class":82},[65,1200,1201,1204,1206,1208,1211,1213],{"class":67,"line":96},[65,1202,1203],{"class":133}," apiKey",[65,1205,136],{"class":82},[65,1207,83],{"class":82},[65,1209,1210],{"class":86},"pk_live_xxx",[65,1212,90],{"class":82},[65,1214,626],{"class":82},[65,1216,1217,1219,1221],{"class":67,"line":103},[65,1218,349],{"class":82},[65,1220,514],{"class":75},[65,1222,93],{"class":82},[1224,1225],"hr",{},[28,1227,1229],{"id":1228},"windowfittingcreate-options","window.fitting('create', options)",[15,1231,1232],{},"Запускает виртуальную примерку.",[1126,1234,1235,1247],{},[1129,1236,1237],{},[1132,1238,1239,1241,1243,1245],{},[1135,1240,1137],{},[1135,1242,1140],{},[1135,1244,1144],{"align":1143},[1135,1246,1147],{},[1149,1248,1249,1265,1282],{},[1132,1250,1251,1256,1260,1262],{},[1154,1252,1253],{},[36,1254,1255],{},"targetElementId",[1154,1257,1258],{},[36,1259,1163],{},[1154,1261,1166],{"align":1143},[1154,1263,1264],{},"ID контейнера, в котором отображается виджет",[1132,1266,1267,1272,1277,1279],{},[1154,1268,1269],{},[36,1270,1271],{},"tryonItems",[1154,1273,1274],{},[36,1275,1276],{},"TryonItem[]",[1154,1278,1166],{"align":1143},[1154,1280,1281],{},"Массив товаров, доступных для примерки",[1132,1283,1284,1289,1294,1297],{},[1154,1285,1286],{},[36,1287,1288],{},"model",[1154,1290,1291],{},[36,1292,1293],{},"'balanced' | 'quality' | 'performance'",[1154,1295,1296],{"align":1143},"Нет",[1154,1298,1299,1300,514],{},"Режим отрисовки (по умолчанию: ",[36,1301,1302],{},"'balanced'",[44,1304,1306],{"id":1305},"tryonitem","TryonItem",[1126,1308,1309,1320],{},[1129,1310,1311],{},[1132,1312,1313,1316,1318],{},[1135,1314,1315],{},"Поле",[1135,1317,1140],{},[1135,1319,1147],{},[1149,1321,1322,1336],{},[1132,1323,1324,1329,1333],{},[1154,1325,1326],{},[36,1327,1328],{},"productName",[1154,1330,1331],{},[36,1332,1163],{},[1154,1334,1335],{},"Отображаемое название товара",[1132,1337,1338,1343,1347],{},[1154,1339,1340],{},[36,1341,1342],{},"url",[1154,1344,1345],{},[36,1346,1163],{},[1154,1348,1349],{},"Полный URL изображения товара",[56,1351,1353],{"className":1172,"code":1352,"language":1174,"meta":61,"style":61},"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",[36,1354,1355,1375,1390,1405,1415,1420,1436,1452,1457,1464],{"__ignoreMap":61},[65,1356,1357,1359,1361,1363,1365,1367,1369,1371,1373],{"class":67,"line":68},[65,1358,1181],{"class":75},[65,1360,26],{"class":82},[65,1362,595],{"class":116},[65,1364,598],{"class":75},[65,1366,90],{"class":82},[65,1368,603],{"class":86},[65,1370,90],{"class":82},[65,1372,502],{"class":82},[65,1374,151],{"class":82},[65,1376,1377,1380,1382,1384,1386,1388],{"class":67,"line":96},[65,1378,1379],{"class":133}," targetElementId",[65,1381,136],{"class":82},[65,1383,83],{"class":82},[65,1385,621],{"class":86},[65,1387,90],{"class":82},[65,1389,626],{"class":82},[65,1391,1392,1395,1397,1399,1401,1403],{"class":67,"line":103},[65,1393,1394],{"class":133}," model",[65,1396,136],{"class":82},[65,1398,83],{"class":82},[65,1400,638],{"class":86},[65,1402,90],{"class":82},[65,1404,626],{"class":82},[65,1406,1407,1410,1412],{"class":67,"line":154},[65,1408,1409],{"class":133}," tryonItems",[65,1411,136],{"class":82},[65,1413,1414],{"class":75}," [\n",[65,1416,1417],{"class":67,"line":163},[65,1418,1419],{"class":82}," {\n",[65,1421,1422,1425,1427,1429,1432,1434],{"class":67,"line":169},[65,1423,1424],{"class":133}," productName",[65,1426,136],{"class":82},[65,1428,83],{"class":82},[65,1430,1431],{"class":86},"Джинсовая куртка",[65,1433,90],{"class":82},[65,1435,626],{"class":82},[65,1437,1438,1441,1443,1445,1448,1450],{"class":67,"line":181},[65,1439,1440],{"class":133}," url",[65,1442,136],{"class":82},[65,1444,83],{"class":82},[65,1446,1447],{"class":86},"https:\u002F\u002Fexample.com\u002Fjacket.png",[65,1449,90],{"class":82},[65,1451,626],{"class":82},[65,1453,1454],{"class":67,"line":186},[65,1455,1456],{"class":82}," },\n",[65,1458,1459,1462],{"class":67,"line":195},[65,1460,1461],{"class":75}," ]",[65,1463,626],{"class":82},[65,1465,1466,1468,1470],{"class":67,"line":213},[65,1467,349],{"class":82},[65,1469,514],{"class":75},[65,1471,93],{"class":82},[1089,1473,1474],{},"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":61,"searchDepth":96,"depth":96,"links":1476},[1477,1478],{"id":1120,"depth":96,"text":1121},{"id":1228,"depth":96,"text":1229,"children":1479},[1480],{"id":1305,"depth":103,"text":1306},"Полный справочник по API Fitting Widget","i-lucide-code",{},"\u002Fapi",{"title":1112,"description":1481},"api\u002Findex","nBz9Z0BX1B-BPJzD-HVF5oHrejoQd0__hLi-_PGCmvk",{"id":1489,"title":1490,"body":1491,"description":1818,"extension":1102,"icon":1482,"meta":1819,"navigation":99,"path":1820,"seo":1821,"stem":1822,"__hash__":1823},"content\u002Fen\u002Fapi\u002Findex.md","API Reference",{"type":7,"value":1492,"toc":1812},[1493,1496,1498,1501,1537,1583,1585,1587,1590,1655,1657,1698,1810],[10,1494,1490],{"id":1495},"api-reference",[28,1497,1121],{"id":1120},[15,1499,1500],{},"Initializes the widget. Call this once, before any other methods.",[1126,1502,1503,1519],{},[1129,1504,1505],{},[1132,1506,1507,1510,1513,1516],{},[1135,1508,1509],{},"Parameter",[1135,1511,1512],{},"Type",[1135,1514,1515],{"align":1143},"Required",[1135,1517,1518],{},"Description",[1149,1520,1521],{},[1132,1522,1523,1527,1531,1534],{},[1154,1524,1525],{},[36,1526,1158],{},[1154,1528,1529],{},[36,1530,1163],{},[1154,1532,1533],{"align":1143},"Yes",[1154,1535,1536],{},"Your widget API key",[56,1538,1539],{"className":1172,"code":1173,"language":1174,"meta":61,"style":61},[36,1540,1541,1561,1575],{"__ignoreMap":61},[65,1542,1543,1545,1547,1549,1551,1553,1555,1557,1559],{"class":67,"line":68},[65,1544,1181],{"class":75},[65,1546,26],{"class":82},[65,1548,595],{"class":116},[65,1550,598],{"class":75},[65,1552,90],{"class":82},[65,1554,1192],{"class":86},[65,1556,90],{"class":82},[65,1558,502],{"class":82},[65,1560,151],{"class":82},[65,1562,1563,1565,1567,1569,1571,1573],{"class":67,"line":96},[65,1564,1203],{"class":133},[65,1566,136],{"class":82},[65,1568,83],{"class":82},[65,1570,1210],{"class":86},[65,1572,90],{"class":82},[65,1574,626],{"class":82},[65,1576,1577,1579,1581],{"class":67,"line":103},[65,1578,349],{"class":82},[65,1580,514],{"class":75},[65,1582,93],{"class":82},[1224,1584],{},[28,1586,1229],{"id":1228},[15,1588,1589],{},"Opens the virtual try-on experience.",[1126,1591,1592,1604],{},[1129,1593,1594],{},[1132,1595,1596,1598,1600,1602],{},[1135,1597,1509],{},[1135,1599,1512],{},[1135,1601,1515],{"align":1143},[1135,1603,1518],{},[1149,1605,1606,1621,1636],{},[1132,1607,1608,1612,1616,1618],{},[1154,1609,1610],{},[36,1611,1255],{},[1154,1613,1614],{},[36,1615,1163],{},[1154,1617,1533],{"align":1143},[1154,1619,1620],{},"ID of the container element where the widget renders",[1132,1622,1623,1627,1631,1633],{},[1154,1624,1625],{},[36,1626,1271],{},[1154,1628,1629],{},[36,1630,1276],{},[1154,1632,1533],{"align":1143},[1154,1634,1635],{},"Array of items available for try-on",[1132,1637,1638,1642,1647,1650],{},[1154,1639,1640],{},[36,1641,1288],{},[1154,1643,1644],{},[36,1645,1646],{},"'balanced' | 'quality' | 'speed'",[1154,1648,1649],{"align":1143},"No",[1154,1651,1652,1653,514],{},"Rendering model (default: ",[36,1654,1302],{},[44,1656,1306],{"id":1305},[1126,1658,1659,1670],{},[1129,1660,1661],{},[1132,1662,1663,1666,1668],{},[1135,1664,1665],{},"Field",[1135,1667,1512],{},[1135,1669,1518],{},[1149,1671,1672,1685],{},[1132,1673,1674,1678,1682],{},[1154,1675,1676],{},[36,1677,1328],{},[1154,1679,1680],{},[36,1681,1163],{},[1154,1683,1684],{},"Display name of the garment",[1132,1686,1687,1691,1695],{},[1154,1688,1689],{},[36,1690,1342],{},[1154,1692,1693],{},[36,1694,1163],{},[1154,1696,1697],{},"Full URL to the garment image",[56,1699,1701],{"className":1172,"code":1700,"language":1174,"meta":61,"style":61},"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",[36,1702,1703,1723,1737,1751,1759,1763,1778,1792,1796,1802],{"__ignoreMap":61},[65,1704,1705,1707,1709,1711,1713,1715,1717,1719,1721],{"class":67,"line":68},[65,1706,1181],{"class":75},[65,1708,26],{"class":82},[65,1710,595],{"class":116},[65,1712,598],{"class":75},[65,1714,90],{"class":82},[65,1716,603],{"class":86},[65,1718,90],{"class":82},[65,1720,502],{"class":82},[65,1722,151],{"class":82},[65,1724,1725,1727,1729,1731,1733,1735],{"class":67,"line":96},[65,1726,1379],{"class":133},[65,1728,136],{"class":82},[65,1730,83],{"class":82},[65,1732,621],{"class":86},[65,1734,90],{"class":82},[65,1736,626],{"class":82},[65,1738,1739,1741,1743,1745,1747,1749],{"class":67,"line":103},[65,1740,1394],{"class":133},[65,1742,136],{"class":82},[65,1744,83],{"class":82},[65,1746,638],{"class":86},[65,1748,90],{"class":82},[65,1750,626],{"class":82},[65,1752,1753,1755,1757],{"class":67,"line":154},[65,1754,1409],{"class":133},[65,1756,136],{"class":82},[65,1758,1414],{"class":75},[65,1760,1761],{"class":67,"line":163},[65,1762,1419],{"class":82},[65,1764,1765,1767,1769,1771,1774,1776],{"class":67,"line":169},[65,1766,1424],{"class":133},[65,1768,136],{"class":82},[65,1770,83],{"class":82},[65,1772,1773],{"class":86},"Denim Jacket",[65,1775,90],{"class":82},[65,1777,626],{"class":82},[65,1779,1780,1782,1784,1786,1788,1790],{"class":67,"line":181},[65,1781,1440],{"class":133},[65,1783,136],{"class":82},[65,1785,83],{"class":82},[65,1787,1447],{"class":86},[65,1789,90],{"class":82},[65,1791,626],{"class":82},[65,1793,1794],{"class":67,"line":186},[65,1795,1456],{"class":82},[65,1797,1798,1800],{"class":67,"line":195},[65,1799,1461],{"class":75},[65,1801,626],{"class":82},[65,1803,1804,1806,1808],{"class":67,"line":213},[65,1805,349],{"class":82},[65,1807,514],{"class":75},[65,1809,93],{"class":82},[1089,1811,1474],{},{"title":61,"searchDepth":96,"depth":96,"links":1813},[1814,1815],{"id":1120,"depth":96,"text":1121},{"id":1228,"depth":96,"text":1229,"children":1816},[1817],{"id":1305,"depth":103,"text":1306},"Complete reference for the Fitting Widget API",{},"\u002Fen\u002Fapi",{"title":1490,"description":1818},"en\u002Fapi\u002Findex","5vrf4TtfB7Sr4MpfgLzStW-oF0xDBiShwkqA4UFzgA0",{"id":1825,"title":1826,"body":1827,"description":2275,"extension":1102,"icon":2276,"meta":2277,"navigation":99,"path":2278,"seo":2279,"stem":2280,"__hash__":2281},"content\u002Fen\u002Fgetting-started\u002Fquick-start.md","Quick Start",{"type":7,"value":1828,"toc":2266},[1829,1832,1835,1839,1850,1854,1865,1916,1920,2075,2079,2086,2113,2117,2123,2236,2240,2243,2247,2263],[10,1830,1826],{"id":1831},"quick-start",[15,1833,1834],{},"Follow these steps to add virtual try-on to your e-commerce site.",[28,1836,1838],{"id":1837},"_1-get-your-api-key","1. Get Your API Key",[15,1840,1841,1842,1849],{},"Sign up at ",[1843,1844,1848],"a",{"href":1845,"rel":1846},"https:\u002F\u002Fwidget.try-on.ru",[1847],"nofollow","widget.try-on.ru"," to obtain your free API key.",[28,1851,1853],{"id":1852},"_2-load-the-widget-script","2. Load the Widget Script",[15,1855,1856,1857,1860,1861,1864],{},"Add the following ",[36,1858,1859],{},"\u003Cscript>"," tag to your page, ideally right before the closing ",[36,1862,1863],{},"\u003C\u002Fbody>"," tag:",[56,1866,1870],{"className":1867,"code":1868,"language":1869,"meta":61,"style":61},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript\n src=\"https:\u002F\u002Fwidget.try-on.ru\u002Ffitting-widget-bundle.js\"\n id=\"fitting-widget-bundle\"\n>\u003C\u002Fscript>\n","html",[36,1871,1872,1880,1893,1906],{"__ignoreMap":61},[65,1873,1874,1877],{"class":67,"line":68},[65,1875,1876],{"class":82},"\u003C",[65,1878,1879],{"class":133},"script\n",[65,1881,1882,1885,1887,1889,1891],{"class":67,"line":96},[65,1883,1884],{"class":112}," src",[65,1886,201],{"class":82},[65,1888,204],{"class":82},[65,1890,207],{"class":86},[65,1892,210],{"class":82},[65,1894,1895,1898,1900,1902,1904],{"class":67,"line":103},[65,1896,1897],{"class":112}," id",[65,1899,201],{"class":82},[65,1901,204],{"class":82},[65,1903,238],{"class":86},[65,1905,210],{"class":82},[65,1907,1908,1911,1914],{"class":67,"line":154},[65,1909,1910],{"class":82},">\u003C\u002F",[65,1912,1913],{"class":133},"script",[65,1915,377],{"class":82},[28,1917,1919],{"id":1918},"_3-initialize-the-widget","3. Initialize the Widget",[56,1921,1923],{"className":1867,"code":1922,"language":1869,"meta":61,"style":61},"\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",[36,1924,1925,1943,1972,2020,2024,2044,2058,2067],{"__ignoreMap":61},[65,1926,1927,1929,1931,1933,1935,1937,1939,1941],{"class":67,"line":68},[65,1928,1876],{"class":82},[65,1930,1913],{"class":133},[65,1932,691],{"class":112},[65,1934,201],{"class":82},[65,1936,204],{"class":82},[65,1938,283],{"class":86},[65,1940,204],{"class":82},[65,1942,377],{"class":82},[65,1944,1945,1948,1950,1953,1955,1958,1960,1962,1965,1967,1970],{"class":67,"line":96},[65,1946,1947],{"class":75}," window",[65,1949,26],{"class":82},[65,1951,1952],{"class":75},"fitting ",[65,1954,201],{"class":82},[65,1956,1957],{"class":75}," window",[65,1959,26],{"class":82},[65,1961,1952],{"class":75},[65,1963,1964],{"class":82},"||",[65,1966,113],{"class":112},[65,1968,1969],{"class":82},"()",[65,1971,151],{"class":82},[65,1973,1974,1977,1979,1981,1983,1985,1988,1990,1992,1994,1996,1998,2000,2003,2006,2008,2011,2013,2016,2018],{"class":67,"line":103},[65,1975,1976],{"class":133}," (",[65,1978,1181],{"class":75},[65,1980,26],{"class":82},[65,1982,595],{"class":75},[65,1984,26],{"class":82},[65,1986,1987],{"class":75},"q",[65,1989,578],{"class":82},[65,1991,1957],{"class":75},[65,1993,26],{"class":82},[65,1995,595],{"class":75},[65,1997,26],{"class":82},[65,1999,1987],{"class":75},[65,2001,2002],{"class":82}," ||",[65,2004,2005],{"class":133}," [])",[65,2007,26],{"class":82},[65,2009,2010],{"class":116},"push",[65,2012,598],{"class":133},[65,2014,2015],{"class":75},"arguments",[65,2017,514],{"class":133},[65,2019,93],{"class":82},[65,2021,2022],{"class":67,"line":154},[65,2023,667],{"class":82},[65,2025,2026,2028,2030,2032,2034,2036,2038,2040,2042],{"class":67,"line":163},[65,2027,1947],{"class":75},[65,2029,26],{"class":82},[65,2031,595],{"class":116},[65,2033,598],{"class":75},[65,2035,90],{"class":82},[65,2037,1192],{"class":86},[65,2039,90],{"class":82},[65,2041,502],{"class":82},[65,2043,151],{"class":82},[65,2045,2046,2049,2051,2053,2056],{"class":67,"line":169},[65,2047,2048],{"class":133}," apiKey",[65,2050,136],{"class":82},[65,2052,83],{"class":82},[65,2054,2055],{"class":86},"YOUR_API_KEY",[65,2057,352],{"class":82},[65,2059,2060,2063,2065],{"class":67,"line":181},[65,2061,2062],{"class":82}," }",[65,2064,514],{"class":75},[65,2066,93],{"class":82},[65,2068,2069,2071,2073],{"class":67,"line":186},[65,2070,770],{"class":82},[65,2072,1913],{"class":133},[65,2074,377],{"class":82},[28,2076,2078],{"id":2077},"_4-add-a-container","4. Add a Container",[15,2080,2081,2082,2085],{},"Place a ",[36,2083,2084],{},"\u003Cdiv>"," wherever you want the widget to appear:",[56,2087,2089],{"className":1867,"code":2088,"language":1869,"meta":61,"style":61},"\u003Cdiv id=\"widget-container\">\u003C\u002Fdiv>\n",[36,2090,2091],{"__ignoreMap":61},[65,2092,2093,2095,2097,2099,2101,2103,2105,2107,2109,2111],{"class":67,"line":68},[65,2094,1876],{"class":82},[65,2096,688],{"class":133},[65,2098,691],{"class":112},[65,2100,201],{"class":82},[65,2102,204],{"class":82},[65,2104,621],{"class":86},[65,2106,204],{"class":82},[65,2108,1910],{"class":82},[65,2110,688],{"class":133},[65,2112,377],{"class":82},[28,2114,2116],{"id":2115},"_5-launch-the-widget","5. Launch the Widget",[15,2118,2119,2120,2122],{},"Call the ",[36,2121,603],{}," method when the user clicks a button:",[56,2124,2126],{"className":1172,"code":2125,"language":1174,"meta":61,"style":61},"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",[36,2127,2128,2148,2162,2176,2184,2188,2203,2218,2222,2228],{"__ignoreMap":61},[65,2129,2130,2132,2134,2136,2138,2140,2142,2144,2146],{"class":67,"line":68},[65,2131,1181],{"class":75},[65,2133,26],{"class":82},[65,2135,595],{"class":116},[65,2137,598],{"class":75},[65,2139,90],{"class":82},[65,2141,603],{"class":86},[65,2143,90],{"class":82},[65,2145,502],{"class":82},[65,2147,151],{"class":82},[65,2149,2150,2152,2154,2156,2158,2160],{"class":67,"line":96},[65,2151,1379],{"class":133},[65,2153,136],{"class":82},[65,2155,83],{"class":82},[65,2157,621],{"class":86},[65,2159,90],{"class":82},[65,2161,626],{"class":82},[65,2163,2164,2166,2168,2170,2172,2174],{"class":67,"line":103},[65,2165,1394],{"class":133},[65,2167,136],{"class":82},[65,2169,83],{"class":82},[65,2171,638],{"class":86},[65,2173,90],{"class":82},[65,2175,626],{"class":82},[65,2177,2178,2180,2182],{"class":67,"line":154},[65,2179,1409],{"class":133},[65,2181,136],{"class":82},[65,2183,1414],{"class":75},[65,2185,2186],{"class":67,"line":163},[65,2187,1419],{"class":82},[65,2189,2190,2192,2194,2196,2199,2201],{"class":67,"line":169},[65,2191,1424],{"class":133},[65,2193,136],{"class":82},[65,2195,83],{"class":82},[65,2197,2198],{"class":86},"Classic Denim Jacket",[65,2200,90],{"class":82},[65,2202,626],{"class":82},[65,2204,2205,2207,2209,2211,2214,2216],{"class":67,"line":181},[65,2206,1440],{"class":133},[65,2208,136],{"class":82},[65,2210,83],{"class":82},[65,2212,2213],{"class":86},"https:\u002F\u002Fyour-store.com\u002Fimages\u002Fjacket.jpg",[65,2215,90],{"class":82},[65,2217,626],{"class":82},[65,2219,2220],{"class":67,"line":186},[65,2221,1456],{"class":82},[65,2223,2224,2226],{"class":67,"line":195},[65,2225,1461],{"class":75},[65,2227,626],{"class":82},[65,2229,2230,2232,2234],{"class":67,"line":213},[65,2231,349],{"class":82},[65,2233,514],{"class":75},[65,2235,93],{"class":82},[28,2237,2239],{"id":2238},"result","Result",[15,2241,2242],{},"Your customers can now upload a photo and see the garment on them instantly.",[28,2244,2246],{"id":2245},"next-steps","Next Steps",[2248,2249,2250,2258],"ul",{},[2251,2252,2253,2254,26],"li",{},"See framework-specific guides under ",[1843,2255,2257],{"href":2256},"\u002Fintegrations\u002Fvanilla-js","Integrations",[2251,2259,2260,2261,26],{},"Explore the full ",[1843,2262,1490],{"href":1484},[1089,2264,2265],{},"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":61,"searchDepth":96,"depth":96,"links":2267},[2268,2269,2270,2271,2272,2273,2274],{"id":1837,"depth":96,"text":1838},{"id":1852,"depth":96,"text":1853},{"id":1918,"depth":96,"text":1919},{"id":2077,"depth":96,"text":2078},{"id":2115,"depth":96,"text":2116},{"id":2238,"depth":96,"text":2239},{"id":2245,"depth":96,"text":2246},"Get the Fitting Widget running in minutes","i-lucide-rocket",{},"\u002Fen\u002Fgetting-started\u002Fquick-start",{"title":1826,"description":2275},"en\u002Fgetting-started\u002Fquick-start","Cy6rzr6z6R2nhbEqOeB18fbbe2pOjXOk0inGXqhKfHg",{"id":2283,"title":2284,"body":2285,"description":2365,"extension":1102,"icon":2366,"meta":2367,"navigation":99,"path":2368,"seo":2369,"stem":2370,"__hash__":2371},"content\u002Fen\u002Findex.md","Introduction",{"type":7,"value":2286,"toc":2360},[2287,2291,2298,2302,2328,2332,2351,2353],[10,2288,2290],{"id":2289},"fitting-widget-virtual-try-on","Fitting Widget — Virtual Try-On",[15,2292,2293,2294,2297],{},"The ",[19,2295,2296],{},"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.",[28,2299,2301],{"id":2300},"key-features","Key Features",[2248,2303,2304,2310,2316,2322],{},[2251,2305,2306,2309],{},[19,2307,2308],{},"Quick Integration"," — Add one script tag and a few lines of code.",[2251,2311,2312,2315],{},[19,2313,2314],{},"Framework-Agnostic"," — Works with Vanilla JS, React, Vue, Next.js, Nuxt, and more.",[2251,2317,2318,2321],{},[19,2319,2320],{},"Customizable"," — Style the widget to match your brand.",[2251,2323,2324,2327],{},[19,2325,2326],{},"Lightweight"," — Optimized loading; won't slow down your store.",[28,2329,2331],{"id":2330},"how-it-works","How It Works",[2333,2334,2335,2338,2341,2348],"ol",{},[2251,2336,2337],{},"Load the widget script on your page.",[2251,2339,2340],{},"Initialize with your API key.",[2251,2342,2343,2344,2347],{},"Call ",[36,2345,2346],{},"window.fitting('create', { ... })"," with product image URLs.",[2251,2349,2350],{},"The widget renders inside a container element of your choice.",[28,2352,1826],{"id":1831},[15,2354,2355,2356,2359],{},"Head over to the ",[1843,2357,1826],{"href":2358},"\u002Fgetting-started\u002Fquick-start"," guide to get up and running in under 5 minutes.",{"title":61,"searchDepth":96,"depth":96,"links":2361},[2362,2363,2364],{"id":2300,"depth":96,"text":2301},{"id":2330,"depth":96,"text":2331},{"id":1831,"depth":96,"text":1826},"What is the Fitting Widget and why use it?","i-lucide-sparkles",{},"\u002Fen",{"title":2284,"description":2365},"en\u002Findex","zjI3aBTZ8Y2iRdmkieXP4q0o6PKbIjE5hUkB6Y1ledA",{"id":2373,"title":5,"body":2374,"description":3249,"extension":1102,"icon":1103,"meta":3250,"navigation":99,"path":3251,"seo":3252,"stem":3253,"__hash__":3254},"content\u002Fen\u002Fintegrations\u002Fnextjs.md",{"type":7,"value":2375,"toc":3240},[2376,2380,2388,2392,2400,2409,2645,2649,2977,2981,3217,3221,3226,3238],[10,2377,2379],{"id":2378},"nextjs-integration","Next.js Integration",[15,2381,2382,2383,2385,2386,26],{},"The Fitting Widget works with both the ",[19,2384,21],{}," and ",[19,2387,25],{},[28,2389,2391],{"id":2390},"app-router-recommended","App Router (Recommended)",[15,2393,2394,2395,2397,2398,26],{},"Use the Next.js ",[36,2396,38],{}," component with ",[36,2399,42],{},[44,2401,2403,2404,2406,2407],{"id":2402},"step-1-load-scripts-in-layouttsx-or-pagetsx","Step 1 — Load Scripts in ",[36,2405,50],{}," or ",[36,2408,54],{},[56,2410,2411],{"className":58,"code":59,"language":60,"meta":61,"style":61},[36,2412,2413,2429,2433,2465,2471,2475,2483,2487,2493,2505,2517,2529,2533,2537,2543,2555,2567,2571,2577,2581,2585,2589,2593,2613,2617,2623,2631,2635,2641],{"__ignoreMap":61},[65,2414,2415,2417,2419,2421,2423,2425,2427],{"class":67,"line":68},[65,2416,72],{"class":71},[65,2418,76],{"class":75},[65,2420,79],{"class":71},[65,2422,83],{"class":82},[65,2424,87],{"class":86},[65,2426,90],{"class":82},[65,2428,93],{"class":82},[65,2430,2431],{"class":67,"line":96},[65,2432,100],{"emptyLinePlaceholder":99},[65,2434,2435,2437,2439,2441,2443,2445,2447,2449,2451,2453,2455,2457,2459,2461,2463],{"class":67,"line":103},[65,2436,106],{"class":71},[65,2438,109],{"class":71},[65,2440,113],{"class":112},[65,2442,117],{"class":116},[65,2444,120],{"class":82},[65,2446,124],{"class":123},[65,2448,127],{"class":82},[65,2450,130],{"class":82},[65,2452,124],{"class":133},[65,2454,136],{"class":82},[65,2456,140],{"class":139},[65,2458,26],{"class":82},[65,2460,145],{"class":139},[65,2462,148],{"class":82},[65,2464,151],{"class":82},[65,2466,2467,2469],{"class":67,"line":154},[65,2468,157],{"class":71},[65,2470,160],{"class":133},[65,2472,2473],{"class":67,"line":163},[65,2474,166],{"class":82},[65,2476,2477,2479,2481],{"class":67,"line":169},[65,2478,172],{"class":82},[65,2480,175],{"class":75},[65,2482,178],{"class":82},[65,2484,2485],{"class":67,"line":181},[65,2486,100],{"emptyLinePlaceholder":99},[65,2488,2489,2491],{"class":67,"line":186},[65,2490,189],{"class":82},[65,2492,192],{"class":139},[65,2494,2495,2497,2499,2501,2503],{"class":67,"line":195},[65,2496,198],{"class":112},[65,2498,201],{"class":82},[65,2500,204],{"class":82},[65,2502,207],{"class":86},[65,2504,210],{"class":82},[65,2506,2507,2509,2511,2513,2515],{"class":67,"line":213},[65,2508,216],{"class":112},[65,2510,201],{"class":82},[65,2512,204],{"class":82},[65,2514,223],{"class":86},[65,2516,210],{"class":82},[65,2518,2519,2521,2523,2525,2527],{"class":67,"line":228},[65,2520,231],{"class":112},[65,2522,201],{"class":82},[65,2524,204],{"class":82},[65,2526,238],{"class":86},[65,2528,210],{"class":82},[65,2530,2531],{"class":67,"line":243},[65,2532,246],{"class":82},[65,2534,2535],{"class":67,"line":249},[65,2536,100],{"emptyLinePlaceholder":99},[65,2538,2539,2541],{"class":67,"line":254},[65,2540,189],{"class":82},[65,2542,192],{"class":139},[65,2544,2545,2547,2549,2551,2553],{"class":67,"line":261},[65,2546,216],{"class":112},[65,2548,201],{"class":82},[65,2550,204],{"class":82},[65,2552,223],{"class":86},[65,2554,210],{"class":82},[65,2556,2557,2559,2561,2563,2565],{"class":67,"line":274},[65,2558,231],{"class":112},[65,2560,201],{"class":82},[65,2562,204],{"class":82},[65,2564,283],{"class":86},[65,2566,210],{"class":82},[65,2568,2569],{"class":67,"line":288},[65,2570,291],{"class":82},[65,2572,2573,2575],{"class":67,"line":294},[65,2574,297],{"class":82},[65,2576,300],{"class":82},[65,2578,2579],{"class":67,"line":303},[65,2580,306],{"class":86},[65,2582,2583],{"class":67,"line":309},[65,2584,312],{"class":86},[65,2586,2587],{"class":67,"line":315},[65,2588,318],{"class":86},[65,2590,2591],{"class":67,"line":321},[65,2592,324],{"class":86},[65,2594,2595,2597,2599,2601,2603,2605,2607,2609,2611],{"class":67,"line":327},[65,2596,330],{"class":86},[65,2598,333],{"class":82},[65,2600,336],{"class":75},[65,2602,26],{"class":82},[65,2604,341],{"class":75},[65,2606,26],{"class":82},[65,2608,346],{"class":75},[65,2610,349],{"class":82},[65,2612,352],{"class":86},[65,2614,2615],{"class":67,"line":355},[65,2616,358],{"class":86},[65,2618,2619,2621],{"class":67,"line":361},[65,2620,364],{"class":82},[65,2622,178],{"class":82},[65,2624,2625,2627,2629],{"class":67,"line":369},[65,2626,372],{"class":82},[65,2628,38],{"class":139},[65,2630,377],{"class":82},[65,2632,2633],{"class":67,"line":380},[65,2634,383],{"class":82},[65,2636,2637,2639],{"class":67,"line":386},[65,2638,389],{"class":133},[65,2640,93],{"class":82},[65,2642,2643],{"class":67,"line":394},[65,2644,178],{"class":82},[44,2646,2648],{"id":2647},"step-2-create-the-widget-button","Step 2 — Create the Widget Button",[56,2650,2652],{"className":58,"code":2651,"language":60,"meta":61,"style":61},"'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",[36,2653,2654,2664,2668,2676,2686,2696,2700,2704,2712,2720,2750,2754,2758,2762,2790,2804,2824,2838,2852,2862,2870,2874,2878,2884,2888,2940,2963,2967,2973],{"__ignoreMap":61},[65,2655,2656,2658,2660,2662],{"class":67,"line":68},[65,2657,90],{"class":82},[65,2659,412],{"class":86},[65,2661,90],{"class":82},[65,2663,93],{"class":82},[65,2665,2666],{"class":67,"line":96},[65,2667,100],{"emptyLinePlaceholder":99},[65,2669,2670,2672,2674],{"class":67,"line":103},[65,2671,425],{"class":112},[65,2673,428],{"class":139},[65,2675,151],{"class":82},[65,2677,2678,2680,2682,2684],{"class":67,"line":154},[65,2679,435],{"class":133},[65,2681,136],{"class":82},[65,2683,440],{"class":139},[65,2685,93],{"class":82},[65,2687,2688,2690,2692,2694],{"class":67,"line":163},[65,2689,447],{"class":133},[65,2691,136],{"class":82},[65,2693,440],{"class":139},[65,2695,93],{"class":82},[65,2697,2698],{"class":67,"line":169},[65,2699,178],{"class":82},[65,2701,2702],{"class":67,"line":181},[65,2703,100],{"emptyLinePlaceholder":99},[65,2705,2706,2708,2710],{"class":67,"line":186},[65,2707,466],{"class":112},[65,2709,469],{"class":75},[65,2711,472],{"class":82},[65,2713,2714,2716,2718],{"class":67,"line":195},[65,2715,477],{"class":112},[65,2717,480],{"class":139},[65,2719,151],{"class":82},[65,2721,2722,2724,2726,2728,2730,2732,2734,2736,2738,2740,2742,2744,2746,2748],{"class":67,"line":213},[65,2723,487],{"class":133},[65,2725,136],{"class":82},[65,2727,492],{"class":82},[65,2729,495],{"class":123},[65,2731,136],{"class":82},[65,2733,440],{"class":139},[65,2735,502],{"class":82},[65,2737,505],{"class":123},[65,2739,508],{"class":82},[65,2741,511],{"class":139},[65,2743,514],{"class":82},[65,2745,517],{"class":112},[65,2747,520],{"class":139},[65,2749,93],{"class":82},[65,2751,2752],{"class":67,"line":228},[65,2753,527],{"class":82},[65,2755,2756],{"class":67,"line":243},[65,2757,178],{"class":82},[65,2759,2760],{"class":67,"line":249},[65,2761,100],{"emptyLinePlaceholder":99},[65,2763,2764,2766,2768,2770,2772,2774,2776,2778,2780,2782,2784,2786,2788],{"class":67,"line":254},[65,2765,106],{"class":71},[65,2767,113],{"class":112},[65,2769,544],{"class":116},[65,2771,120],{"class":82},[65,2773,549],{"class":123},[65,2775,127],{"class":82},[65,2777,130],{"class":82},[65,2779,549],{"class":133},[65,2781,136],{"class":82},[65,2783,428],{"class":139},[65,2785,562],{"class":75},[65,2787,565],{"class":82},[65,2789,151],{"class":82},[65,2791,2792,2794,2796,2798,2800,2802],{"class":67,"line":261},[65,2793,572],{"class":112},[65,2795,575],{"class":75},[65,2797,578],{"class":82},[65,2799,581],{"class":82},[65,2801,517],{"class":112},[65,2803,151],{"class":82},[65,2805,2806,2808,2810,2812,2814,2816,2818,2820,2822],{"class":67,"line":274},[65,2807,590],{"class":75},[65,2809,26],{"class":82},[65,2811,595],{"class":116},[65,2813,598],{"class":133},[65,2815,90],{"class":82},[65,2817,603],{"class":86},[65,2819,90],{"class":82},[65,2821,502],{"class":82},[65,2823,151],{"class":82},[65,2825,2826,2828,2830,2832,2834,2836],{"class":67,"line":288},[65,2827,614],{"class":133},[65,2829,136],{"class":82},[65,2831,83],{"class":82},[65,2833,621],{"class":86},[65,2835,90],{"class":82},[65,2837,626],{"class":82},[65,2839,2840,2842,2844,2846,2848,2850],{"class":67,"line":294},[65,2841,631],{"class":133},[65,2843,136],{"class":82},[65,2845,83],{"class":82},[65,2847,638],{"class":86},[65,2849,90],{"class":82},[65,2851,626],{"class":82},[65,2853,2854,2856,2858,2860],{"class":67,"line":303},[65,2855,647],{"class":133},[65,2857,136],{"class":82},[65,2859,549],{"class":75},[65,2861,626],{"class":82},[65,2863,2864,2866,2868],{"class":67,"line":309},[65,2865,658],{"class":82},[65,2867,514],{"class":133},[65,2869,93],{"class":82},[65,2871,2872],{"class":67,"line":315},[65,2873,667],{"class":82},[65,2875,2876],{"class":67,"line":321},[65,2877,100],{"emptyLinePlaceholder":99},[65,2879,2880,2882],{"class":67,"line":327},[65,2881,157],{"class":71},[65,2883,160],{"class":133},[65,2885,2886],{"class":67,"line":355},[65,2887,166],{"class":82},[65,2889,2890,2892,2894,2896,2898,2900,2902,2904,2906,2908,2910,2912,2914,2916,2918,2920,2922,2924,2926,2928,2930,2932,2934,2936,2938],{"class":67,"line":361},[65,2891,189],{"class":82},[65,2893,688],{"class":133},[65,2895,691],{"class":112},[65,2897,201],{"class":82},[65,2899,204],{"class":82},[65,2901,621],{"class":86},[65,2903,204],{"class":82},[65,2905,702],{"class":112},[65,2907,705],{"class":82},[65,2909,708],{"class":133},[65,2911,136],{"class":82},[65,2913,83],{"class":82},[65,2915,715],{"class":86},[65,2917,90],{"class":82},[65,2919,502],{"class":82},[65,2921,722],{"class":133},[65,2923,136],{"class":82},[65,2925,728],{"class":727},[65,2927,502],{"class":82},[65,2929,733],{"class":133},[65,2931,136],{"class":82},[65,2933,83],{"class":82},[65,2935,740],{"class":86},[65,2937,90],{"class":82},[65,2939,745],{"class":82},[65,2941,2942,2944,2946,2948,2950,2952,2954,2957,2959,2961],{"class":67,"line":369},[65,2943,189],{"class":82},[65,2945,752],{"class":133},[65,2947,755],{"class":112},[65,2949,758],{"class":82},[65,2951,761],{"class":75},[65,2953,764],{"class":82},[65,2955,2956],{"class":75},"Try On",[65,2958,770],{"class":82},[65,2960,752],{"class":133},[65,2962,377],{"class":82},[65,2964,2965],{"class":67,"line":380},[65,2966,383],{"class":82},[65,2968,2969,2971],{"class":67,"line":386},[65,2970,389],{"class":133},[65,2972,93],{"class":82},[65,2974,2975],{"class":67,"line":394},[65,2976,178],{"class":82},[44,2978,2980],{"id":2979},"step-3-use-in-a-product-page","Step 3 — Use in a Product Page",[56,2982,2983],{"className":58,"code":795,"language":60,"meta":61,"style":61},[36,2984,2985,3005,3009,3047,3071,3075,3081,3089,3109,3139,3145,3153,3157,3171,3185,3189,3195,3199,3207,3213],{"__ignoreMap":61},[65,2986,2987,2989,2991,2993,2995,2997,2999,3001,3003],{"class":67,"line":68},[65,2988,72],{"class":71},[65,2990,130],{"class":82},[65,2992,544],{"class":75},[65,2994,808],{"class":82},[65,2996,811],{"class":71},[65,2998,83],{"class":82},[65,3000,816],{"class":86},[65,3002,90],{"class":82},[65,3004,93],{"class":82},[65,3006,3007],{"class":67,"line":96},[65,3008,100],{"emptyLinePlaceholder":99},[65,3010,3011,3013,3015,3017,3019,3021,3023,3025,3027,3029,3031,3033,3035,3037,3039,3041,3043,3045],{"class":67,"line":103},[65,3012,106],{"class":71},[65,3014,109],{"class":71},[65,3016,833],{"class":112},[65,3018,113],{"class":112},[65,3020,838],{"class":116},[65,3022,120],{"class":82},[65,3024,843],{"class":123},[65,3026,127],{"class":82},[65,3028,130],{"class":82},[65,3030,843],{"class":133},[65,3032,136],{"class":82},[65,3034,130],{"class":82},[65,3036,856],{"class":133},[65,3038,136],{"class":82},[65,3040,440],{"class":139},[65,3042,808],{"class":82},[65,3044,148],{"class":82},[65,3046,151],{"class":82},[65,3048,3049,3051,3053,3055,3057,3059,3061,3063,3065,3067,3069],{"class":67,"line":154},[65,3050,572],{"class":112},[65,3052,873],{"class":75},[65,3054,578],{"class":82},[65,3056,878],{"class":71},[65,3058,881],{"class":116},[65,3060,598],{"class":133},[65,3062,886],{"class":75},[65,3064,26],{"class":82},[65,3066,891],{"class":75},[65,3068,514],{"class":133},[65,3070,93],{"class":82},[65,3072,3073],{"class":67,"line":163},[65,3074,100],{"emptyLinePlaceholder":99},[65,3076,3077,3079],{"class":67,"line":169},[65,3078,157],{"class":71},[65,3080,160],{"class":133},[65,3082,3083,3085,3087],{"class":67,"line":181},[65,3084,910],{"class":82},[65,3086,688],{"class":133},[65,3088,377],{"class":82},[65,3090,3091,3093,3095,3097,3099,3101,3103,3105,3107],{"class":67,"line":186},[65,3092,189],{"class":82},[65,3094,10],{"class":133},[65,3096,923],{"class":82},[65,3098,926],{"class":75},[65,3100,26],{"class":82},[65,3102,931],{"class":75},[65,3104,934],{"class":82},[65,3106,10],{"class":133},[65,3108,377],{"class":82},[65,3110,3111,3113,3115,3117,3119,3121,3123,3125,3127,3129,3131,3133,3135,3137],{"class":67,"line":195},[65,3112,189],{"class":82},[65,3114,945],{"class":133},[65,3116,948],{"class":112},[65,3118,758],{"class":82},[65,3120,926],{"class":75},[65,3122,26],{"class":82},[65,3124,957],{"class":75},[65,3126,960],{"class":82},[65,3128,963],{"class":112},[65,3130,758],{"class":82},[65,3132,926],{"class":75},[65,3134,26],{"class":82},[65,3136,931],{"class":75},[65,3138,974],{"class":82},[65,3140,3141,3143],{"class":67,"line":213},[65,3142,189],{"class":82},[65,3144,981],{"class":139},[65,3146,3147,3149,3151],{"class":67,"line":228},[65,3148,986],{"class":112},[65,3150,758],{"class":82},[65,3152,991],{"class":75},[65,3154,3155],{"class":67,"line":243},[65,3156,996],{"class":82},[65,3158,3159,3161,3163,3165,3167,3169],{"class":67,"line":249},[65,3160,1001],{"class":133},[65,3162,136],{"class":82},[65,3164,873],{"class":75},[65,3166,26],{"class":82},[65,3168,931],{"class":75},[65,3170,626],{"class":82},[65,3172,3173,3175,3177,3179,3181,3183],{"class":67,"line":254},[65,3174,1016],{"class":133},[65,3176,136],{"class":82},[65,3178,873],{"class":75},[65,3180,26],{"class":82},[65,3182,957],{"class":75},[65,3184,626],{"class":82},[65,3186,3187],{"class":67,"line":261},[65,3188,1031],{"class":82},[65,3190,3191,3193],{"class":67,"line":274},[65,3192,1036],{"class":75},[65,3194,178],{"class":82},[65,3196,3197],{"class":67,"line":288},[65,3198,246],{"class":82},[65,3200,3201,3203,3205],{"class":67,"line":294},[65,3202,1047],{"class":82},[65,3204,688],{"class":133},[65,3206,377],{"class":82},[65,3208,3209,3211],{"class":67,"line":303},[65,3210,389],{"class":133},[65,3212,93],{"class":82},[65,3214,3215],{"class":67,"line":309},[65,3216,178],{"class":82},[28,3218,3220],{"id":3219},"environment-variable","Environment Variable",[15,3222,3223,3224,136],{},"Add your API key to ",[36,3225,1071],{},[56,3227,3228],{"className":1074,"code":1075,"language":1076,"meta":61,"style":61},[36,3229,3230],{"__ignoreMap":61},[65,3231,3232,3234,3236],{"class":67,"line":68},[65,3233,346],{"class":75},[65,3235,201],{"class":82},[65,3237,1087],{"class":86},[1089,3239,1091],{},{"title":61,"searchDepth":96,"depth":96,"links":3241},[3242,3248],{"id":2390,"depth":96,"text":2391,"children":3243},[3244,3246,3247],{"id":2402,"depth":103,"text":3245},"Step 1 — Load Scripts in layout.tsx or page.tsx",{"id":2647,"depth":103,"text":2648},{"id":2979,"depth":103,"text":2980},{"id":3219,"depth":96,"text":3220},"Integrate with Next.js (Pages Router & App Router)",{},"\u002Fen\u002Fintegrations\u002Fnextjs",{"title":5,"description":3249},"en\u002Fintegrations\u002Fnextjs","JdA3Sttp8qaffNRKpcg9b3i_J2nMxDOCfnya8RjA3yU",{"id":3256,"title":3257,"body":3258,"description":4157,"extension":1102,"icon":4158,"meta":4159,"navigation":99,"path":4160,"seo":4161,"stem":4162,"__hash__":4163},"content\u002Fen\u002Fintegrations\u002Fnuxt.md","Nuxt",{"type":7,"value":3259,"toc":4147},[3260,3264,3267,3271,3281,3287,3607,3613,3809,3813,4123,4125,4131,4144],[10,3261,3263],{"id":3262},"nuxt-integration","Nuxt Integration",[15,3265,3266],{},"The Fitting Widget integrates seamlessly with Nuxt 3 and Nuxt 4.",[28,3268,3270],{"id":3269},"_1-load-the-script","1. Load the Script",[15,3272,3273,3274,3277,3278,26],{},"Use the ",[36,3275,3276],{},"useHead"," composable, or add scripts to your ",[36,3279,3280],{},"nuxt.config.ts",[44,3282,3284,3285],{"id":3283},"option-a-per-page-with-usehead","Option A — Per Page with ",[36,3286,3276],{},[56,3288,3292],{"className":3289,"code":3290,"language":3291,"meta":61,"style":61},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003C!-- pages\u002Fproduct\u002F[slug].vue -->\n\u003Ctemplate>\n \u003Cdiv>\n \u003Ch1>{{ product.name }}\u003C\u002Fh1>\n \u003CTryOnWidget :product-name=\"product.name\" :image-url=\"product.image\" \u002F>\n \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup lang=\"ts\">\nimport { useHead } from '#app'\n\nuseHead({\n script: [\n {\n src: 'https:\u002F\u002Fwidget.try-on.ru\u002Ffitting-widget-bundle.js',\n id: 'fitting-widget-bundle',\n },\n {\n id: 'fitting-init',\n innerHTML: `\n window.fitting = window.fitting || function() {\n (window.fitting.q = window.fitting.q || []).push(arguments);\n };\n window.fitting('init', {\n apiKey: '${import.meta.env.VITE_TRY_ON_API_KEY}'\n });\n `,\n },\n ],\n})\n\u003C\u002Fscript>\n","vue",[36,3293,3294,3300,3309,3318,3336,3370,3379,3387,3391,3414,3434,3438,3446,3455,3459,3474,3489,3493,3497,3511,3521,3526,3531,3536,3541,3568,3573,3580,3584,3590,3598],{"__ignoreMap":61},[65,3295,3296],{"class":67,"line":68},[65,3297,3299],{"class":3298},"sHwdD","\u003C!-- pages\u002Fproduct\u002F[slug].vue -->\n",[65,3301,3302,3304,3307],{"class":67,"line":96},[65,3303,1876],{"class":82},[65,3305,3306],{"class":133},"template",[65,3308,377],{"class":82},[65,3310,3311,3314,3316],{"class":67,"line":103},[65,3312,3313],{"class":82}," \u003C",[65,3315,688],{"class":133},[65,3317,377],{"class":82},[65,3319,3320,3322,3324,3327,3330,3332,3334],{"class":67,"line":154},[65,3321,910],{"class":82},[65,3323,10],{"class":133},[65,3325,3326],{"class":82},">",[65,3328,3329],{"class":75},"{{ product.name }}",[65,3331,770],{"class":82},[65,3333,10],{"class":133},[65,3335,377],{"class":82},[65,3337,3338,3340,3343,3346,3348,3350,3353,3355,3358,3360,3362,3365,3367],{"class":67,"line":163},[65,3339,910],{"class":82},[65,3341,3342],{"class":133},"TryOnWidget",[65,3344,3345],{"class":112}," :product-name",[65,3347,201],{"class":82},[65,3349,204],{"class":82},[65,3351,3352],{"class":86},"product.name",[65,3354,204],{"class":82},[65,3356,3357],{"class":112}," :image-url",[65,3359,201],{"class":82},[65,3361,204],{"class":82},[65,3363,3364],{"class":86},"product.image",[65,3366,204],{"class":82},[65,3368,3369],{"class":82}," \u002F>\n",[65,3371,3372,3375,3377],{"class":67,"line":169},[65,3373,3374],{"class":82}," \u003C\u002F",[65,3376,688],{"class":133},[65,3378,377],{"class":82},[65,3380,3381,3383,3385],{"class":67,"line":181},[65,3382,770],{"class":82},[65,3384,3306],{"class":133},[65,3386,377],{"class":82},[65,3388,3389],{"class":67,"line":186},[65,3390,100],{"emptyLinePlaceholder":99},[65,3392,3393,3395,3397,3400,3403,3405,3407,3410,3412],{"class":67,"line":195},[65,3394,1876],{"class":82},[65,3396,1913],{"class":133},[65,3398,3399],{"class":112}," setup",[65,3401,3402],{"class":112}," lang",[65,3404,201],{"class":82},[65,3406,204],{"class":82},[65,3408,3409],{"class":86},"ts",[65,3411,204],{"class":82},[65,3413,377],{"class":82},[65,3415,3416,3418,3420,3423,3425,3427,3429,3432],{"class":67,"line":213},[65,3417,72],{"class":71},[65,3419,130],{"class":82},[65,3421,3422],{"class":75}," useHead",[65,3424,808],{"class":82},[65,3426,811],{"class":71},[65,3428,83],{"class":82},[65,3430,3431],{"class":86},"#app",[65,3433,352],{"class":82},[65,3435,3436],{"class":67,"line":228},[65,3437,100],{"emptyLinePlaceholder":99},[65,3439,3440,3442,3444],{"class":67,"line":243},[65,3441,3276],{"class":116},[65,3443,598],{"class":75},[65,3445,472],{"class":82},[65,3447,3448,3451,3453],{"class":67,"line":249},[65,3449,3450],{"class":133}," script",[65,3452,136],{"class":82},[65,3454,1414],{"class":75},[65,3456,3457],{"class":67,"line":254},[65,3458,1419],{"class":82},[65,3460,3461,3464,3466,3468,3470,3472],{"class":67,"line":261},[65,3462,3463],{"class":133}," src",[65,3465,136],{"class":82},[65,3467,83],{"class":82},[65,3469,207],{"class":86},[65,3471,90],{"class":82},[65,3473,626],{"class":82},[65,3475,3476,3479,3481,3483,3485,3487],{"class":67,"line":274},[65,3477,3478],{"class":133}," id",[65,3480,136],{"class":82},[65,3482,83],{"class":82},[65,3484,238],{"class":86},[65,3486,90],{"class":82},[65,3488,626],{"class":82},[65,3490,3491],{"class":67,"line":288},[65,3492,1456],{"class":82},[65,3494,3495],{"class":67,"line":294},[65,3496,1419],{"class":82},[65,3498,3499,3501,3503,3505,3507,3509],{"class":67,"line":303},[65,3500,3478],{"class":133},[65,3502,136],{"class":82},[65,3504,83],{"class":82},[65,3506,283],{"class":86},[65,3508,90],{"class":82},[65,3510,626],{"class":82},[65,3512,3513,3516,3518],{"class":67,"line":309},[65,3514,3515],{"class":133}," innerHTML",[65,3517,136],{"class":82},[65,3519,3520],{"class":82}," `\n",[65,3522,3523],{"class":67,"line":315},[65,3524,3525],{"class":86}," window.fitting = window.fitting || function() {\n",[65,3527,3528],{"class":67,"line":321},[65,3529,3530],{"class":86}," (window.fitting.q = window.fitting.q || []).push(arguments);\n",[65,3532,3533],{"class":67,"line":327},[65,3534,3535],{"class":86}," };\n",[65,3537,3538],{"class":67,"line":355},[65,3539,3540],{"class":86}," window.fitting('init', {\n",[65,3542,3543,3546,3548,3550,3552,3555,3557,3559,3561,3564,3566],{"class":67,"line":361},[65,3544,3545],{"class":86}," apiKey: '",[65,3547,333],{"class":82},[65,3549,72],{"class":71},[65,3551,26],{"class":82},[65,3553,3554],{"class":75},"meta",[65,3556,26],{"class":82},[65,3558,341],{"class":75},[65,3560,26],{"class":82},[65,3562,3563],{"class":75},"VITE_TRY_ON_API_KEY",[65,3565,349],{"class":82},[65,3567,352],{"class":86},[65,3569,3570],{"class":67,"line":369},[65,3571,3572],{"class":86}," });\n",[65,3574,3575,3578],{"class":67,"line":380},[65,3576,3577],{"class":82}," `",[65,3579,626],{"class":82},[65,3581,3582],{"class":67,"line":386},[65,3583,1456],{"class":82},[65,3585,3586,3588],{"class":67,"line":394},[65,3587,1461],{"class":75},[65,3589,626],{"class":82},[65,3591,3593,3595],{"class":67,"line":3592},30,[65,3594,349],{"class":82},[65,3596,3597],{"class":75},")\n",[65,3599,3601,3603,3605],{"class":67,"line":3600},31,[65,3602,770],{"class":82},[65,3604,1913],{"class":133},[65,3606,377],{"class":82},[44,3608,3610,3611],{"id":3609},"option-b-global-in-nuxtconfigts","Option B — Global in ",[36,3612,3280],{},[56,3614,3617],{"className":3615,"code":3616,"language":3409,"meta":61,"style":61},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineNuxtConfig({\n app: {\n head: {\n script: [\n {\n src: 'https:\u002F\u002Fwidget.try-on.ru\u002Ffitting-widget-bundle.js',\n id: 'fitting-widget-bundle',\n },\n {\n id: 'fitting-init',\n innerHTML: `\n window.fitting = window.fitting || function() {\n (window.fitting.q = window.fitting.q || []).push(arguments);\n };\n window.fitting('init', {\n apiKey: '${import.meta.env.VITE_TRY_ON_API_KEY}'\n });\n `,\n },\n ],\n },\n },\n})\n",[36,3618,3619,3632,3641,3650,3659,3664,3679,3694,3699,3703,3717,3726,3731,3736,3741,3746,3771,3776,3783,3787,3794,3798,3803],{"__ignoreMap":61},[65,3620,3621,3623,3625,3628,3630],{"class":67,"line":68},[65,3622,106],{"class":71},[65,3624,109],{"class":71},[65,3626,3627],{"class":116}," defineNuxtConfig",[65,3629,598],{"class":75},[65,3631,472],{"class":82},[65,3633,3634,3637,3639],{"class":67,"line":96},[65,3635,3636],{"class":133}," app",[65,3638,136],{"class":82},[65,3640,151],{"class":82},[65,3642,3643,3646,3648],{"class":67,"line":103},[65,3644,3645],{"class":133}," head",[65,3647,136],{"class":82},[65,3649,151],{"class":82},[65,3651,3652,3655,3657],{"class":67,"line":154},[65,3653,3654],{"class":133}," script",[65,3656,136],{"class":82},[65,3658,1414],{"class":75},[65,3660,3661],{"class":67,"line":163},[65,3662,3663],{"class":82}," {\n",[65,3665,3666,3669,3671,3673,3675,3677],{"class":67,"line":169},[65,3667,3668],{"class":133}," src",[65,3670,136],{"class":82},[65,3672,83],{"class":82},[65,3674,207],{"class":86},[65,3676,90],{"class":82},[65,3678,626],{"class":82},[65,3680,3681,3684,3686,3688,3690,3692],{"class":67,"line":181},[65,3682,3683],{"class":133}," id",[65,3685,136],{"class":82},[65,3687,83],{"class":82},[65,3689,238],{"class":86},[65,3691,90],{"class":82},[65,3693,626],{"class":82},[65,3695,3696],{"class":67,"line":186},[65,3697,3698],{"class":82}," },\n",[65,3700,3701],{"class":67,"line":195},[65,3702,3663],{"class":82},[65,3704,3705,3707,3709,3711,3713,3715],{"class":67,"line":213},[65,3706,3683],{"class":133},[65,3708,136],{"class":82},[65,3710,83],{"class":82},[65,3712,283],{"class":86},[65,3714,90],{"class":82},[65,3716,626],{"class":82},[65,3718,3719,3722,3724],{"class":67,"line":228},[65,3720,3721],{"class":133}," innerHTML",[65,3723,136],{"class":82},[65,3725,3520],{"class":82},[65,3727,3728],{"class":67,"line":243},[65,3729,3730],{"class":86}," window.fitting = window.fitting || function() {\n",[65,3732,3733],{"class":67,"line":249},[65,3734,3735],{"class":86}," (window.fitting.q = window.fitting.q || []).push(arguments);\n",[65,3737,3738],{"class":67,"line":254},[65,3739,3740],{"class":86}," };\n",[65,3742,3743],{"class":67,"line":261},[65,3744,3745],{"class":86}," window.fitting('init', {\n",[65,3747,3748,3751,3753,3755,3757,3759,3761,3763,3765,3767,3769],{"class":67,"line":274},[65,3749,3750],{"class":86}," apiKey: '",[65,3752,333],{"class":82},[65,3754,72],{"class":71},[65,3756,26],{"class":82},[65,3758,3554],{"class":75},[65,3760,26],{"class":82},[65,3762,341],{"class":75},[65,3764,26],{"class":82},[65,3766,3563],{"class":75},[65,3768,349],{"class":82},[65,3770,352],{"class":86},[65,3772,3773],{"class":67,"line":288},[65,3774,3775],{"class":86}," });\n",[65,3777,3778,3781],{"class":67,"line":294},[65,3779,3780],{"class":82}," `",[65,3782,626],{"class":82},[65,3784,3785],{"class":67,"line":303},[65,3786,3698],{"class":82},[65,3788,3789,3792],{"class":67,"line":309},[65,3790,3791],{"class":75}," ]",[65,3793,626],{"class":82},[65,3795,3796],{"class":67,"line":315},[65,3797,1456],{"class":82},[65,3799,3800],{"class":67,"line":321},[65,3801,3802],{"class":82}," },\n",[65,3804,3805,3807],{"class":67,"line":327},[65,3806,349],{"class":82},[65,3808,3597],{"class":75},[28,3810,3812],{"id":3811},"_2-create-the-wrapper-component","2. Create the Wrapper Component",[56,3814,3816],{"className":3289,"code":3815,"language":3291,"meta":61,"style":61},"\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",[36,3817,3818,3823,3831,3839,3869,3897,3905,3913,3917,3937,3953,3962,3971,3978,3982,3997,4017,4032,4047,4056,4061,4077,4093,4098,4105,4111,4115],{"__ignoreMap":61},[65,3819,3820],{"class":67,"line":68},[65,3821,3822],{"class":3298},"\u003C!-- components\u002FTryOnWidget.vue -->\n",[65,3824,3825,3827,3829],{"class":67,"line":96},[65,3826,1876],{"class":82},[65,3828,3306],{"class":133},[65,3830,377],{"class":82},[65,3832,3833,3835,3837],{"class":67,"line":103},[65,3834,3313],{"class":82},[65,3836,688],{"class":133},[65,3838,377],{"class":82},[65,3840,3841,3843,3845,3847,3849,3851,3853,3855,3858,3860,3862,3865,3867],{"class":67,"line":154},[65,3842,910],{"class":82},[65,3844,688],{"class":133},[65,3846,691],{"class":112},[65,3848,201],{"class":82},[65,3850,204],{"class":82},[65,3852,621],{"class":86},[65,3854,204],{"class":82},[65,3856,3857],{"class":112}," class",[65,3859,201],{"class":82},[65,3861,204],{"class":82},[65,3863,3864],{"class":86},"aspect-[3\u002F4] w-full max-w-[600px]",[65,3866,204],{"class":82},[65,3868,3369],{"class":82},[65,3870,3871,3873,3875,3878,3880,3882,3885,3887,3889,3891,3893,3895],{"class":67,"line":163},[65,3872,910],{"class":82},[65,3874,752],{"class":133},[65,3876,3877],{"class":112}," @click",[65,3879,201],{"class":82},[65,3881,204],{"class":82},[65,3883,3884],{"class":86},"handleTryOn",[65,3886,204],{"class":82},[65,3888,3326],{"class":82},[65,3890,2956],{"class":75},[65,3892,770],{"class":82},[65,3894,752],{"class":133},[65,3896,377],{"class":82},[65,3898,3899,3901,3903],{"class":67,"line":169},[65,3900,3374],{"class":82},[65,3902,688],{"class":133},[65,3904,377],{"class":82},[65,3906,3907,3909,3911],{"class":67,"line":181},[65,3908,770],{"class":82},[65,3910,3306],{"class":133},[65,3912,377],{"class":82},[65,3914,3915],{"class":67,"line":186},[65,3916,100],{"emptyLinePlaceholder":99},[65,3918,3919,3921,3923,3925,3927,3929,3931,3933,3935],{"class":67,"line":195},[65,3920,1876],{"class":82},[65,3922,1913],{"class":133},[65,3924,3399],{"class":112},[65,3926,3402],{"class":112},[65,3928,201],{"class":82},[65,3930,204],{"class":82},[65,3932,3409],{"class":86},[65,3934,204],{"class":82},[65,3936,377],{"class":82},[65,3938,3939,3942,3945,3947,3950],{"class":67,"line":213},[65,3940,3941],{"class":112},"const",[65,3943,3944],{"class":75}," props ",[65,3946,201],{"class":82},[65,3948,3949],{"class":116}," defineProps",[65,3951,3952],{"class":82},"\u003C{\n",[65,3954,3955,3957,3959],{"class":67,"line":228},[65,3956,435],{"class":133},[65,3958,136],{"class":82},[65,3960,3961],{"class":139}," string\n",[65,3963,3964,3967,3969],{"class":67,"line":243},[65,3965,3966],{"class":133}," imageUrl",[65,3968,136],{"class":82},[65,3970,3961],{"class":139},[65,3972,3973,3975],{"class":67,"line":249},[65,3974,764],{"class":82},[65,3976,3977],{"class":75},"()\n",[65,3979,3980],{"class":67,"line":254},[65,3981,100],{"emptyLinePlaceholder":99},[65,3983,3984,3986,3989,3991,3993,3995],{"class":67,"line":261},[65,3985,3941],{"class":112},[65,3987,3988],{"class":75}," handleTryOn ",[65,3990,201],{"class":82},[65,3992,581],{"class":82},[65,3994,517],{"class":112},[65,3996,151],{"class":82},[65,3998,3999,4001,4003,4005,4007,4009,4011,4013,4015],{"class":67,"line":274},[65,4000,1947],{"class":75},[65,4002,26],{"class":82},[65,4004,595],{"class":116},[65,4006,598],{"class":133},[65,4008,90],{"class":82},[65,4010,603],{"class":86},[65,4012,90],{"class":82},[65,4014,502],{"class":82},[65,4016,151],{"class":82},[65,4018,4019,4022,4024,4026,4028,4030],{"class":67,"line":288},[65,4020,4021],{"class":133}," targetElementId",[65,4023,136],{"class":82},[65,4025,83],{"class":82},[65,4027,621],{"class":86},[65,4029,90],{"class":82},[65,4031,626],{"class":82},[65,4033,4034,4037,4039,4041,4043,4045],{"class":67,"line":294},[65,4035,4036],{"class":133}," model",[65,4038,136],{"class":82},[65,4040,83],{"class":82},[65,4042,638],{"class":86},[65,4044,90],{"class":82},[65,4046,626],{"class":82},[65,4048,4049,4052,4054],{"class":67,"line":303},[65,4050,4051],{"class":133}," tryonItems",[65,4053,136],{"class":82},[65,4055,1414],{"class":133},[65,4057,4058],{"class":67,"line":309},[65,4059,4060],{"class":82}," {\n",[65,4062,4063,4066,4068,4071,4073,4075],{"class":67,"line":315},[65,4064,4065],{"class":133}," productName",[65,4067,136],{"class":82},[65,4069,4070],{"class":75}," props",[65,4072,26],{"class":82},[65,4074,1328],{"class":75},[65,4076,626],{"class":82},[65,4078,4079,4082,4084,4086,4088,4091],{"class":67,"line":321},[65,4080,4081],{"class":133}," url",[65,4083,136],{"class":82},[65,4085,4070],{"class":75},[65,4087,26],{"class":82},[65,4089,4090],{"class":75},"imageUrl",[65,4092,626],{"class":82},[65,4094,4095],{"class":67,"line":327},[65,4096,4097],{"class":82}," },\n",[65,4099,4100,4103],{"class":67,"line":355},[65,4101,4102],{"class":133}," ]",[65,4104,626],{"class":82},[65,4106,4107,4109],{"class":67,"line":361},[65,4108,2062],{"class":82},[65,4110,3597],{"class":133},[65,4112,4113],{"class":67,"line":369},[65,4114,178],{"class":82},[65,4116,4117,4119,4121],{"class":67,"line":380},[65,4118,770],{"class":82},[65,4120,1913],{"class":133},[65,4122,377],{"class":82},[28,4124,3220],{"id":3219},[15,4126,4127,4128,136],{},"Add to ",[36,4129,4130],{},".env",[56,4132,4134],{"className":1074,"code":4133,"language":1076,"meta":61,"style":61},"VITE_TRY_ON_API_KEY=pk_live_xxx\n",[36,4135,4136],{"__ignoreMap":61},[65,4137,4138,4140,4142],{"class":67,"line":68},[65,4139,3563],{"class":75},[65,4141,201],{"class":82},[65,4143,1087],{"class":86},[1089,4145,4146],{},"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":61,"searchDepth":96,"depth":96,"links":4148},[4149,4155,4156],{"id":3269,"depth":96,"text":3270,"children":4150},[4151,4153],{"id":3283,"depth":103,"text":4152},"Option A — Per Page with useHead",{"id":3609,"depth":103,"text":4154},"Option B — Global in nuxt.config.ts",{"id":3811,"depth":96,"text":3812},{"id":3219,"depth":96,"text":3220},"Integrate with a Nuxt 3 \u002F Nuxt 4 app","i-lucide-nut",{},"\u002Fen\u002Fintegrations\u002Fnuxt",{"title":3257,"description":4157},"en\u002Fintegrations\u002Fnuxt","3xlJgokLPj3qTkGk4XWJ2RH_Ar2hK0jHeC6j3_o9shE",{"id":4165,"title":4166,"body":4167,"description":5051,"extension":1102,"icon":5052,"meta":5053,"navigation":99,"path":5054,"seo":5055,"stem":5056,"__hash__":5057},"content\u002Fen\u002Fintegrations\u002Freact.md","React",{"type":7,"value":4168,"toc":5046},[4169,4173,4176,4180,4186,4371,4381,4385,4705,4709,5043],[10,4170,4172],{"id":4171},"react-integration","React Integration",[15,4174,4175],{},"Works with any React setup — Vite, Create React App, or custom.",[28,4177,4179],{"id":4178},"_1-load-the-widget-script","1. Load the Widget Script",[15,4181,4182,4183,136],{},"Add the script to your ",[36,4184,4185],{},"index.html",[56,4187,4189],{"className":1867,"code":4188,"language":1869,"meta":61,"style":61},"\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",[36,4190,4191,4196,4202,4214,4226,4234,4252,4276,4318,4322,4342,4355,4363],{"__ignoreMap":61},[65,4192,4193],{"class":67,"line":68},[65,4194,4195],{"class":3298},"\u003C!-- In public\u002Findex.html or index.html (Vite) -->\n",[65,4197,4198,4200],{"class":67,"line":96},[65,4199,1876],{"class":82},[65,4201,1879],{"class":133},[65,4203,4204,4206,4208,4210,4212],{"class":67,"line":103},[65,4205,1884],{"class":112},[65,4207,201],{"class":82},[65,4209,204],{"class":82},[65,4211,207],{"class":86},[65,4213,210],{"class":82},[65,4215,4216,4218,4220,4222,4224],{"class":67,"line":154},[65,4217,1897],{"class":112},[65,4219,201],{"class":82},[65,4221,204],{"class":82},[65,4223,238],{"class":86},[65,4225,210],{"class":82},[65,4227,4228,4230,4232],{"class":67,"line":163},[65,4229,1910],{"class":82},[65,4231,1913],{"class":133},[65,4233,377],{"class":82},[65,4235,4236,4238,4240,4242,4244,4246,4248,4250],{"class":67,"line":169},[65,4237,1876],{"class":82},[65,4239,1913],{"class":133},[65,4241,691],{"class":112},[65,4243,201],{"class":82},[65,4245,204],{"class":82},[65,4247,283],{"class":86},[65,4249,204],{"class":82},[65,4251,377],{"class":82},[65,4253,4254,4256,4258,4260,4262,4264,4266,4268,4270,4272,4274],{"class":67,"line":181},[65,4255,1947],{"class":75},[65,4257,26],{"class":82},[65,4259,1952],{"class":75},[65,4261,201],{"class":82},[65,4263,1957],{"class":75},[65,4265,26],{"class":82},[65,4267,1952],{"class":75},[65,4269,1964],{"class":82},[65,4271,113],{"class":112},[65,4273,1969],{"class":82},[65,4275,151],{"class":82},[65,4277,4278,4280,4282,4284,4286,4288,4290,4292,4294,4296,4298,4300,4302,4304,4306,4308,4310,4312,4314,4316],{"class":67,"line":186},[65,4279,1976],{"class":133},[65,4281,1181],{"class":75},[65,4283,26],{"class":82},[65,4285,595],{"class":75},[65,4287,26],{"class":82},[65,4289,1987],{"class":75},[65,4291,578],{"class":82},[65,4293,1957],{"class":75},[65,4295,26],{"class":82},[65,4297,595],{"class":75},[65,4299,26],{"class":82},[65,4301,1987],{"class":75},[65,4303,2002],{"class":82},[65,4305,2005],{"class":133},[65,4307,26],{"class":82},[65,4309,2010],{"class":116},[65,4311,598],{"class":133},[65,4313,2015],{"class":75},[65,4315,514],{"class":133},[65,4317,93],{"class":82},[65,4319,4320],{"class":67,"line":195},[65,4321,667],{"class":82},[65,4323,4324,4326,4328,4330,4332,4334,4336,4338,4340],{"class":67,"line":213},[65,4325,1947],{"class":75},[65,4327,26],{"class":82},[65,4329,595],{"class":116},[65,4331,598],{"class":75},[65,4333,90],{"class":82},[65,4335,1192],{"class":86},[65,4337,90],{"class":82},[65,4339,502],{"class":82},[65,4341,151],{"class":82},[65,4343,4344,4346,4348,4350,4353],{"class":67,"line":228},[65,4345,2048],{"class":133},[65,4347,136],{"class":82},[65,4349,83],{"class":82},[65,4351,4352],{"class":86},"%VITE_TRY_ON_API_KEY%",[65,4354,352],{"class":82},[65,4356,4357,4359,4361],{"class":67,"line":243},[65,4358,2062],{"class":82},[65,4360,514],{"class":75},[65,4362,93],{"class":82},[65,4364,4365,4367,4369],{"class":67,"line":249},[65,4366,770],{"class":82},[65,4368,1913],{"class":133},[65,4370,377],{"class":82},[4372,4373,4375],"callout",{"icon":4374},"i-lucide-lightbulb",[15,4376,4377,4378,4380],{},"Replace ",[36,4379,4352],{}," at build time with your actual key, or use a runtime injection approach.",[28,4382,4384],{"id":4383},"_2-create-a-custom-hook","2. Create a Custom Hook",[56,4386,4388],{"className":58,"code":4387,"language":60,"meta":61,"style":61},"\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",[36,4389,4390,4395,4403,4413,4423,4434,4438,4442,4451,4461,4494,4507,4511,4515,4523,4531,4561,4565,4569,4573,4586,4610,4634,4638,4642,4657,4678,4682,4686,4701],{"__ignoreMap":61},[65,4391,4392],{"class":67,"line":68},[65,4393,4394],{"class":3298},"\u002F\u002F hooks\u002FuseFittingWidget.ts\n",[65,4396,4397,4399,4401],{"class":67,"line":96},[65,4398,425],{"class":112},[65,4400,428],{"class":139},[65,4402,151],{"class":82},[65,4404,4405,4407,4409,4411],{"class":67,"line":103},[65,4406,435],{"class":133},[65,4408,136],{"class":82},[65,4410,440],{"class":139},[65,4412,93],{"class":82},[65,4414,4415,4417,4419,4421],{"class":67,"line":154},[65,4416,447],{"class":133},[65,4418,136],{"class":82},[65,4420,440],{"class":139},[65,4422,93],{"class":82},[65,4424,4425,4428,4430,4432],{"class":67,"line":163},[65,4426,4427],{"class":133}," productId",[65,4429,508],{"class":82},[65,4431,440],{"class":139},[65,4433,93],{"class":82},[65,4435,4436],{"class":67,"line":169},[65,4437,178],{"class":82},[65,4439,4440],{"class":67,"line":181},[65,4441,100],{"emptyLinePlaceholder":99},[65,4443,4444,4446,4449],{"class":67,"line":186},[65,4445,425],{"class":112},[65,4447,4448],{"class":139}," CreateOptions",[65,4450,151],{"class":82},[65,4452,4453,4455,4457,4459],{"class":67,"line":195},[65,4454,1379],{"class":133},[65,4456,136],{"class":82},[65,4458,440],{"class":139},[65,4460,93],{"class":82},[65,4462,4463,4465,4467,4469,4471,4473,4476,4478,4481,4483,4485,4487,4490,4492],{"class":67,"line":213},[65,4464,1394],{"class":133},[65,4466,508],{"class":82},[65,4468,83],{"class":82},[65,4470,638],{"class":86},[65,4472,90],{"class":82},[65,4474,4475],{"class":82}," |",[65,4477,83],{"class":82},[65,4479,4480],{"class":86},"quality",[65,4482,90],{"class":82},[65,4484,4475],{"class":82},[65,4486,83],{"class":82},[65,4488,4489],{"class":86},"speed",[65,4491,90],{"class":82},[65,4493,93],{"class":82},[65,4495,4496,4498,4500,4502,4505],{"class":67,"line":228},[65,4497,1409],{"class":133},[65,4499,136],{"class":82},[65,4501,428],{"class":139},[65,4503,4504],{"class":75},"[]",[65,4506,93],{"class":82},[65,4508,4509],{"class":67,"line":243},[65,4510,178],{"class":82},[65,4512,4513],{"class":67,"line":249},[65,4514,100],{"emptyLinePlaceholder":99},[65,4516,4517,4519,4521],{"class":67,"line":254},[65,4518,466],{"class":112},[65,4520,469],{"class":75},[65,4522,472],{"class":82},[65,4524,4525,4527,4529],{"class":67,"line":261},[65,4526,477],{"class":112},[65,4528,480],{"class":139},[65,4530,151],{"class":82},[65,4532,4533,4535,4537,4539,4541,4543,4545,4547,4549,4551,4553,4555,4557,4559],{"class":67,"line":274},[65,4534,487],{"class":133},[65,4536,136],{"class":82},[65,4538,492],{"class":82},[65,4540,495],{"class":123},[65,4542,136],{"class":82},[65,4544,440],{"class":139},[65,4546,502],{"class":82},[65,4548,505],{"class":123},[65,4550,508],{"class":82},[65,4552,511],{"class":139},[65,4554,514],{"class":82},[65,4556,517],{"class":112},[65,4558,520],{"class":139},[65,4560,93],{"class":82},[65,4562,4563],{"class":67,"line":288},[65,4564,527],{"class":82},[65,4566,4567],{"class":67,"line":294},[65,4568,178],{"class":82},[65,4570,4571],{"class":67,"line":303},[65,4572,100],{"emptyLinePlaceholder":99},[65,4574,4575,4577,4579,4582,4584],{"class":67,"line":309},[65,4576,106],{"class":71},[65,4578,113],{"class":112},[65,4580,4581],{"class":116}," useFittingWidget",[65,4583,1969],{"class":82},[65,4585,151],{"class":82},[65,4587,4588,4590,4593,4595,4597,4600,4602,4604,4606,4608],{"class":67,"line":315},[65,4589,572],{"class":112},[65,4591,4592],{"class":75}," open",[65,4594,578],{"class":82},[65,4596,492],{"class":82},[65,4598,4599],{"class":123},"options",[65,4601,136],{"class":82},[65,4603,4448],{"class":139},[65,4605,514],{"class":82},[65,4607,517],{"class":112},[65,4609,151],{"class":82},[65,4611,4612,4614,4616,4618,4620,4622,4624,4626,4628,4630,4632],{"class":67,"line":321},[65,4613,590],{"class":75},[65,4615,26],{"class":82},[65,4617,595],{"class":116},[65,4619,598],{"class":133},[65,4621,90],{"class":82},[65,4623,603],{"class":86},[65,4625,90],{"class":82},[65,4627,502],{"class":82},[65,4629,505],{"class":75},[65,4631,514],{"class":133},[65,4633,93],{"class":82},[65,4635,4636],{"class":67,"line":327},[65,4637,667],{"class":82},[65,4639,4640],{"class":67,"line":355},[65,4641,100],{"emptyLinePlaceholder":99},[65,4643,4644,4646,4649,4651,4653,4655],{"class":67,"line":361},[65,4645,572],{"class":112},[65,4647,4648],{"class":75}," close",[65,4650,578],{"class":82},[65,4652,581],{"class":82},[65,4654,517],{"class":112},[65,4656,151],{"class":82},[65,4658,4659,4661,4663,4665,4667,4669,4672,4674,4676],{"class":67,"line":369},[65,4660,590],{"class":75},[65,4662,26],{"class":82},[65,4664,595],{"class":116},[65,4666,598],{"class":133},[65,4668,90],{"class":82},[65,4670,4671],{"class":86},"close",[65,4673,90],{"class":82},[65,4675,514],{"class":133},[65,4677,93],{"class":82},[65,4679,4680],{"class":67,"line":380},[65,4681,667],{"class":82},[65,4683,4684],{"class":67,"line":386},[65,4685,100],{"emptyLinePlaceholder":99},[65,4687,4688,4690,4692,4694,4696,4698],{"class":67,"line":394},[65,4689,157],{"class":71},[65,4691,130],{"class":82},[65,4693,4592],{"class":75},[65,4695,502],{"class":82},[65,4697,4648],{"class":75},[65,4699,4700],{"class":82}," };\n",[65,4702,4703],{"class":67,"line":3592},[65,4704,178],{"class":82},[28,4706,4708],{"id":4707},"_3-use-in-a-component","3. Use in a Component",[56,4710,4712],{"className":58,"code":4711,"language":60,"meta":61,"style":61},"\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",[36,4713,4714,4719,4740,4744,4753,4763,4773,4777,4781,4808,4826,4830,4836,4844,4851,4863,4903,4907,4914,4925,4934,4949,4964,4996,5003,5008,5012,5017,5025,5033,5039],{"__ignoreMap":61},[65,4715,4716],{"class":67,"line":68},[65,4717,4718],{"class":3298},"\u002F\u002F components\u002FTryOnWidget.tsx\n",[65,4720,4721,4723,4725,4727,4729,4731,4733,4736,4738],{"class":67,"line":96},[65,4722,72],{"class":71},[65,4724,130],{"class":82},[65,4726,4581],{"class":75},[65,4728,808],{"class":82},[65,4730,811],{"class":71},[65,4732,83],{"class":82},[65,4734,4735],{"class":86},"..\u002Fhooks\u002FuseFittingWidget",[65,4737,90],{"class":82},[65,4739,93],{"class":82},[65,4741,4742],{"class":67,"line":103},[65,4743,100],{"emptyLinePlaceholder":99},[65,4745,4746,4748,4751],{"class":67,"line":154},[65,4747,425],{"class":112},[65,4749,4750],{"class":139}," Props",[65,4752,151],{"class":82},[65,4754,4755,4757,4759,4761],{"class":67,"line":163},[65,4756,435],{"class":133},[65,4758,136],{"class":82},[65,4760,440],{"class":139},[65,4762,93],{"class":82},[65,4764,4765,4767,4769,4771],{"class":67,"line":169},[65,4766,3966],{"class":133},[65,4768,136],{"class":82},[65,4770,440],{"class":139},[65,4772,93],{"class":82},[65,4774,4775],{"class":67,"line":181},[65,4776,178],{"class":82},[65,4778,4779],{"class":67,"line":186},[65,4780,100],{"emptyLinePlaceholder":99},[65,4782,4783,4785,4787,4790,4792,4795,4797,4800,4802,4804,4806],{"class":67,"line":195},[65,4784,106],{"class":71},[65,4786,113],{"class":112},[65,4788,4789],{"class":116}," TryOnWidget",[65,4791,120],{"class":82},[65,4793,4794],{"class":123}," productName",[65,4796,502],{"class":82},[65,4798,4799],{"class":123}," imageUrl",[65,4801,127],{"class":82},[65,4803,4750],{"class":139},[65,4805,514],{"class":82},[65,4807,151],{"class":82},[65,4809,4810,4812,4814,4816,4818,4820,4822,4824],{"class":67,"line":213},[65,4811,572],{"class":112},[65,4813,130],{"class":82},[65,4815,4592],{"class":75},[65,4817,808],{"class":82},[65,4819,578],{"class":82},[65,4821,4581],{"class":116},[65,4823,1969],{"class":133},[65,4825,93],{"class":82},[65,4827,4828],{"class":67,"line":228},[65,4829,100],{"emptyLinePlaceholder":99},[65,4831,4832,4834],{"class":67,"line":243},[65,4833,157],{"class":71},[65,4835,160],{"class":133},[65,4837,4838,4840,4842],{"class":67,"line":249},[65,4839,910],{"class":82},[65,4841,688],{"class":133},[65,4843,377],{"class":82},[65,4845,4846,4848],{"class":67,"line":254},[65,4847,189],{"class":82},[65,4849,4850],{"class":133},"div\n",[65,4852,4853,4855,4857,4859,4861],{"class":67,"line":261},[65,4854,231],{"class":112},[65,4856,201],{"class":82},[65,4858,204],{"class":82},[65,4860,621],{"class":86},[65,4862,210],{"class":82},[65,4864,4865,4868,4870,4872,4874,4876,4878,4880,4882,4884,4886,4888,4890,4892,4894,4896,4898,4900],{"class":67,"line":274},[65,4866,4867],{"class":112}," style",[65,4869,705],{"class":82},[65,4871,708],{"class":133},[65,4873,136],{"class":82},[65,4875,83],{"class":82},[65,4877,715],{"class":86},[65,4879,90],{"class":82},[65,4881,502],{"class":82},[65,4883,722],{"class":133},[65,4885,136],{"class":82},[65,4887,728],{"class":727},[65,4889,502],{"class":82},[65,4891,733],{"class":133},[65,4893,136],{"class":82},[65,4895,83],{"class":82},[65,4897,740],{"class":86},[65,4899,90],{"class":82},[65,4901,4902],{"class":82}," }}\n",[65,4904,4905],{"class":67,"line":288},[65,4906,246],{"class":82},[65,4908,4909,4911],{"class":67,"line":294},[65,4910,189],{"class":82},[65,4912,4913],{"class":133},"button\n",[65,4915,4916,4919,4922],{"class":67,"line":303},[65,4917,4918],{"class":112}," onClick",[65,4920,4921],{"class":82},"={()",[65,4923,4924],{"class":112}," =>\n",[65,4926,4927,4930,4932],{"class":67,"line":309},[65,4928,4929],{"class":116}," open",[65,4931,598],{"class":75},[65,4933,472],{"class":82},[65,4935,4936,4939,4941,4943,4945,4947],{"class":67,"line":315},[65,4937,4938],{"class":133}," targetElementId",[65,4940,136],{"class":82},[65,4942,83],{"class":82},[65,4944,621],{"class":86},[65,4946,90],{"class":82},[65,4948,626],{"class":82},[65,4950,4951,4954,4956,4958,4960,4962],{"class":67,"line":321},[65,4952,4953],{"class":133}," model",[65,4955,136],{"class":82},[65,4957,83],{"class":82},[65,4959,638],{"class":86},[65,4961,90],{"class":82},[65,4963,626],{"class":82},[65,4965,4966,4969,4971,4974,4977,4979,4981,4984,4986,4989,4991,4994],{"class":67,"line":327},[65,4967,4968],{"class":133}," tryonItems",[65,4970,136],{"class":82},[65,4972,4973],{"class":75}," [",[65,4975,4976],{"class":82},"{",[65,4978,4794],{"class":75},[65,4980,502],{"class":82},[65,4982,4983],{"class":133}," url",[65,4985,136],{"class":82},[65,4987,4988],{"class":75}," imageUrl ",[65,4990,349],{"class":82},[65,4992,4993],{"class":75},"]",[65,4995,626],{"class":82},[65,4997,4998,5001],{"class":67,"line":355},[65,4999,5000],{"class":82}," }",[65,5002,3597],{"class":75},[65,5004,5005],{"class":67,"line":361},[65,5006,5007],{"class":82}," }\n",[65,5009,5010],{"class":67,"line":369},[65,5011,291],{"class":82},[65,5013,5014],{"class":67,"line":380},[65,5015,5016],{"class":75}," Try On\n",[65,5018,5019,5021,5023],{"class":67,"line":386},[65,5020,372],{"class":82},[65,5022,752],{"class":133},[65,5024,377],{"class":82},[65,5026,5027,5029,5031],{"class":67,"line":394},[65,5028,1047],{"class":82},[65,5030,688],{"class":133},[65,5032,377],{"class":82},[65,5034,5035,5037],{"class":67,"line":3592},[65,5036,389],{"class":133},[65,5038,93],{"class":82},[65,5040,5041],{"class":67,"line":3600},[65,5042,178],{"class":82},[1089,5044,5045],{},"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":61,"searchDepth":96,"depth":96,"links":5047},[5048,5049,5050],{"id":4178,"depth":96,"text":4179},{"id":4383,"depth":96,"text":4384},{"id":4707,"depth":96,"text":4708},"Integrate with a React (Vite \u002F CRA) app","i-lucide-react",{},"\u002Fen\u002Fintegrations\u002Freact",{"title":4166,"description":5051},"en\u002Fintegrations\u002Freact","pb3AGE_nU_OjJFKOaRsB1vUMbyzjRuGZlTgplr5i71Q",{"id":5059,"title":5060,"body":5061,"description":5731,"extension":1102,"icon":5732,"meta":5733,"navigation":99,"path":5734,"seo":5735,"stem":5736,"__hash__":5737},"content\u002Fen\u002Fintegrations\u002Fvanilla-js.md","Vanilla JS",{"type":7,"value":5062,"toc":5727},[5063,5067,5070,5074,5701,5705,5724],[10,5064,5066],{"id":5065},"vanilla-js-integration","Vanilla JS Integration",[15,5068,5069],{},"No framework needed — just HTML and JavaScript.",[28,5071,5073],{"id":5072},"full-example","Full Example",[56,5075,5077],{"className":1867,"code":5076,"language":1869,"meta":61,"style":61},"\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",[36,5078,5079,5092,5111,5120,5140,5172,5190,5198,5207,5211,5227,5244,5248,5253,5286,5290,5320,5324,5329,5335,5348,5361,5370,5374,5379,5397,5421,5464,5469,5489,5502,5510,5519,5524,5533,5546,5568,5584,5600,5610,5615,5630,5646,5651,5658,5668,5674,5683,5692],{"__ignoreMap":61},[65,5080,5081,5084,5087,5090],{"class":67,"line":68},[65,5082,5083],{"class":82},"\u003C!",[65,5085,5086],{"class":133},"DOCTYPE",[65,5088,5089],{"class":112}," html",[65,5091,377],{"class":82},[65,5093,5094,5096,5098,5100,5102,5104,5107,5109],{"class":67,"line":96},[65,5095,1876],{"class":82},[65,5097,1869],{"class":133},[65,5099,3402],{"class":112},[65,5101,201],{"class":82},[65,5103,204],{"class":82},[65,5105,5106],{"class":86},"en",[65,5108,204],{"class":82},[65,5110,377],{"class":82},[65,5112,5113,5115,5118],{"class":67,"line":103},[65,5114,1876],{"class":82},[65,5116,5117],{"class":133},"head",[65,5119,377],{"class":82},[65,5121,5122,5124,5126,5129,5131,5133,5136,5138],{"class":67,"line":154},[65,5123,3313],{"class":82},[65,5125,3554],{"class":133},[65,5127,5128],{"class":112}," charset",[65,5130,201],{"class":82},[65,5132,204],{"class":82},[65,5134,5135],{"class":86},"UTF-8",[65,5137,204],{"class":82},[65,5139,3369],{"class":82},[65,5141,5142,5144,5146,5149,5151,5153,5156,5158,5161,5163,5165,5168,5170],{"class":67,"line":163},[65,5143,3313],{"class":82},[65,5145,3554],{"class":133},[65,5147,5148],{"class":112}," name",[65,5150,201],{"class":82},[65,5152,204],{"class":82},[65,5154,5155],{"class":86},"viewport",[65,5157,204],{"class":82},[65,5159,5160],{"class":112}," content",[65,5162,201],{"class":82},[65,5164,204],{"class":82},[65,5166,5167],{"class":86},"width=device-width, initial-scale=1.0",[65,5169,204],{"class":82},[65,5171,3369],{"class":82},[65,5173,5174,5176,5179,5181,5184,5186,5188],{"class":67,"line":169},[65,5175,3313],{"class":82},[65,5177,5178],{"class":133},"title",[65,5180,3326],{"class":82},[65,5182,5183],{"class":75},"Product Page — Virtual Try-On",[65,5185,770],{"class":82},[65,5187,5178],{"class":133},[65,5189,377],{"class":82},[65,5191,5192,5194,5196],{"class":67,"line":181},[65,5193,770],{"class":82},[65,5195,5117],{"class":133},[65,5197,377],{"class":82},[65,5199,5200,5202,5205],{"class":67,"line":186},[65,5201,1876],{"class":82},[65,5203,5204],{"class":133},"body",[65,5206,377],{"class":82},[65,5208,5209],{"class":67,"line":195},[65,5210,100],{"emptyLinePlaceholder":99},[65,5212,5213,5215,5217,5219,5221,5223,5225],{"class":67,"line":213},[65,5214,3313],{"class":82},[65,5216,10],{"class":133},[65,5218,3326],{"class":82},[65,5220,2198],{"class":75},[65,5222,770],{"class":82},[65,5224,10],{"class":133},[65,5226,377],{"class":82},[65,5228,5229,5231,5233,5235,5238,5240,5242],{"class":67,"line":228},[65,5230,3313],{"class":82},[65,5232,15],{"class":133},[65,5234,3326],{"class":82},[65,5236,5237],{"class":75},"$89.00",[65,5239,770],{"class":82},[65,5241,15],{"class":133},[65,5243,377],{"class":82},[65,5245,5246],{"class":67,"line":243},[65,5247,100],{"emptyLinePlaceholder":99},[65,5249,5250],{"class":67,"line":249},[65,5251,5252],{"class":3298}," \u003C!-- Widget container -->\n",[65,5254,5255,5257,5259,5261,5263,5265,5267,5269,5271,5273,5275,5278,5280,5282,5284],{"class":67,"line":254},[65,5256,3313],{"class":82},[65,5258,688],{"class":133},[65,5260,691],{"class":112},[65,5262,201],{"class":82},[65,5264,204],{"class":82},[65,5266,621],{"class":86},[65,5268,204],{"class":82},[65,5270,702],{"class":112},[65,5272,201],{"class":82},[65,5274,204],{"class":82},[65,5276,5277],{"class":86},"width: 100%; max-width: 600px; aspect-ratio: 3 \u002F 4;",[65,5279,204],{"class":82},[65,5281,1910],{"class":82},[65,5283,688],{"class":133},[65,5285,377],{"class":82},[65,5287,5288],{"class":67,"line":261},[65,5289,100],{"emptyLinePlaceholder":99},[65,5291,5292,5294,5296,5299,5301,5303,5306,5308,5310,5312,5314,5316,5318],{"class":67,"line":274},[65,5293,3313],{"class":82},[65,5295,752],{"class":133},[65,5297,5298],{"class":112}," onclick",[65,5300,201],{"class":82},[65,5302,204],{"class":82},[65,5304,5305],{"class":116},"openWidget",[65,5307,1969],{"class":86},[65,5309,204],{"class":82},[65,5311,3326],{"class":82},[65,5313,2956],{"class":75},[65,5315,770],{"class":82},[65,5317,752],{"class":133},[65,5319,377],{"class":82},[65,5321,5322],{"class":67,"line":288},[65,5323,100],{"emptyLinePlaceholder":99},[65,5325,5326],{"class":67,"line":294},[65,5327,5328],{"class":3298}," \u003C!-- 1. Load the widget bundle -->\n",[65,5330,5331,5333],{"class":67,"line":303},[65,5332,3313],{"class":82},[65,5334,1879],{"class":133},[65,5336,5337,5340,5342,5344,5346],{"class":67,"line":309},[65,5338,5339],{"class":112}," src",[65,5341,201],{"class":82},[65,5343,204],{"class":82},[65,5345,207],{"class":86},[65,5347,210],{"class":82},[65,5349,5350,5353,5355,5357,5359],{"class":67,"line":315},[65,5351,5352],{"class":112}," id",[65,5354,201],{"class":82},[65,5356,204],{"class":82},[65,5358,238],{"class":86},[65,5360,210],{"class":82},[65,5362,5363,5366,5368],{"class":67,"line":321},[65,5364,5365],{"class":82}," >\u003C\u002F",[65,5367,1913],{"class":133},[65,5369,377],{"class":82},[65,5371,5372],{"class":67,"line":327},[65,5373,100],{"emptyLinePlaceholder":99},[65,5375,5376],{"class":67,"line":355},[65,5377,5378],{"class":3298}," \u003C!-- 2. Initialize -->\n",[65,5380,5381,5383,5385,5387,5389,5391,5393,5395],{"class":67,"line":361},[65,5382,3313],{"class":82},[65,5384,1913],{"class":133},[65,5386,691],{"class":112},[65,5388,201],{"class":82},[65,5390,204],{"class":82},[65,5392,283],{"class":86},[65,5394,204],{"class":82},[65,5396,377],{"class":82},[65,5398,5399,5401,5403,5405,5407,5409,5411,5413,5415,5417,5419],{"class":67,"line":369},[65,5400,590],{"class":75},[65,5402,26],{"class":82},[65,5404,1952],{"class":75},[65,5406,201],{"class":82},[65,5408,1957],{"class":75},[65,5410,26],{"class":82},[65,5412,1952],{"class":75},[65,5414,1964],{"class":82},[65,5416,113],{"class":112},[65,5418,1969],{"class":82},[65,5420,151],{"class":82},[65,5422,5423,5426,5428,5430,5432,5434,5436,5438,5440,5442,5444,5446,5448,5450,5452,5454,5456,5458,5460,5462],{"class":67,"line":380},[65,5424,5425],{"class":133}," (",[65,5427,1181],{"class":75},[65,5429,26],{"class":82},[65,5431,595],{"class":75},[65,5433,26],{"class":82},[65,5435,1987],{"class":75},[65,5437,578],{"class":82},[65,5439,1957],{"class":75},[65,5441,26],{"class":82},[65,5443,595],{"class":75},[65,5445,26],{"class":82},[65,5447,1987],{"class":75},[65,5449,2002],{"class":82},[65,5451,2005],{"class":133},[65,5453,26],{"class":82},[65,5455,2010],{"class":116},[65,5457,598],{"class":133},[65,5459,2015],{"class":75},[65,5461,514],{"class":133},[65,5463,93],{"class":82},[65,5465,5466],{"class":67,"line":386},[65,5467,5468],{"class":82}," };\n",[65,5470,5471,5473,5475,5477,5479,5481,5483,5485,5487],{"class":67,"line":394},[65,5472,590],{"class":75},[65,5474,26],{"class":82},[65,5476,595],{"class":116},[65,5478,598],{"class":75},[65,5480,90],{"class":82},[65,5482,1192],{"class":86},[65,5484,90],{"class":82},[65,5486,502],{"class":82},[65,5488,151],{"class":82},[65,5490,5491,5494,5496,5498,5500],{"class":67,"line":3592},[65,5492,5493],{"class":133}," apiKey",[65,5495,136],{"class":82},[65,5497,83],{"class":82},[65,5499,2055],{"class":86},[65,5501,352],{"class":82},[65,5503,5504,5506,5508],{"class":67,"line":3600},[65,5505,658],{"class":82},[65,5507,514],{"class":75},[65,5509,93],{"class":82},[65,5511,5513,5515,5517],{"class":67,"line":5512},32,[65,5514,3374],{"class":82},[65,5516,1913],{"class":133},[65,5518,377],{"class":82},[65,5520,5522],{"class":67,"line":5521},33,[65,5523,100],{"emptyLinePlaceholder":99},[65,5525,5527,5529,5531],{"class":67,"line":5526},34,[65,5528,3313],{"class":82},[65,5530,1913],{"class":133},[65,5532,377],{"class":82},[65,5534,5536,5539,5542,5544],{"class":67,"line":5535},35,[65,5537,5538],{"class":112}," function",[65,5540,5541],{"class":116}," openWidget",[65,5543,1969],{"class":82},[65,5545,151],{"class":82},[65,5547,5549,5552,5554,5556,5558,5560,5562,5564,5566],{"class":67,"line":5548},36,[65,5550,5551],{"class":75}," window",[65,5553,26],{"class":82},[65,5555,595],{"class":116},[65,5557,598],{"class":133},[65,5559,90],{"class":82},[65,5561,603],{"class":86},[65,5563,90],{"class":82},[65,5565,502],{"class":82},[65,5567,151],{"class":82},[65,5569,5571,5574,5576,5578,5580,5582],{"class":67,"line":5570},37,[65,5572,5573],{"class":133}," targetElementId",[65,5575,136],{"class":82},[65,5577,83],{"class":82},[65,5579,621],{"class":86},[65,5581,90],{"class":82},[65,5583,626],{"class":82},[65,5585,5587,5590,5592,5594,5596,5598],{"class":67,"line":5586},38,[65,5588,5589],{"class":133}," model",[65,5591,136],{"class":82},[65,5593,83],{"class":82},[65,5595,638],{"class":86},[65,5597,90],{"class":82},[65,5599,626],{"class":82},[65,5601,5603,5606,5608],{"class":67,"line":5602},39,[65,5604,5605],{"class":133}," tryonItems",[65,5607,136],{"class":82},[65,5609,1414],{"class":133},[65,5611,5613],{"class":67,"line":5612},40,[65,5614,996],{"class":82},[65,5616,5618,5620,5622,5624,5626,5628],{"class":67,"line":5617},41,[65,5619,1001],{"class":133},[65,5621,136],{"class":82},[65,5623,83],{"class":82},[65,5625,2198],{"class":86},[65,5627,90],{"class":82},[65,5629,626],{"class":82},[65,5631,5633,5635,5637,5639,5642,5644],{"class":67,"line":5632},42,[65,5634,1016],{"class":133},[65,5636,136],{"class":82},[65,5638,83],{"class":82},[65,5640,5641],{"class":86},"https:\u002F\u002Fexample.com\u002Fimages\u002Fjacket.jpg",[65,5643,90],{"class":82},[65,5645,626],{"class":82},[65,5647,5649],{"class":67,"line":5648},43,[65,5650,1031],{"class":82},[65,5652,5654,5656],{"class":67,"line":5653},44,[65,5655,1036],{"class":133},[65,5657,626],{"class":82},[65,5659,5661,5664,5666],{"class":67,"line":5660},45,[65,5662,5663],{"class":82}," }",[65,5665,514],{"class":133},[65,5667,93],{"class":82},[65,5669,5671],{"class":67,"line":5670},46,[65,5672,5673],{"class":82}," }\n",[65,5675,5677,5679,5681],{"class":67,"line":5676},47,[65,5678,3374],{"class":82},[65,5680,1913],{"class":133},[65,5682,377],{"class":82},[65,5684,5686,5688,5690],{"class":67,"line":5685},48,[65,5687,770],{"class":82},[65,5689,5204],{"class":133},[65,5691,377],{"class":82},[65,5693,5695,5697,5699],{"class":67,"line":5694},49,[65,5696,770],{"class":82},[65,5698,1869],{"class":133},[65,5700,377],{"class":82},[28,5702,5704],{"id":5703},"key-points","Key Points",[2248,5706,5707,5710,5719],{},[2251,5708,5709],{},"Load the bundle script first.",[2251,5711,5712,5713,5716,5717,26],{},"Initialize with ",[36,5714,5715],{},"window.fitting('init', { apiKey })"," before calling ",[36,5718,603],{},[2251,5720,2293,5721,5723],{},[36,5722,1255],{}," must match an existing element on the page.",[1089,5725,5726],{},"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":61,"searchDepth":96,"depth":96,"links":5728},[5729,5730],{"id":5072,"depth":96,"text":5073},{"id":5703,"depth":96,"text":5704},"Integrate with plain HTML\u002FJavaScript","i-lucide-file-code",{},"\u002Fen\u002Fintegrations\u002Fvanilla-js",{"title":5060,"description":5731},"en\u002Fintegrations\u002Fvanilla-js","Ts8msIFer-tIlPDRwRbkNZSpWu0JrTJP8uMKqB57tJQ",{"id":5739,"title":5740,"body":5741,"description":6586,"extension":1102,"icon":6587,"meta":6588,"navigation":99,"path":6589,"seo":6590,"stem":6591,"__hash__":6592},"content\u002Fen\u002Fintegrations\u002Fvue.md","Vue 3",{"type":7,"value":5742,"toc":6581},[5743,5747,5750,5752,5757,5936,5940,6238,6242,6578],[10,5744,5746],{"id":5745},"vue-3-integration","Vue 3 Integration",[15,5748,5749],{},"Works with Vue 3 + Vite or any Vue 3 setup.",[28,5751,4179],{"id":4178},[15,5753,5754,5755,136],{},"In ",[36,5756,4185],{},[56,5758,5760],{"className":1867,"code":5759,"language":1869,"meta":61,"style":61},"\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",[36,5761,5762,5768,5780,5792,5800,5818,5842,5884,5888,5908,5920,5928],{"__ignoreMap":61},[65,5763,5764,5766],{"class":67,"line":68},[65,5765,1876],{"class":82},[65,5767,1879],{"class":133},[65,5769,5770,5772,5774,5776,5778],{"class":67,"line":96},[65,5771,1884],{"class":112},[65,5773,201],{"class":82},[65,5775,204],{"class":82},[65,5777,207],{"class":86},[65,5779,210],{"class":82},[65,5781,5782,5784,5786,5788,5790],{"class":67,"line":103},[65,5783,1897],{"class":112},[65,5785,201],{"class":82},[65,5787,204],{"class":82},[65,5789,238],{"class":86},[65,5791,210],{"class":82},[65,5793,5794,5796,5798],{"class":67,"line":154},[65,5795,1910],{"class":82},[65,5797,1913],{"class":133},[65,5799,377],{"class":82},[65,5801,5802,5804,5806,5808,5810,5812,5814,5816],{"class":67,"line":163},[65,5803,1876],{"class":82},[65,5805,1913],{"class":133},[65,5807,691],{"class":112},[65,5809,201],{"class":82},[65,5811,204],{"class":82},[65,5813,283],{"class":86},[65,5815,204],{"class":82},[65,5817,377],{"class":82},[65,5819,5820,5822,5824,5826,5828,5830,5832,5834,5836,5838,5840],{"class":67,"line":169},[65,5821,1947],{"class":75},[65,5823,26],{"class":82},[65,5825,1952],{"class":75},[65,5827,201],{"class":82},[65,5829,1957],{"class":75},[65,5831,26],{"class":82},[65,5833,1952],{"class":75},[65,5835,1964],{"class":82},[65,5837,113],{"class":112},[65,5839,1969],{"class":82},[65,5841,151],{"class":82},[65,5843,5844,5846,5848,5850,5852,5854,5856,5858,5860,5862,5864,5866,5868,5870,5872,5874,5876,5878,5880,5882],{"class":67,"line":181},[65,5845,1976],{"class":133},[65,5847,1181],{"class":75},[65,5849,26],{"class":82},[65,5851,595],{"class":75},[65,5853,26],{"class":82},[65,5855,1987],{"class":75},[65,5857,578],{"class":82},[65,5859,1957],{"class":75},[65,5861,26],{"class":82},[65,5863,595],{"class":75},[65,5865,26],{"class":82},[65,5867,1987],{"class":75},[65,5869,2002],{"class":82},[65,5871,2005],{"class":133},[65,5873,26],{"class":82},[65,5875,2010],{"class":116},[65,5877,598],{"class":133},[65,5879,2015],{"class":75},[65,5881,514],{"class":133},[65,5883,93],{"class":82},[65,5885,5886],{"class":67,"line":186},[65,5887,667],{"class":82},[65,5889,5890,5892,5894,5896,5898,5900,5902,5904,5906],{"class":67,"line":195},[65,5891,1947],{"class":75},[65,5893,26],{"class":82},[65,5895,595],{"class":116},[65,5897,598],{"class":75},[65,5899,90],{"class":82},[65,5901,1192],{"class":86},[65,5903,90],{"class":82},[65,5905,502],{"class":82},[65,5907,151],{"class":82},[65,5909,5910,5912,5914,5916,5918],{"class":67,"line":213},[65,5911,2048],{"class":133},[65,5913,136],{"class":82},[65,5915,83],{"class":82},[65,5917,2055],{"class":86},[65,5919,352],{"class":82},[65,5921,5922,5924,5926],{"class":67,"line":228},[65,5923,2062],{"class":82},[65,5925,514],{"class":75},[65,5927,93],{"class":82},[65,5929,5930,5932,5934],{"class":67,"line":243},[65,5931,770],{"class":82},[65,5933,1913],{"class":133},[65,5935,377],{"class":82},[28,5937,5939],{"id":5938},"_2-create-a-composable","2. Create a Composable",[56,5941,5943],{"className":3615,"code":5942,"language":3409,"meta":61,"style":61},"\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",[36,5944,5945,5950,5961,5969,5977,5985,5989,5993,6003,6011,6039,6050,6054,6058,6066,6074,6103,6107,6111,6115,6127,6149,6171,6175,6179,6193,6211,6215,6219,6234],{"__ignoreMap":61},[65,5946,5947],{"class":67,"line":68},[65,5948,5949],{"class":3298},"\u002F\u002F composables\u002FuseFittingWidget.ts\n",[65,5951,5952,5954,5957,5959],{"class":67,"line":96},[65,5953,106],{"class":71},[65,5955,5956],{"class":112}," interface",[65,5958,428],{"class":139},[65,5960,151],{"class":82},[65,5962,5963,5965,5967],{"class":67,"line":103},[65,5964,435],{"class":133},[65,5966,136],{"class":82},[65,5968,3961],{"class":139},[65,5970,5971,5973,5975],{"class":67,"line":154},[65,5972,447],{"class":133},[65,5974,136],{"class":82},[65,5976,3961],{"class":139},[65,5978,5979,5981,5983],{"class":67,"line":163},[65,5980,4427],{"class":133},[65,5982,508],{"class":82},[65,5984,3961],{"class":139},[65,5986,5987],{"class":67,"line":169},[65,5988,178],{"class":82},[65,5990,5991],{"class":67,"line":181},[65,5992,100],{"emptyLinePlaceholder":99},[65,5994,5995,5997,5999,6001],{"class":67,"line":186},[65,5996,106],{"class":71},[65,5998,5956],{"class":112},[65,6000,4448],{"class":139},[65,6002,151],{"class":82},[65,6004,6005,6007,6009],{"class":67,"line":195},[65,6006,1379],{"class":133},[65,6008,136],{"class":82},[65,6010,3961],{"class":139},[65,6012,6013,6015,6017,6019,6021,6023,6025,6027,6029,6031,6033,6035,6037],{"class":67,"line":213},[65,6014,1394],{"class":133},[65,6016,508],{"class":82},[65,6018,83],{"class":82},[65,6020,638],{"class":86},[65,6022,90],{"class":82},[65,6024,4475],{"class":82},[65,6026,83],{"class":82},[65,6028,4480],{"class":86},[65,6030,90],{"class":82},[65,6032,4475],{"class":82},[65,6034,83],{"class":82},[65,6036,4489],{"class":86},[65,6038,352],{"class":82},[65,6040,6041,6043,6045,6047],{"class":67,"line":228},[65,6042,1409],{"class":133},[65,6044,136],{"class":82},[65,6046,428],{"class":139},[65,6048,6049],{"class":75},"[]\n",[65,6051,6052],{"class":67,"line":243},[65,6053,178],{"class":82},[65,6055,6056],{"class":67,"line":249},[65,6057,100],{"emptyLinePlaceholder":99},[65,6059,6060,6062,6064],{"class":67,"line":254},[65,6061,466],{"class":112},[65,6063,469],{"class":75},[65,6065,472],{"class":82},[65,6067,6068,6070,6072],{"class":67,"line":261},[65,6069,477],{"class":112},[65,6071,480],{"class":139},[65,6073,151],{"class":82},[65,6075,6076,6078,6080,6082,6084,6086,6088,6090,6092,6094,6096,6098,6100],{"class":67,"line":274},[65,6077,487],{"class":133},[65,6079,136],{"class":82},[65,6081,492],{"class":82},[65,6083,495],{"class":123},[65,6085,136],{"class":82},[65,6087,440],{"class":139},[65,6089,502],{"class":82},[65,6091,505],{"class":123},[65,6093,508],{"class":82},[65,6095,511],{"class":139},[65,6097,514],{"class":82},[65,6099,517],{"class":112},[65,6101,6102],{"class":139}," void\n",[65,6104,6105],{"class":67,"line":288},[65,6106,527],{"class":82},[65,6108,6109],{"class":67,"line":294},[65,6110,178],{"class":82},[65,6112,6113],{"class":67,"line":303},[65,6114,100],{"emptyLinePlaceholder":99},[65,6116,6117,6119,6121,6123,6125],{"class":67,"line":309},[65,6118,106],{"class":71},[65,6120,113],{"class":112},[65,6122,4581],{"class":116},[65,6124,1969],{"class":82},[65,6126,151],{"class":82},[65,6128,6129,6131,6133,6135,6137,6139,6141,6143,6145,6147],{"class":67,"line":315},[65,6130,572],{"class":112},[65,6132,4592],{"class":75},[65,6134,578],{"class":82},[65,6136,492],{"class":82},[65,6138,4599],{"class":123},[65,6140,136],{"class":82},[65,6142,4448],{"class":139},[65,6144,514],{"class":82},[65,6146,517],{"class":112},[65,6148,151],{"class":82},[65,6150,6151,6153,6155,6157,6159,6161,6163,6165,6167,6169],{"class":67,"line":321},[65,6152,590],{"class":75},[65,6154,26],{"class":82},[65,6156,595],{"class":116},[65,6158,598],{"class":133},[65,6160,90],{"class":82},[65,6162,603],{"class":86},[65,6164,90],{"class":82},[65,6166,502],{"class":82},[65,6168,505],{"class":75},[65,6170,3597],{"class":133},[65,6172,6173],{"class":67,"line":327},[65,6174,527],{"class":82},[65,6176,6177],{"class":67,"line":355},[65,6178,100],{"emptyLinePlaceholder":99},[65,6180,6181,6183,6185,6187,6189,6191],{"class":67,"line":361},[65,6182,572],{"class":112},[65,6184,4648],{"class":75},[65,6186,578],{"class":82},[65,6188,581],{"class":82},[65,6190,517],{"class":112},[65,6192,151],{"class":82},[65,6194,6195,6197,6199,6201,6203,6205,6207,6209],{"class":67,"line":369},[65,6196,590],{"class":75},[65,6198,26],{"class":82},[65,6200,595],{"class":116},[65,6202,598],{"class":133},[65,6204,90],{"class":82},[65,6206,4671],{"class":86},[65,6208,90],{"class":82},[65,6210,3597],{"class":133},[65,6212,6213],{"class":67,"line":380},[65,6214,527],{"class":82},[65,6216,6217],{"class":67,"line":386},[65,6218,100],{"emptyLinePlaceholder":99},[65,6220,6221,6223,6225,6227,6229,6231],{"class":67,"line":394},[65,6222,157],{"class":71},[65,6224,130],{"class":82},[65,6226,4592],{"class":75},[65,6228,502],{"class":82},[65,6230,4648],{"class":75},[65,6232,6233],{"class":82}," }\n",[65,6235,6236],{"class":67,"line":3592},[65,6237,178],{"class":82},[28,6239,6241],{"id":6240},"_3-create-the-widget-component","3. Create the Widget Component",[56,6243,6245],{"className":3289,"code":6244,"language":3291,"meta":61,"style":61},"\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",[36,6246,6247,6251,6259,6267,6273,6285,6299,6304,6330,6338,6346,6350,6370,6396,6400,6412,6420,6428,6434,6438,6455,6459,6473,6482,6496,6510,6518,6522,6536,6550,6554,6560,6566,6570],{"__ignoreMap":61},[65,6248,6249],{"class":67,"line":68},[65,6250,3822],{"class":3298},[65,6252,6253,6255,6257],{"class":67,"line":96},[65,6254,1876],{"class":82},[65,6256,3306],{"class":133},[65,6258,377],{"class":82},[65,6260,6261,6263,6265],{"class":67,"line":103},[65,6262,3313],{"class":82},[65,6264,688],{"class":133},[65,6266,377],{"class":82},[65,6268,6269,6271],{"class":67,"line":154},[65,6270,910],{"class":82},[65,6272,4850],{"class":133},[65,6274,6275,6277,6279,6281,6283],{"class":67,"line":163},[65,6276,3478],{"class":112},[65,6278,201],{"class":82},[65,6280,204],{"class":82},[65,6282,621],{"class":86},[65,6284,210],{"class":82},[65,6286,6287,6290,6292,6294,6297],{"class":67,"line":169},[65,6288,6289],{"class":112}," style",[65,6291,201],{"class":82},[65,6293,204],{"class":82},[65,6295,6296],{"class":86},"width: 100%; max-width: 600px; aspect-ratio: 3\u002F4",[65,6298,210],{"class":82},[65,6300,6301],{"class":67,"line":181},[65,6302,6303],{"class":82}," \u002F>\n",[65,6305,6306,6308,6310,6312,6314,6316,6318,6320,6322,6324,6326,6328],{"class":67,"line":186},[65,6307,910],{"class":82},[65,6309,752],{"class":133},[65,6311,3877],{"class":112},[65,6313,201],{"class":82},[65,6315,204],{"class":82},[65,6317,3884],{"class":86},[65,6319,204],{"class":82},[65,6321,3326],{"class":82},[65,6323,2956],{"class":75},[65,6325,770],{"class":82},[65,6327,752],{"class":133},[65,6329,377],{"class":82},[65,6331,6332,6334,6336],{"class":67,"line":195},[65,6333,3374],{"class":82},[65,6335,688],{"class":133},[65,6337,377],{"class":82},[65,6339,6340,6342,6344],{"class":67,"line":213},[65,6341,770],{"class":82},[65,6343,3306],{"class":133},[65,6345,377],{"class":82},[65,6347,6348],{"class":67,"line":228},[65,6349,100],{"emptyLinePlaceholder":99},[65,6351,6352,6354,6356,6358,6360,6362,6364,6366,6368],{"class":67,"line":243},[65,6353,1876],{"class":82},[65,6355,1913],{"class":133},[65,6357,3399],{"class":112},[65,6359,3402],{"class":112},[65,6361,201],{"class":82},[65,6363,204],{"class":82},[65,6365,3409],{"class":86},[65,6367,204],{"class":82},[65,6369,377],{"class":82},[65,6371,6372,6374,6376,6378,6380,6383,6385,6387,6389,6391,6394],{"class":67,"line":249},[65,6373,72],{"class":71},[65,6375,130],{"class":82},[65,6377,4581],{"class":75},[65,6379,502],{"class":82},[65,6381,6382],{"class":71}," type",[65,6384,428],{"class":75},[65,6386,808],{"class":82},[65,6388,811],{"class":71},[65,6390,83],{"class":82},[65,6392,6393],{"class":86},"~\u002Fcomposables\u002FuseFittingWidget",[65,6395,352],{"class":82},[65,6397,6398],{"class":67,"line":254},[65,6399,100],{"emptyLinePlaceholder":99},[65,6401,6402,6404,6406,6408,6410],{"class":67,"line":261},[65,6403,3941],{"class":112},[65,6405,3944],{"class":75},[65,6407,201],{"class":82},[65,6409,3949],{"class":116},[65,6411,3952],{"class":82},[65,6413,6414,6416,6418],{"class":67,"line":274},[65,6415,435],{"class":133},[65,6417,136],{"class":82},[65,6419,3961],{"class":139},[65,6421,6422,6424,6426],{"class":67,"line":288},[65,6423,3966],{"class":133},[65,6425,136],{"class":82},[65,6427,3961],{"class":139},[65,6429,6430,6432],{"class":67,"line":294},[65,6431,764],{"class":82},[65,6433,3977],{"class":75},[65,6435,6436],{"class":67,"line":303},[65,6437,100],{"emptyLinePlaceholder":99},[65,6439,6440,6442,6444,6447,6449,6451,6453],{"class":67,"line":309},[65,6441,3941],{"class":112},[65,6443,130],{"class":82},[65,6445,6446],{"class":75}," open ",[65,6448,349],{"class":82},[65,6450,578],{"class":82},[65,6452,4581],{"class":116},[65,6454,3977],{"class":75},[65,6456,6457],{"class":67,"line":315},[65,6458,100],{"emptyLinePlaceholder":99},[65,6460,6461,6463,6465,6467,6469,6471],{"class":67,"line":321},[65,6462,3941],{"class":112},[65,6464,3988],{"class":75},[65,6466,201],{"class":82},[65,6468,581],{"class":82},[65,6470,517],{"class":112},[65,6472,151],{"class":82},[65,6474,6475,6478,6480],{"class":67,"line":327},[65,6476,6477],{"class":116}," open",[65,6479,598],{"class":133},[65,6481,472],{"class":82},[65,6483,6484,6486,6488,6490,6492,6494],{"class":67,"line":355},[65,6485,4021],{"class":133},[65,6487,136],{"class":82},[65,6489,83],{"class":82},[65,6491,621],{"class":86},[65,6493,90],{"class":82},[65,6495,626],{"class":82},[65,6497,6498,6500,6502,6504,6506,6508],{"class":67,"line":361},[65,6499,4036],{"class":133},[65,6501,136],{"class":82},[65,6503,83],{"class":82},[65,6505,638],{"class":86},[65,6507,90],{"class":82},[65,6509,626],{"class":82},[65,6511,6512,6514,6516],{"class":67,"line":369},[65,6513,4051],{"class":133},[65,6515,136],{"class":82},[65,6517,1414],{"class":133},[65,6519,6520],{"class":67,"line":380},[65,6521,4060],{"class":82},[65,6523,6524,6526,6528,6530,6532,6534],{"class":67,"line":386},[65,6525,4065],{"class":133},[65,6527,136],{"class":82},[65,6529,4070],{"class":75},[65,6531,26],{"class":82},[65,6533,1328],{"class":75},[65,6535,626],{"class":82},[65,6537,6538,6540,6542,6544,6546,6548],{"class":67,"line":394},[65,6539,4081],{"class":133},[65,6541,136],{"class":82},[65,6543,4070],{"class":75},[65,6545,26],{"class":82},[65,6547,4090],{"class":75},[65,6549,626],{"class":82},[65,6551,6552],{"class":67,"line":3592},[65,6553,4097],{"class":82},[65,6555,6556,6558],{"class":67,"line":3600},[65,6557,4102],{"class":133},[65,6559,626],{"class":82},[65,6561,6562,6564],{"class":67,"line":5512},[65,6563,2062],{"class":82},[65,6565,3597],{"class":133},[65,6567,6568],{"class":67,"line":5521},[65,6569,178],{"class":82},[65,6571,6572,6574,6576],{"class":67,"line":5526},[65,6573,770],{"class":82},[65,6575,1913],{"class":133},[65,6577,377],{"class":82},[1089,6579,6580],{},"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":61,"searchDepth":96,"depth":96,"links":6582},[6583,6584,6585],{"id":4178,"depth":96,"text":4179},{"id":5938,"depth":96,"text":5939},{"id":6240,"depth":96,"text":6241},"Integrate with a Vue 3 application","i-lucide-venetian-mask",{},"\u002Fen\u002Fintegrations\u002Fvue",{"title":5740,"description":6586},"en\u002Fintegrations\u002Fvue","GShiJEM5AAOgyg7U0MXXp-Lqn_Y-1BooZA_uvPnVwT0",{"id":6594,"title":6595,"body":6596,"description":7005,"extension":1102,"icon":2276,"meta":7006,"navigation":99,"path":2358,"seo":7007,"stem":7008,"__hash__":7009},"content\u002Fgetting-started\u002Fquick-start.md","Быстрый старт",{"type":7,"value":6597,"toc":6996},[6598,6601,6604,6608,6615,6619,6627,6669,6673,6813,6817,6823,6849,6853,6859,6969,6973,6976,6980,6993],[10,6599,6595],{"id":6600},"быстрый-старт",[15,6602,6603],{},"Следуйте этим шагам, чтобы добавить виртуальную примерку на ваш сайт.",[28,6605,6607],{"id":6606},"_1-получите-api-ключ","1. Получите API-ключ",[15,6609,6610,6611,6614],{},"Зарегистрируйтесь на ",[1843,6612,1848],{"href":1845,"rel":6613},[1847],", чтобы получить бесплатный API-ключ.",[28,6616,6618],{"id":6617},"_2-загрузите-скрипт-виджета","2. Загрузите скрипт виджета",[15,6620,6621,6622,6624,6625,136],{},"Добавьте следующий тег ",[36,6623,1859],{}," на страницу, желательно перед закрывающим тегом ",[36,6626,1863],{},[56,6628,6629],{"className":1867,"code":1868,"language":1869,"meta":61,"style":61},[36,6630,6631,6637,6649,6661],{"__ignoreMap":61},[65,6632,6633,6635],{"class":67,"line":68},[65,6634,1876],{"class":82},[65,6636,1879],{"class":133},[65,6638,6639,6641,6643,6645,6647],{"class":67,"line":96},[65,6640,1884],{"class":112},[65,6642,201],{"class":82},[65,6644,204],{"class":82},[65,6646,207],{"class":86},[65,6648,210],{"class":82},[65,6650,6651,6653,6655,6657,6659],{"class":67,"line":103},[65,6652,1897],{"class":112},[65,6654,201],{"class":82},[65,6656,204],{"class":82},[65,6658,238],{"class":86},[65,6660,210],{"class":82},[65,6662,6663,6665,6667],{"class":67,"line":154},[65,6664,1910],{"class":82},[65,6666,1913],{"class":133},[65,6668,377],{"class":82},[28,6670,6672],{"id":6671},"_3-инициализируйте-виджет","3. Инициализируйте виджет",[56,6674,6675],{"className":1867,"code":1922,"language":1869,"meta":61,"style":61},[36,6676,6677,6695,6719,6761,6765,6785,6797,6805],{"__ignoreMap":61},[65,6678,6679,6681,6683,6685,6687,6689,6691,6693],{"class":67,"line":68},[65,6680,1876],{"class":82},[65,6682,1913],{"class":133},[65,6684,691],{"class":112},[65,6686,201],{"class":82},[65,6688,204],{"class":82},[65,6690,283],{"class":86},[65,6692,204],{"class":82},[65,6694,377],{"class":82},[65,6696,6697,6699,6701,6703,6705,6707,6709,6711,6713,6715,6717],{"class":67,"line":96},[65,6698,1947],{"class":75},[65,6700,26],{"class":82},[65,6702,1952],{"class":75},[65,6704,201],{"class":82},[65,6706,1957],{"class":75},[65,6708,26],{"class":82},[65,6710,1952],{"class":75},[65,6712,1964],{"class":82},[65,6714,113],{"class":112},[65,6716,1969],{"class":82},[65,6718,151],{"class":82},[65,6720,6721,6723,6725,6727,6729,6731,6733,6735,6737,6739,6741,6743,6745,6747,6749,6751,6753,6755,6757,6759],{"class":67,"line":103},[65,6722,1976],{"class":133},[65,6724,1181],{"class":75},[65,6726,26],{"class":82},[65,6728,595],{"class":75},[65,6730,26],{"class":82},[65,6732,1987],{"class":75},[65,6734,578],{"class":82},[65,6736,1957],{"class":75},[65,6738,26],{"class":82},[65,6740,595],{"class":75},[65,6742,26],{"class":82},[65,6744,1987],{"class":75},[65,6746,2002],{"class":82},[65,6748,2005],{"class":133},[65,6750,26],{"class":82},[65,6752,2010],{"class":116},[65,6754,598],{"class":133},[65,6756,2015],{"class":75},[65,6758,514],{"class":133},[65,6760,93],{"class":82},[65,6762,6763],{"class":67,"line":154},[65,6764,667],{"class":82},[65,6766,6767,6769,6771,6773,6775,6777,6779,6781,6783],{"class":67,"line":163},[65,6768,1947],{"class":75},[65,6770,26],{"class":82},[65,6772,595],{"class":116},[65,6774,598],{"class":75},[65,6776,90],{"class":82},[65,6778,1192],{"class":86},[65,6780,90],{"class":82},[65,6782,502],{"class":82},[65,6784,151],{"class":82},[65,6786,6787,6789,6791,6793,6795],{"class":67,"line":169},[65,6788,2048],{"class":133},[65,6790,136],{"class":82},[65,6792,83],{"class":82},[65,6794,2055],{"class":86},[65,6796,352],{"class":82},[65,6798,6799,6801,6803],{"class":67,"line":181},[65,6800,2062],{"class":82},[65,6802,514],{"class":75},[65,6804,93],{"class":82},[65,6806,6807,6809,6811],{"class":67,"line":186},[65,6808,770],{"class":82},[65,6810,1913],{"class":133},[65,6812,377],{"class":82},[28,6814,6816],{"id":6815},"_4-добавьте-контейнер","4. Добавьте контейнер",[15,6818,6819,6820,6822],{},"Разместите ",[36,6821,2084],{}," там, где должен отображаться виджет:",[56,6824,6825],{"className":1867,"code":2088,"language":1869,"meta":61,"style":61},[36,6826,6827],{"__ignoreMap":61},[65,6828,6829,6831,6833,6835,6837,6839,6841,6843,6845,6847],{"class":67,"line":68},[65,6830,1876],{"class":82},[65,6832,688],{"class":133},[65,6834,691],{"class":112},[65,6836,201],{"class":82},[65,6838,204],{"class":82},[65,6840,621],{"class":86},[65,6842,204],{"class":82},[65,6844,1910],{"class":82},[65,6846,688],{"class":133},[65,6848,377],{"class":82},[28,6850,6852],{"id":6851},"_5-запустите-виджет","5. Запустите виджет",[15,6854,6855,6856,6858],{},"Вызовите метод ",[36,6857,603],{}," при нажатии пользователем кнопки:",[56,6860,6861],{"className":1172,"code":2125,"language":1174,"meta":61,"style":61},[36,6862,6863,6883,6897,6911,6919,6923,6937,6951,6955,6961],{"__ignoreMap":61},[65,6864,6865,6867,6869,6871,6873,6875,6877,6879,6881],{"class":67,"line":68},[65,6866,1181],{"class":75},[65,6868,26],{"class":82},[65,6870,595],{"class":116},[65,6872,598],{"class":75},[65,6874,90],{"class":82},[65,6876,603],{"class":86},[65,6878,90],{"class":82},[65,6880,502],{"class":82},[65,6882,151],{"class":82},[65,6884,6885,6887,6889,6891,6893,6895],{"class":67,"line":96},[65,6886,1379],{"class":133},[65,6888,136],{"class":82},[65,6890,83],{"class":82},[65,6892,621],{"class":86},[65,6894,90],{"class":82},[65,6896,626],{"class":82},[65,6898,6899,6901,6903,6905,6907,6909],{"class":67,"line":103},[65,6900,1394],{"class":133},[65,6902,136],{"class":82},[65,6904,83],{"class":82},[65,6906,638],{"class":86},[65,6908,90],{"class":82},[65,6910,626],{"class":82},[65,6912,6913,6915,6917],{"class":67,"line":154},[65,6914,1409],{"class":133},[65,6916,136],{"class":82},[65,6918,1414],{"class":75},[65,6920,6921],{"class":67,"line":163},[65,6922,1419],{"class":82},[65,6924,6925,6927,6929,6931,6933,6935],{"class":67,"line":169},[65,6926,1424],{"class":133},[65,6928,136],{"class":82},[65,6930,83],{"class":82},[65,6932,2198],{"class":86},[65,6934,90],{"class":82},[65,6936,626],{"class":82},[65,6938,6939,6941,6943,6945,6947,6949],{"class":67,"line":181},[65,6940,1440],{"class":133},[65,6942,136],{"class":82},[65,6944,83],{"class":82},[65,6946,2213],{"class":86},[65,6948,90],{"class":82},[65,6950,626],{"class":82},[65,6952,6953],{"class":67,"line":186},[65,6954,1456],{"class":82},[65,6956,6957,6959],{"class":67,"line":195},[65,6958,1461],{"class":75},[65,6960,626],{"class":82},[65,6962,6963,6965,6967],{"class":67,"line":213},[65,6964,349],{"class":82},[65,6966,514],{"class":75},[65,6968,93],{"class":82},[28,6970,6972],{"id":6971},"результат","Результат",[15,6974,6975],{},"Теперь ваши покупатели могут загрузить фотографию и мгновенно увидеть, как на них сидит одежда.",[28,6977,6979],{"id":6978},"дальнейшие-шаги","Дальнейшие шаги",[2248,6981,6982,6988],{},[2251,6983,6984,6985,26],{},"Ознакомьтесь с руководствами для конкретных фреймворков в разделе ",[1843,6986,6987],{"href":2256},"Интеграции",[2251,6989,6990,6991,26],{},"Изучите полный ",[1843,6992,1112],{"href":1484},[1089,6994,6995],{},"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":61,"searchDepth":96,"depth":96,"links":6997},[6998,6999,7000,7001,7002,7003,7004],{"id":6606,"depth":96,"text":6607},{"id":6617,"depth":96,"text":6618},{"id":6671,"depth":96,"text":6672},{"id":6815,"depth":96,"text":6816},{"id":6851,"depth":96,"text":6852},{"id":6971,"depth":96,"text":6972},{"id":6978,"depth":96,"text":6979},"Запустите Fitting Widget за считанные минуты",{},{"title":6595,"description":7005},"getting-started\u002Fquick-start","4USnYxFPZA1hrOvVApcSHMt9oQc0aZ6Ct8ohgcj8WJ8",{"id":7011,"title":7012,"body":7013,"description":7091,"extension":1102,"icon":2366,"meta":7092,"navigation":99,"path":7093,"seo":7094,"stem":7095,"__hash__":7096},"content\u002Findex.md","Введение",{"type":7,"value":7014,"toc":7086},[7015,7019,7024,7028,7057,7061,7078,7080],[10,7016,7018],{"id":7017},"fitting-widget-виртуальная-примерка","Fitting Widget — Виртуальная примерка",[15,7020,7021,7023],{},[19,7022,2296],{}," — это готовое решение для виртуальной примерки одежды в интернет-магазинах. Он позволяет вашим покупателям загрузить фотографию и мгновенно увидеть, как на них выглядит любой предмет одежды — прямо на странице товара.",[28,7025,7027],{"id":7026},"ключевые-возможности","Ключевые возможности",[2248,7029,7030,7039,7045,7051],{},[2251,7031,7032,7035,7036,7038],{},[19,7033,7034],{},"Быстрая интеграция"," — Один тег ",[36,7037,1859],{}," и несколько строк кода.",[2251,7040,7041,7044],{},[19,7042,7043],{},"Не зависит от фреймворков"," — Работает с Vanilla JS, React, Vue, Next.js, Nuxt и другими.",[2251,7046,7047,7050],{},[19,7048,7049],{},"Настраиваемый"," — Стилизуйте виджет под ваш бренд.",[2251,7052,7053,7056],{},[19,7054,7055],{},"Лёгкий"," — Оптимизированная загрузка, которая не замедляет магазин.",[28,7058,7060],{"id":7059},"как-это-работает","Как это работает",[2333,7062,7063,7066,7069,7075],{},[2251,7064,7065],{},"Загрузите скрипт виджета на страницу.",[2251,7067,7068],{},"Инициализируйте его с вашим API-ключом.",[2251,7070,7071,7072,7074],{},"Вызовите ",[36,7073,2346],{}," с URL-адресами изображений товаров.",[2251,7076,7077],{},"Виджет отображается внутри выбранного вами контейнера.",[28,7079,6595],{"id":6600},[15,7081,7082,7083,7085],{},"Перейдите к руководству ",[1843,7084,6595],{"href":2358},", чтобы начать работу менее чем за 5 минут.",{"title":61,"searchDepth":96,"depth":96,"links":7087},[7088,7089,7090],{"id":7026,"depth":96,"text":7027},{"id":7059,"depth":96,"text":7060},{"id":6600,"depth":96,"text":6595},"Что такое Fitting Widget и зачем его использовать?",{},"\u002F",{"title":7012,"description":7091},"index","kGT91Bb-Wx88tMoHoRu65KMhDKtcehaBgnLzJYfeCWE",{"id":4,"title":5,"body":7098,"description":1101,"extension":1102,"icon":1103,"meta":7952,"navigation":99,"path":1105,"seo":7953,"stem":1107,"__hash__":1108},{"type":7,"value":7099,"toc":7944},[7100,7102,7108,7110,7116,7122,7358,7360,7686,7688,7924,7926,7930,7942],[10,7101,13],{"id":12},[15,7103,17,7104,22,7106,26],{},[19,7105,21],{},[19,7107,25],{},[28,7109,31],{"id":30},[15,7111,34,7112,39,7114,26],{},[36,7113,38],{},[36,7115,42],{},[44,7117,47,7118,51,7120],{"id":46},[36,7119,50],{},[36,7121,54],{},[56,7123,7124],{"className":58,"code":59,"language":60,"meta":61,"style":61},[36,7125,7126,7142,7146,7178,7184,7188,7196,7200,7206,7218,7230,7242,7246,7250,7256,7268,7280,7284,7290,7294,7298,7302,7306,7326,7330,7336,7344,7348,7354],{"__ignoreMap":61},[65,7127,7128,7130,7132,7134,7136,7138,7140],{"class":67,"line":68},[65,7129,72],{"class":71},[65,7131,76],{"class":75},[65,7133,79],{"class":71},[65,7135,83],{"class":82},[65,7137,87],{"class":86},[65,7139,90],{"class":82},[65,7141,93],{"class":82},[65,7143,7144],{"class":67,"line":96},[65,7145,100],{"emptyLinePlaceholder":99},[65,7147,7148,7150,7152,7154,7156,7158,7160,7162,7164,7166,7168,7170,7172,7174,7176],{"class":67,"line":103},[65,7149,106],{"class":71},[65,7151,109],{"class":71},[65,7153,113],{"class":112},[65,7155,117],{"class":116},[65,7157,120],{"class":82},[65,7159,124],{"class":123},[65,7161,127],{"class":82},[65,7163,130],{"class":82},[65,7165,124],{"class":133},[65,7167,136],{"class":82},[65,7169,140],{"class":139},[65,7171,26],{"class":82},[65,7173,145],{"class":139},[65,7175,148],{"class":82},[65,7177,151],{"class":82},[65,7179,7180,7182],{"class":67,"line":154},[65,7181,157],{"class":71},[65,7183,160],{"class":133},[65,7185,7186],{"class":67,"line":163},[65,7187,166],{"class":82},[65,7189,7190,7192,7194],{"class":67,"line":169},[65,7191,172],{"class":82},[65,7193,175],{"class":75},[65,7195,178],{"class":82},[65,7197,7198],{"class":67,"line":181},[65,7199,100],{"emptyLinePlaceholder":99},[65,7201,7202,7204],{"class":67,"line":186},[65,7203,189],{"class":82},[65,7205,192],{"class":139},[65,7207,7208,7210,7212,7214,7216],{"class":67,"line":195},[65,7209,198],{"class":112},[65,7211,201],{"class":82},[65,7213,204],{"class":82},[65,7215,207],{"class":86},[65,7217,210],{"class":82},[65,7219,7220,7222,7224,7226,7228],{"class":67,"line":213},[65,7221,216],{"class":112},[65,7223,201],{"class":82},[65,7225,204],{"class":82},[65,7227,223],{"class":86},[65,7229,210],{"class":82},[65,7231,7232,7234,7236,7238,7240],{"class":67,"line":228},[65,7233,231],{"class":112},[65,7235,201],{"class":82},[65,7237,204],{"class":82},[65,7239,238],{"class":86},[65,7241,210],{"class":82},[65,7243,7244],{"class":67,"line":243},[65,7245,246],{"class":82},[65,7247,7248],{"class":67,"line":249},[65,7249,100],{"emptyLinePlaceholder":99},[65,7251,7252,7254],{"class":67,"line":254},[65,7253,189],{"class":82},[65,7255,192],{"class":139},[65,7257,7258,7260,7262,7264,7266],{"class":67,"line":261},[65,7259,216],{"class":112},[65,7261,201],{"class":82},[65,7263,204],{"class":82},[65,7265,223],{"class":86},[65,7267,210],{"class":82},[65,7269,7270,7272,7274,7276,7278],{"class":67,"line":274},[65,7271,231],{"class":112},[65,7273,201],{"class":82},[65,7275,204],{"class":82},[65,7277,283],{"class":86},[65,7279,210],{"class":82},[65,7281,7282],{"class":67,"line":288},[65,7283,291],{"class":82},[65,7285,7286,7288],{"class":67,"line":294},[65,7287,297],{"class":82},[65,7289,300],{"class":82},[65,7291,7292],{"class":67,"line":303},[65,7293,306],{"class":86},[65,7295,7296],{"class":67,"line":309},[65,7297,312],{"class":86},[65,7299,7300],{"class":67,"line":315},[65,7301,318],{"class":86},[65,7303,7304],{"class":67,"line":321},[65,7305,324],{"class":86},[65,7307,7308,7310,7312,7314,7316,7318,7320,7322,7324],{"class":67,"line":327},[65,7309,330],{"class":86},[65,7311,333],{"class":82},[65,7313,336],{"class":75},[65,7315,26],{"class":82},[65,7317,341],{"class":75},[65,7319,26],{"class":82},[65,7321,346],{"class":75},[65,7323,349],{"class":82},[65,7325,352],{"class":86},[65,7327,7328],{"class":67,"line":355},[65,7329,358],{"class":86},[65,7331,7332,7334],{"class":67,"line":361},[65,7333,364],{"class":82},[65,7335,178],{"class":82},[65,7337,7338,7340,7342],{"class":67,"line":369},[65,7339,372],{"class":82},[65,7341,38],{"class":139},[65,7343,377],{"class":82},[65,7345,7346],{"class":67,"line":380},[65,7347,383],{"class":82},[65,7349,7350,7352],{"class":67,"line":386},[65,7351,389],{"class":133},[65,7353,93],{"class":82},[65,7355,7356],{"class":67,"line":394},[65,7357,178],{"class":82},[44,7359,400],{"id":399},[56,7361,7362],{"className":58,"code":403,"language":60,"meta":61,"style":61},[36,7363,7364,7374,7378,7386,7396,7406,7410,7414,7422,7430,7460,7464,7468,7472,7500,7514,7534,7548,7562,7572,7580,7584,7588,7594,7598,7650,7672,7676,7682],{"__ignoreMap":61},[65,7365,7366,7368,7370,7372],{"class":67,"line":68},[65,7367,90],{"class":82},[65,7369,412],{"class":86},[65,7371,90],{"class":82},[65,7373,93],{"class":82},[65,7375,7376],{"class":67,"line":96},[65,7377,100],{"emptyLinePlaceholder":99},[65,7379,7380,7382,7384],{"class":67,"line":103},[65,7381,425],{"class":112},[65,7383,428],{"class":139},[65,7385,151],{"class":82},[65,7387,7388,7390,7392,7394],{"class":67,"line":154},[65,7389,435],{"class":133},[65,7391,136],{"class":82},[65,7393,440],{"class":139},[65,7395,93],{"class":82},[65,7397,7398,7400,7402,7404],{"class":67,"line":163},[65,7399,447],{"class":133},[65,7401,136],{"class":82},[65,7403,440],{"class":139},[65,7405,93],{"class":82},[65,7407,7408],{"class":67,"line":169},[65,7409,178],{"class":82},[65,7411,7412],{"class":67,"line":181},[65,7413,100],{"emptyLinePlaceholder":99},[65,7415,7416,7418,7420],{"class":67,"line":186},[65,7417,466],{"class":112},[65,7419,469],{"class":75},[65,7421,472],{"class":82},[65,7423,7424,7426,7428],{"class":67,"line":195},[65,7425,477],{"class":112},[65,7427,480],{"class":139},[65,7429,151],{"class":82},[65,7431,7432,7434,7436,7438,7440,7442,7444,7446,7448,7450,7452,7454,7456,7458],{"class":67,"line":213},[65,7433,487],{"class":133},[65,7435,136],{"class":82},[65,7437,492],{"class":82},[65,7439,495],{"class":123},[65,7441,136],{"class":82},[65,7443,440],{"class":139},[65,7445,502],{"class":82},[65,7447,505],{"class":123},[65,7449,508],{"class":82},[65,7451,511],{"class":139},[65,7453,514],{"class":82},[65,7455,517],{"class":112},[65,7457,520],{"class":139},[65,7459,93],{"class":82},[65,7461,7462],{"class":67,"line":228},[65,7463,527],{"class":82},[65,7465,7466],{"class":67,"line":243},[65,7467,178],{"class":82},[65,7469,7470],{"class":67,"line":249},[65,7471,100],{"emptyLinePlaceholder":99},[65,7473,7474,7476,7478,7480,7482,7484,7486,7488,7490,7492,7494,7496,7498],{"class":67,"line":254},[65,7475,106],{"class":71},[65,7477,113],{"class":112},[65,7479,544],{"class":116},[65,7481,120],{"class":82},[65,7483,549],{"class":123},[65,7485,127],{"class":82},[65,7487,130],{"class":82},[65,7489,549],{"class":133},[65,7491,136],{"class":82},[65,7493,428],{"class":139},[65,7495,562],{"class":75},[65,7497,565],{"class":82},[65,7499,151],{"class":82},[65,7501,7502,7504,7506,7508,7510,7512],{"class":67,"line":261},[65,7503,572],{"class":112},[65,7505,575],{"class":75},[65,7507,578],{"class":82},[65,7509,581],{"class":82},[65,7511,517],{"class":112},[65,7513,151],{"class":82},[65,7515,7516,7518,7520,7522,7524,7526,7528,7530,7532],{"class":67,"line":274},[65,7517,590],{"class":75},[65,7519,26],{"class":82},[65,7521,595],{"class":116},[65,7523,598],{"class":133},[65,7525,90],{"class":82},[65,7527,603],{"class":86},[65,7529,90],{"class":82},[65,7531,502],{"class":82},[65,7533,151],{"class":82},[65,7535,7536,7538,7540,7542,7544,7546],{"class":67,"line":288},[65,7537,614],{"class":133},[65,7539,136],{"class":82},[65,7541,83],{"class":82},[65,7543,621],{"class":86},[65,7545,90],{"class":82},[65,7547,626],{"class":82},[65,7549,7550,7552,7554,7556,7558,7560],{"class":67,"line":294},[65,7551,631],{"class":133},[65,7553,136],{"class":82},[65,7555,83],{"class":82},[65,7557,638],{"class":86},[65,7559,90],{"class":82},[65,7561,626],{"class":82},[65,7563,7564,7566,7568,7570],{"class":67,"line":303},[65,7565,647],{"class":133},[65,7567,136],{"class":82},[65,7569,549],{"class":75},[65,7571,626],{"class":82},[65,7573,7574,7576,7578],{"class":67,"line":309},[65,7575,658],{"class":82},[65,7577,514],{"class":133},[65,7579,93],{"class":82},[65,7581,7582],{"class":67,"line":315},[65,7583,667],{"class":82},[65,7585,7586],{"class":67,"line":321},[65,7587,100],{"emptyLinePlaceholder":99},[65,7589,7590,7592],{"class":67,"line":327},[65,7591,157],{"class":71},[65,7593,160],{"class":133},[65,7595,7596],{"class":67,"line":355},[65,7597,166],{"class":82},[65,7599,7600,7602,7604,7606,7608,7610,7612,7614,7616,7618,7620,7622,7624,7626,7628,7630,7632,7634,7636,7638,7640,7642,7644,7646,7648],{"class":67,"line":361},[65,7601,189],{"class":82},[65,7603,688],{"class":133},[65,7605,691],{"class":112},[65,7607,201],{"class":82},[65,7609,204],{"class":82},[65,7611,621],{"class":86},[65,7613,204],{"class":82},[65,7615,702],{"class":112},[65,7617,705],{"class":82},[65,7619,708],{"class":133},[65,7621,136],{"class":82},[65,7623,83],{"class":82},[65,7625,715],{"class":86},[65,7627,90],{"class":82},[65,7629,502],{"class":82},[65,7631,722],{"class":133},[65,7633,136],{"class":82},[65,7635,728],{"class":727},[65,7637,502],{"class":82},[65,7639,733],{"class":133},[65,7641,136],{"class":82},[65,7643,83],{"class":82},[65,7645,740],{"class":86},[65,7647,90],{"class":82},[65,7649,745],{"class":82},[65,7651,7652,7654,7656,7658,7660,7662,7664,7666,7668,7670],{"class":67,"line":369},[65,7653,189],{"class":82},[65,7655,752],{"class":133},[65,7657,755],{"class":112},[65,7659,758],{"class":82},[65,7661,761],{"class":75},[65,7663,764],{"class":82},[65,7665,767],{"class":75},[65,7667,770],{"class":82},[65,7669,752],{"class":133},[65,7671,377],{"class":82},[65,7673,7674],{"class":67,"line":380},[65,7675,383],{"class":82},[65,7677,7678,7680],{"class":67,"line":386},[65,7679,389],{"class":133},[65,7681,93],{"class":82},[65,7683,7684],{"class":67,"line":394},[65,7685,178],{"class":82},[44,7687,792],{"id":791},[56,7689,7690],{"className":58,"code":795,"language":60,"meta":61,"style":61},[36,7691,7692,7712,7716,7754,7778,7782,7788,7796,7816,7846,7852,7860,7864,7878,7892,7896,7902,7906,7914,7920],{"__ignoreMap":61},[65,7693,7694,7696,7698,7700,7702,7704,7706,7708,7710],{"class":67,"line":68},[65,7695,72],{"class":71},[65,7697,130],{"class":82},[65,7699,544],{"class":75},[65,7701,808],{"class":82},[65,7703,811],{"class":71},[65,7705,83],{"class":82},[65,7707,816],{"class":86},[65,7709,90],{"class":82},[65,7711,93],{"class":82},[65,7713,7714],{"class":67,"line":96},[65,7715,100],{"emptyLinePlaceholder":99},[65,7717,7718,7720,7722,7724,7726,7728,7730,7732,7734,7736,7738,7740,7742,7744,7746,7748,7750,7752],{"class":67,"line":103},[65,7719,106],{"class":71},[65,7721,109],{"class":71},[65,7723,833],{"class":112},[65,7725,113],{"class":112},[65,7727,838],{"class":116},[65,7729,120],{"class":82},[65,7731,843],{"class":123},[65,7733,127],{"class":82},[65,7735,130],{"class":82},[65,7737,843],{"class":133},[65,7739,136],{"class":82},[65,7741,130],{"class":82},[65,7743,856],{"class":133},[65,7745,136],{"class":82},[65,7747,440],{"class":139},[65,7749,808],{"class":82},[65,7751,148],{"class":82},[65,7753,151],{"class":82},[65,7755,7756,7758,7760,7762,7764,7766,7768,7770,7772,7774,7776],{"class":67,"line":154},[65,7757,572],{"class":112},[65,7759,873],{"class":75},[65,7761,578],{"class":82},[65,7763,878],{"class":71},[65,7765,881],{"class":116},[65,7767,598],{"class":133},[65,7769,886],{"class":75},[65,7771,26],{"class":82},[65,7773,891],{"class":75},[65,7775,514],{"class":133},[65,7777,93],{"class":82},[65,7779,7780],{"class":67,"line":163},[65,7781,100],{"emptyLinePlaceholder":99},[65,7783,7784,7786],{"class":67,"line":169},[65,7785,157],{"class":71},[65,7787,160],{"class":133},[65,7789,7790,7792,7794],{"class":67,"line":181},[65,7791,910],{"class":82},[65,7793,688],{"class":133},[65,7795,377],{"class":82},[65,7797,7798,7800,7802,7804,7806,7808,7810,7812,7814],{"class":67,"line":186},[65,7799,189],{"class":82},[65,7801,10],{"class":133},[65,7803,923],{"class":82},[65,7805,926],{"class":75},[65,7807,26],{"class":82},[65,7809,931],{"class":75},[65,7811,934],{"class":82},[65,7813,10],{"class":133},[65,7815,377],{"class":82},[65,7817,7818,7820,7822,7824,7826,7828,7830,7832,7834,7836,7838,7840,7842,7844],{"class":67,"line":195},[65,7819,189],{"class":82},[65,7821,945],{"class":133},[65,7823,948],{"class":112},[65,7825,758],{"class":82},[65,7827,926],{"class":75},[65,7829,26],{"class":82},[65,7831,957],{"class":75},[65,7833,960],{"class":82},[65,7835,963],{"class":112},[65,7837,758],{"class":82},[65,7839,926],{"class":75},[65,7841,26],{"class":82},[65,7843,931],{"class":75},[65,7845,974],{"class":82},[65,7847,7848,7850],{"class":67,"line":213},[65,7849,189],{"class":82},[65,7851,981],{"class":139},[65,7853,7854,7856,7858],{"class":67,"line":228},[65,7855,986],{"class":112},[65,7857,758],{"class":82},[65,7859,991],{"class":75},[65,7861,7862],{"class":67,"line":243},[65,7863,996],{"class":82},[65,7865,7866,7868,7870,7872,7874,7876],{"class":67,"line":249},[65,7867,1001],{"class":133},[65,7869,136],{"class":82},[65,7871,873],{"class":75},[65,7873,26],{"class":82},[65,7875,931],{"class":75},[65,7877,626],{"class":82},[65,7879,7880,7882,7884,7886,7888,7890],{"class":67,"line":254},[65,7881,1016],{"class":133},[65,7883,136],{"class":82},[65,7885,873],{"class":75},[65,7887,26],{"class":82},[65,7889,957],{"class":75},[65,7891,626],{"class":82},[65,7893,7894],{"class":67,"line":261},[65,7895,1031],{"class":82},[65,7897,7898,7900],{"class":67,"line":274},[65,7899,1036],{"class":75},[65,7901,178],{"class":82},[65,7903,7904],{"class":67,"line":288},[65,7905,246],{"class":82},[65,7907,7908,7910,7912],{"class":67,"line":294},[65,7909,1047],{"class":82},[65,7911,688],{"class":133},[65,7913,377],{"class":82},[65,7915,7916,7918],{"class":67,"line":303},[65,7917,389],{"class":133},[65,7919,93],{"class":82},[65,7921,7922],{"class":67,"line":309},[65,7923,178],{"class":82},[28,7925,1065],{"id":1064},[15,7927,1068,7928,136],{},[36,7929,1071],{},[56,7931,7932],{"className":1074,"code":1075,"language":1076,"meta":61,"style":61},[36,7933,7934],{"__ignoreMap":61},[65,7935,7936,7938,7940],{"class":67,"line":68},[65,7937,346],{"class":75},[65,7939,201],{"class":82},[65,7941,1087],{"class":86},[1089,7943,1091],{},{"title":61,"searchDepth":96,"depth":96,"links":7945},[7946,7951],{"id":30,"depth":96,"text":31,"children":7947},[7948,7949,7950],{"id":46,"depth":103,"text":1097},{"id":399,"depth":103,"text":400},{"id":791,"depth":103,"text":792},{"id":1064,"depth":96,"text":1065},{},{"title":5,"description":1101},{"id":7955,"title":3257,"body":7956,"description":8769,"extension":1102,"icon":4158,"meta":8770,"navigation":99,"path":8771,"seo":8772,"stem":8773,"__hash__":8774},"content\u002Fintegrations\u002Fnuxt.md",{"type":7,"value":7957,"toc":8759},[7958,7962,7965,7969,7977,7983,8265,8271,8447,8451,8738,8740,8745,8757],[10,7959,7961],{"id":7960},"интеграция-с-nuxt","Интеграция с Nuxt",[15,7963,7964],{},"Fitting Widget легко интегрируется с Nuxt 3 и Nuxt 4.",[28,7966,7968],{"id":7967},"_1-загрузка-скрипта","1. Загрузка скрипта",[15,7970,7971,7972,7974,7975,26],{},"Используйте composable ",[36,7973,3276],{}," или добавьте скрипты в ",[36,7976,3280],{},[44,7978,7980,7981],{"id":7979},"вариант-а-на-страницу-через-usehead","Вариант А — На страницу через ",[36,7982,3276],{},[56,7984,7985],{"className":3289,"code":3290,"language":3291,"meta":61,"style":61},[36,7986,7987,7991,7999,8007,8023,8051,8059,8067,8071,8091,8109,8113,8121,8129,8133,8147,8161,8165,8169,8183,8191,8195,8199,8203,8207,8231,8235,8241,8245,8251,8257],{"__ignoreMap":61},[65,7988,7989],{"class":67,"line":68},[65,7990,3299],{"class":3298},[65,7992,7993,7995,7997],{"class":67,"line":96},[65,7994,1876],{"class":82},[65,7996,3306],{"class":133},[65,7998,377],{"class":82},[65,8000,8001,8003,8005],{"class":67,"line":103},[65,8002,3313],{"class":82},[65,8004,688],{"class":133},[65,8006,377],{"class":82},[65,8008,8009,8011,8013,8015,8017,8019,8021],{"class":67,"line":154},[65,8010,910],{"class":82},[65,8012,10],{"class":133},[65,8014,3326],{"class":82},[65,8016,3329],{"class":75},[65,8018,770],{"class":82},[65,8020,10],{"class":133},[65,8022,377],{"class":82},[65,8024,8025,8027,8029,8031,8033,8035,8037,8039,8041,8043,8045,8047,8049],{"class":67,"line":163},[65,8026,910],{"class":82},[65,8028,3342],{"class":133},[65,8030,3345],{"class":112},[65,8032,201],{"class":82},[65,8034,204],{"class":82},[65,8036,3352],{"class":86},[65,8038,204],{"class":82},[65,8040,3357],{"class":112},[65,8042,201],{"class":82},[65,8044,204],{"class":82},[65,8046,3364],{"class":86},[65,8048,204],{"class":82},[65,8050,3369],{"class":82},[65,8052,8053,8055,8057],{"class":67,"line":169},[65,8054,3374],{"class":82},[65,8056,688],{"class":133},[65,8058,377],{"class":82},[65,8060,8061,8063,8065],{"class":67,"line":181},[65,8062,770],{"class":82},[65,8064,3306],{"class":133},[65,8066,377],{"class":82},[65,8068,8069],{"class":67,"line":186},[65,8070,100],{"emptyLinePlaceholder":99},[65,8072,8073,8075,8077,8079,8081,8083,8085,8087,8089],{"class":67,"line":195},[65,8074,1876],{"class":82},[65,8076,1913],{"class":133},[65,8078,3399],{"class":112},[65,8080,3402],{"class":112},[65,8082,201],{"class":82},[65,8084,204],{"class":82},[65,8086,3409],{"class":86},[65,8088,204],{"class":82},[65,8090,377],{"class":82},[65,8092,8093,8095,8097,8099,8101,8103,8105,8107],{"class":67,"line":213},[65,8094,72],{"class":71},[65,8096,130],{"class":82},[65,8098,3422],{"class":75},[65,8100,808],{"class":82},[65,8102,811],{"class":71},[65,8104,83],{"class":82},[65,8106,3431],{"class":86},[65,8108,352],{"class":82},[65,8110,8111],{"class":67,"line":228},[65,8112,100],{"emptyLinePlaceholder":99},[65,8114,8115,8117,8119],{"class":67,"line":243},[65,8116,3276],{"class":116},[65,8118,598],{"class":75},[65,8120,472],{"class":82},[65,8122,8123,8125,8127],{"class":67,"line":249},[65,8124,3450],{"class":133},[65,8126,136],{"class":82},[65,8128,1414],{"class":75},[65,8130,8131],{"class":67,"line":254},[65,8132,1419],{"class":82},[65,8134,8135,8137,8139,8141,8143,8145],{"class":67,"line":261},[65,8136,3463],{"class":133},[65,8138,136],{"class":82},[65,8140,83],{"class":82},[65,8142,207],{"class":86},[65,8144,90],{"class":82},[65,8146,626],{"class":82},[65,8148,8149,8151,8153,8155,8157,8159],{"class":67,"line":274},[65,8150,3478],{"class":133},[65,8152,136],{"class":82},[65,8154,83],{"class":82},[65,8156,238],{"class":86},[65,8158,90],{"class":82},[65,8160,626],{"class":82},[65,8162,8163],{"class":67,"line":288},[65,8164,1456],{"class":82},[65,8166,8167],{"class":67,"line":294},[65,8168,1419],{"class":82},[65,8170,8171,8173,8175,8177,8179,8181],{"class":67,"line":303},[65,8172,3478],{"class":133},[65,8174,136],{"class":82},[65,8176,83],{"class":82},[65,8178,283],{"class":86},[65,8180,90],{"class":82},[65,8182,626],{"class":82},[65,8184,8185,8187,8189],{"class":67,"line":309},[65,8186,3515],{"class":133},[65,8188,136],{"class":82},[65,8190,3520],{"class":82},[65,8192,8193],{"class":67,"line":315},[65,8194,3525],{"class":86},[65,8196,8197],{"class":67,"line":321},[65,8198,3530],{"class":86},[65,8200,8201],{"class":67,"line":327},[65,8202,3535],{"class":86},[65,8204,8205],{"class":67,"line":355},[65,8206,3540],{"class":86},[65,8208,8209,8211,8213,8215,8217,8219,8221,8223,8225,8227,8229],{"class":67,"line":361},[65,8210,3545],{"class":86},[65,8212,333],{"class":82},[65,8214,72],{"class":71},[65,8216,26],{"class":82},[65,8218,3554],{"class":75},[65,8220,26],{"class":82},[65,8222,341],{"class":75},[65,8224,26],{"class":82},[65,8226,3563],{"class":75},[65,8228,349],{"class":82},[65,8230,352],{"class":86},[65,8232,8233],{"class":67,"line":369},[65,8234,3572],{"class":86},[65,8236,8237,8239],{"class":67,"line":380},[65,8238,3577],{"class":82},[65,8240,626],{"class":82},[65,8242,8243],{"class":67,"line":386},[65,8244,1456],{"class":82},[65,8246,8247,8249],{"class":67,"line":394},[65,8248,1461],{"class":75},[65,8250,626],{"class":82},[65,8252,8253,8255],{"class":67,"line":3592},[65,8254,349],{"class":82},[65,8256,3597],{"class":75},[65,8258,8259,8261,8263],{"class":67,"line":3600},[65,8260,770],{"class":82},[65,8262,1913],{"class":133},[65,8264,377],{"class":82},[44,8266,8268,8269],{"id":8267},"вариант-б-глобально-в-nuxtconfigts","Вариант Б — Глобально в ",[36,8270,3280],{},[56,8272,8273],{"className":3615,"code":3616,"language":3409,"meta":61,"style":61},[36,8274,8275,8287,8295,8303,8311,8315,8329,8343,8347,8351,8365,8373,8377,8381,8385,8389,8413,8417,8423,8427,8433,8437,8441],{"__ignoreMap":61},[65,8276,8277,8279,8281,8283,8285],{"class":67,"line":68},[65,8278,106],{"class":71},[65,8280,109],{"class":71},[65,8282,3627],{"class":116},[65,8284,598],{"class":75},[65,8286,472],{"class":82},[65,8288,8289,8291,8293],{"class":67,"line":96},[65,8290,3636],{"class":133},[65,8292,136],{"class":82},[65,8294,151],{"class":82},[65,8296,8297,8299,8301],{"class":67,"line":103},[65,8298,3645],{"class":133},[65,8300,136],{"class":82},[65,8302,151],{"class":82},[65,8304,8305,8307,8309],{"class":67,"line":154},[65,8306,3654],{"class":133},[65,8308,136],{"class":82},[65,8310,1414],{"class":75},[65,8312,8313],{"class":67,"line":163},[65,8314,3663],{"class":82},[65,8316,8317,8319,8321,8323,8325,8327],{"class":67,"line":169},[65,8318,3668],{"class":133},[65,8320,136],{"class":82},[65,8322,83],{"class":82},[65,8324,207],{"class":86},[65,8326,90],{"class":82},[65,8328,626],{"class":82},[65,8330,8331,8333,8335,8337,8339,8341],{"class":67,"line":181},[65,8332,3683],{"class":133},[65,8334,136],{"class":82},[65,8336,83],{"class":82},[65,8338,238],{"class":86},[65,8340,90],{"class":82},[65,8342,626],{"class":82},[65,8344,8345],{"class":67,"line":186},[65,8346,3698],{"class":82},[65,8348,8349],{"class":67,"line":195},[65,8350,3663],{"class":82},[65,8352,8353,8355,8357,8359,8361,8363],{"class":67,"line":213},[65,8354,3683],{"class":133},[65,8356,136],{"class":82},[65,8358,83],{"class":82},[65,8360,283],{"class":86},[65,8362,90],{"class":82},[65,8364,626],{"class":82},[65,8366,8367,8369,8371],{"class":67,"line":228},[65,8368,3721],{"class":133},[65,8370,136],{"class":82},[65,8372,3520],{"class":82},[65,8374,8375],{"class":67,"line":243},[65,8376,3730],{"class":86},[65,8378,8379],{"class":67,"line":249},[65,8380,3735],{"class":86},[65,8382,8383],{"class":67,"line":254},[65,8384,3740],{"class":86},[65,8386,8387],{"class":67,"line":261},[65,8388,3745],{"class":86},[65,8390,8391,8393,8395,8397,8399,8401,8403,8405,8407,8409,8411],{"class":67,"line":274},[65,8392,3750],{"class":86},[65,8394,333],{"class":82},[65,8396,72],{"class":71},[65,8398,26],{"class":82},[65,8400,3554],{"class":75},[65,8402,26],{"class":82},[65,8404,341],{"class":75},[65,8406,26],{"class":82},[65,8408,3563],{"class":75},[65,8410,349],{"class":82},[65,8412,352],{"class":86},[65,8414,8415],{"class":67,"line":288},[65,8416,3775],{"class":86},[65,8418,8419,8421],{"class":67,"line":294},[65,8420,3780],{"class":82},[65,8422,626],{"class":82},[65,8424,8425],{"class":67,"line":303},[65,8426,3698],{"class":82},[65,8428,8429,8431],{"class":67,"line":309},[65,8430,3791],{"class":75},[65,8432,626],{"class":82},[65,8434,8435],{"class":67,"line":315},[65,8436,1456],{"class":82},[65,8438,8439],{"class":67,"line":321},[65,8440,3802],{"class":82},[65,8442,8443,8445],{"class":67,"line":327},[65,8444,349],{"class":82},[65,8446,3597],{"class":75},[28,8448,8450],{"id":8449},"_2-создание-компонента-обёртки","2. Создание компонента-обёртки",[56,8452,8454],{"className":3289,"code":8453,"language":3291,"meta":61,"style":61},"\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",[36,8455,8456,8460,8468,8476,8504,8530,8538,8546,8550,8570,8582,8590,8598,8604,8608,8622,8642,8656,8670,8678,8682,8696,8710,8714,8720,8726,8730],{"__ignoreMap":61},[65,8457,8458],{"class":67,"line":68},[65,8459,3822],{"class":3298},[65,8461,8462,8464,8466],{"class":67,"line":96},[65,8463,1876],{"class":82},[65,8465,3306],{"class":133},[65,8467,377],{"class":82},[65,8469,8470,8472,8474],{"class":67,"line":103},[65,8471,3313],{"class":82},[65,8473,688],{"class":133},[65,8475,377],{"class":82},[65,8477,8478,8480,8482,8484,8486,8488,8490,8492,8494,8496,8498,8500,8502],{"class":67,"line":154},[65,8479,910],{"class":82},[65,8481,688],{"class":133},[65,8483,691],{"class":112},[65,8485,201],{"class":82},[65,8487,204],{"class":82},[65,8489,621],{"class":86},[65,8491,204],{"class":82},[65,8493,3857],{"class":112},[65,8495,201],{"class":82},[65,8497,204],{"class":82},[65,8499,3864],{"class":86},[65,8501,204],{"class":82},[65,8503,3369],{"class":82},[65,8505,8506,8508,8510,8512,8514,8516,8518,8520,8522,8524,8526,8528],{"class":67,"line":163},[65,8507,910],{"class":82},[65,8509,752],{"class":133},[65,8511,3877],{"class":112},[65,8513,201],{"class":82},[65,8515,204],{"class":82},[65,8517,3884],{"class":86},[65,8519,204],{"class":82},[65,8521,3326],{"class":82},[65,8523,767],{"class":75},[65,8525,770],{"class":82},[65,8527,752],{"class":133},[65,8529,377],{"class":82},[65,8531,8532,8534,8536],{"class":67,"line":169},[65,8533,3374],{"class":82},[65,8535,688],{"class":133},[65,8537,377],{"class":82},[65,8539,8540,8542,8544],{"class":67,"line":181},[65,8541,770],{"class":82},[65,8543,3306],{"class":133},[65,8545,377],{"class":82},[65,8547,8548],{"class":67,"line":186},[65,8549,100],{"emptyLinePlaceholder":99},[65,8551,8552,8554,8556,8558,8560,8562,8564,8566,8568],{"class":67,"line":195},[65,8553,1876],{"class":82},[65,8555,1913],{"class":133},[65,8557,3399],{"class":112},[65,8559,3402],{"class":112},[65,8561,201],{"class":82},[65,8563,204],{"class":82},[65,8565,3409],{"class":86},[65,8567,204],{"class":82},[65,8569,377],{"class":82},[65,8571,8572,8574,8576,8578,8580],{"class":67,"line":213},[65,8573,3941],{"class":112},[65,8575,3944],{"class":75},[65,8577,201],{"class":82},[65,8579,3949],{"class":116},[65,8581,3952],{"class":82},[65,8583,8584,8586,8588],{"class":67,"line":228},[65,8585,435],{"class":133},[65,8587,136],{"class":82},[65,8589,3961],{"class":139},[65,8591,8592,8594,8596],{"class":67,"line":243},[65,8593,3966],{"class":133},[65,8595,136],{"class":82},[65,8597,3961],{"class":139},[65,8599,8600,8602],{"class":67,"line":249},[65,8601,764],{"class":82},[65,8603,3977],{"class":75},[65,8605,8606],{"class":67,"line":254},[65,8607,100],{"emptyLinePlaceholder":99},[65,8609,8610,8612,8614,8616,8618,8620],{"class":67,"line":261},[65,8611,3941],{"class":112},[65,8613,3988],{"class":75},[65,8615,201],{"class":82},[65,8617,581],{"class":82},[65,8619,517],{"class":112},[65,8621,151],{"class":82},[65,8623,8624,8626,8628,8630,8632,8634,8636,8638,8640],{"class":67,"line":274},[65,8625,1947],{"class":75},[65,8627,26],{"class":82},[65,8629,595],{"class":116},[65,8631,598],{"class":133},[65,8633,90],{"class":82},[65,8635,603],{"class":86},[65,8637,90],{"class":82},[65,8639,502],{"class":82},[65,8641,151],{"class":82},[65,8643,8644,8646,8648,8650,8652,8654],{"class":67,"line":288},[65,8645,4021],{"class":133},[65,8647,136],{"class":82},[65,8649,83],{"class":82},[65,8651,621],{"class":86},[65,8653,90],{"class":82},[65,8655,626],{"class":82},[65,8657,8658,8660,8662,8664,8666,8668],{"class":67,"line":294},[65,8659,4036],{"class":133},[65,8661,136],{"class":82},[65,8663,83],{"class":82},[65,8665,638],{"class":86},[65,8667,90],{"class":82},[65,8669,626],{"class":82},[65,8671,8672,8674,8676],{"class":67,"line":303},[65,8673,4051],{"class":133},[65,8675,136],{"class":82},[65,8677,1414],{"class":133},[65,8679,8680],{"class":67,"line":309},[65,8681,4060],{"class":82},[65,8683,8684,8686,8688,8690,8692,8694],{"class":67,"line":315},[65,8685,4065],{"class":133},[65,8687,136],{"class":82},[65,8689,4070],{"class":75},[65,8691,26],{"class":82},[65,8693,1328],{"class":75},[65,8695,626],{"class":82},[65,8697,8698,8700,8702,8704,8706,8708],{"class":67,"line":321},[65,8699,4081],{"class":133},[65,8701,136],{"class":82},[65,8703,4070],{"class":75},[65,8705,26],{"class":82},[65,8707,4090],{"class":75},[65,8709,626],{"class":82},[65,8711,8712],{"class":67,"line":327},[65,8713,4097],{"class":82},[65,8715,8716,8718],{"class":67,"line":355},[65,8717,4102],{"class":133},[65,8719,626],{"class":82},[65,8721,8722,8724],{"class":67,"line":361},[65,8723,2062],{"class":82},[65,8725,3597],{"class":133},[65,8727,8728],{"class":67,"line":369},[65,8729,178],{"class":82},[65,8731,8732,8734,8736],{"class":67,"line":380},[65,8733,770],{"class":82},[65,8735,1913],{"class":133},[65,8737,377],{"class":82},[28,8739,1065],{"id":1064},[15,8741,8742,8743,136],{},"Добавьте в ",[36,8744,4130],{},[56,8746,8747],{"className":1074,"code":4133,"language":1076,"meta":61,"style":61},[36,8748,8749],{"__ignoreMap":61},[65,8750,8751,8753,8755],{"class":67,"line":68},[65,8752,3563],{"class":75},[65,8754,201],{"class":82},[65,8756,1087],{"class":86},[1089,8758,4146],{},{"title":61,"searchDepth":96,"depth":96,"links":8760},[8761,8767,8768],{"id":7967,"depth":96,"text":7968,"children":8762},[8763,8765],{"id":7979,"depth":103,"text":8764},"Вариант А — На страницу через useHead",{"id":8267,"depth":103,"text":8766},"Вариант Б — Глобально в nuxt.config.ts",{"id":8449,"depth":96,"text":8450},{"id":1064,"depth":96,"text":1065},"Интеграция с Nuxt 3 \u002F Nuxt 4 приложением",{},"\u002Fintegrations\u002Fnuxt",{"title":3257,"description":8769},"integrations\u002Fnuxt","mSERafXf_JPUG4rn6ZlSU_qJnLNa0suHinF4LwLrASI",{"id":8776,"title":4166,"body":8777,"description":9618,"extension":1102,"icon":5052,"meta":9619,"navigation":99,"path":9620,"seo":9621,"stem":9622,"__hash__":9623},"content\u002Fintegrations\u002Freact.md",{"type":7,"value":8778,"toc":9613},[8779,8783,8786,8790,8795,8979,8987,8991,9297,9301,9611],[10,8780,8782],{"id":8781},"интеграция-с-react","Интеграция с React",[15,8784,8785],{},"Работает с любым React-окружением — Vite, Create React App или своим решением.",[28,8787,8789],{"id":8788},"_1-загрузка-скрипта-виджета","1. Загрузка скрипта виджета",[15,8791,8792,8793,136],{},"Добавьте скрипт в ваш ",[36,8794,4185],{},[56,8796,8798],{"className":1867,"code":8797,"language":1869,"meta":61,"style":61},"\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",[36,8799,8800,8805,8811,8823,8835,8843,8861,8885,8927,8931,8951,8963,8971],{"__ignoreMap":61},[65,8801,8802],{"class":67,"line":68},[65,8803,8804],{"class":3298},"\u003C!-- В public\u002Findex.html или index.html (Vite) -->\n",[65,8806,8807,8809],{"class":67,"line":96},[65,8808,1876],{"class":82},[65,8810,1879],{"class":133},[65,8812,8813,8815,8817,8819,8821],{"class":67,"line":103},[65,8814,1884],{"class":112},[65,8816,201],{"class":82},[65,8818,204],{"class":82},[65,8820,207],{"class":86},[65,8822,210],{"class":82},[65,8824,8825,8827,8829,8831,8833],{"class":67,"line":154},[65,8826,1897],{"class":112},[65,8828,201],{"class":82},[65,8830,204],{"class":82},[65,8832,238],{"class":86},[65,8834,210],{"class":82},[65,8836,8837,8839,8841],{"class":67,"line":163},[65,8838,1910],{"class":82},[65,8840,1913],{"class":133},[65,8842,377],{"class":82},[65,8844,8845,8847,8849,8851,8853,8855,8857,8859],{"class":67,"line":169},[65,8846,1876],{"class":82},[65,8848,1913],{"class":133},[65,8850,691],{"class":112},[65,8852,201],{"class":82},[65,8854,204],{"class":82},[65,8856,283],{"class":86},[65,8858,204],{"class":82},[65,8860,377],{"class":82},[65,8862,8863,8865,8867,8869,8871,8873,8875,8877,8879,8881,8883],{"class":67,"line":181},[65,8864,1947],{"class":75},[65,8866,26],{"class":82},[65,8868,1952],{"class":75},[65,8870,201],{"class":82},[65,8872,1957],{"class":75},[65,8874,26],{"class":82},[65,8876,1952],{"class":75},[65,8878,1964],{"class":82},[65,8880,113],{"class":112},[65,8882,1969],{"class":82},[65,8884,151],{"class":82},[65,8886,8887,8889,8891,8893,8895,8897,8899,8901,8903,8905,8907,8909,8911,8913,8915,8917,8919,8921,8923,8925],{"class":67,"line":186},[65,8888,1976],{"class":133},[65,8890,1181],{"class":75},[65,8892,26],{"class":82},[65,8894,595],{"class":75},[65,8896,26],{"class":82},[65,8898,1987],{"class":75},[65,8900,578],{"class":82},[65,8902,1957],{"class":75},[65,8904,26],{"class":82},[65,8906,595],{"class":75},[65,8908,26],{"class":82},[65,8910,1987],{"class":75},[65,8912,2002],{"class":82},[65,8914,2005],{"class":133},[65,8916,26],{"class":82},[65,8918,2010],{"class":116},[65,8920,598],{"class":133},[65,8922,2015],{"class":75},[65,8924,514],{"class":133},[65,8926,93],{"class":82},[65,8928,8929],{"class":67,"line":195},[65,8930,667],{"class":82},[65,8932,8933,8935,8937,8939,8941,8943,8945,8947,8949],{"class":67,"line":213},[65,8934,1947],{"class":75},[65,8936,26],{"class":82},[65,8938,595],{"class":116},[65,8940,598],{"class":75},[65,8942,90],{"class":82},[65,8944,1192],{"class":86},[65,8946,90],{"class":82},[65,8948,502],{"class":82},[65,8950,151],{"class":82},[65,8952,8953,8955,8957,8959,8961],{"class":67,"line":228},[65,8954,2048],{"class":133},[65,8956,136],{"class":82},[65,8958,83],{"class":82},[65,8960,4352],{"class":86},[65,8962,352],{"class":82},[65,8964,8965,8967,8969],{"class":67,"line":243},[65,8966,2062],{"class":82},[65,8968,514],{"class":75},[65,8970,93],{"class":82},[65,8972,8973,8975,8977],{"class":67,"line":249},[65,8974,770],{"class":82},[65,8976,1913],{"class":133},[65,8978,377],{"class":82},[4372,8980,8981],{"icon":4374},[15,8982,8983,8984,8986],{},"Замените ",[36,8985,4352],{}," на ваш реальный ключ во время сборки, или используйте инъекцию во время выполнения.",[28,8988,8990],{"id":8989},"_2-создайте-свой-хук","2. Создайте свой хук",[56,8992,8993],{"className":58,"code":4387,"language":60,"meta":61,"style":61},[36,8994,8995,8999,9007,9017,9027,9037,9041,9045,9053,9063,9093,9105,9109,9113,9121,9129,9159,9163,9167,9171,9183,9205,9229,9233,9237,9251,9271,9275,9279,9293],{"__ignoreMap":61},[65,8996,8997],{"class":67,"line":68},[65,8998,4394],{"class":3298},[65,9000,9001,9003,9005],{"class":67,"line":96},[65,9002,425],{"class":112},[65,9004,428],{"class":139},[65,9006,151],{"class":82},[65,9008,9009,9011,9013,9015],{"class":67,"line":103},[65,9010,435],{"class":133},[65,9012,136],{"class":82},[65,9014,440],{"class":139},[65,9016,93],{"class":82},[65,9018,9019,9021,9023,9025],{"class":67,"line":154},[65,9020,447],{"class":133},[65,9022,136],{"class":82},[65,9024,440],{"class":139},[65,9026,93],{"class":82},[65,9028,9029,9031,9033,9035],{"class":67,"line":163},[65,9030,4427],{"class":133},[65,9032,508],{"class":82},[65,9034,440],{"class":139},[65,9036,93],{"class":82},[65,9038,9039],{"class":67,"line":169},[65,9040,178],{"class":82},[65,9042,9043],{"class":67,"line":181},[65,9044,100],{"emptyLinePlaceholder":99},[65,9046,9047,9049,9051],{"class":67,"line":186},[65,9048,425],{"class":112},[65,9050,4448],{"class":139},[65,9052,151],{"class":82},[65,9054,9055,9057,9059,9061],{"class":67,"line":195},[65,9056,1379],{"class":133},[65,9058,136],{"class":82},[65,9060,440],{"class":139},[65,9062,93],{"class":82},[65,9064,9065,9067,9069,9071,9073,9075,9077,9079,9081,9083,9085,9087,9089,9091],{"class":67,"line":213},[65,9066,1394],{"class":133},[65,9068,508],{"class":82},[65,9070,83],{"class":82},[65,9072,638],{"class":86},[65,9074,90],{"class":82},[65,9076,4475],{"class":82},[65,9078,83],{"class":82},[65,9080,4480],{"class":86},[65,9082,90],{"class":82},[65,9084,4475],{"class":82},[65,9086,83],{"class":82},[65,9088,4489],{"class":86},[65,9090,90],{"class":82},[65,9092,93],{"class":82},[65,9094,9095,9097,9099,9101,9103],{"class":67,"line":228},[65,9096,1409],{"class":133},[65,9098,136],{"class":82},[65,9100,428],{"class":139},[65,9102,4504],{"class":75},[65,9104,93],{"class":82},[65,9106,9107],{"class":67,"line":243},[65,9108,178],{"class":82},[65,9110,9111],{"class":67,"line":249},[65,9112,100],{"emptyLinePlaceholder":99},[65,9114,9115,9117,9119],{"class":67,"line":254},[65,9116,466],{"class":112},[65,9118,469],{"class":75},[65,9120,472],{"class":82},[65,9122,9123,9125,9127],{"class":67,"line":261},[65,9124,477],{"class":112},[65,9126,480],{"class":139},[65,9128,151],{"class":82},[65,9130,9131,9133,9135,9137,9139,9141,9143,9145,9147,9149,9151,9153,9155,9157],{"class":67,"line":274},[65,9132,487],{"class":133},[65,9134,136],{"class":82},[65,9136,492],{"class":82},[65,9138,495],{"class":123},[65,9140,136],{"class":82},[65,9142,440],{"class":139},[65,9144,502],{"class":82},[65,9146,505],{"class":123},[65,9148,508],{"class":82},[65,9150,511],{"class":139},[65,9152,514],{"class":82},[65,9154,517],{"class":112},[65,9156,520],{"class":139},[65,9158,93],{"class":82},[65,9160,9161],{"class":67,"line":288},[65,9162,527],{"class":82},[65,9164,9165],{"class":67,"line":294},[65,9166,178],{"class":82},[65,9168,9169],{"class":67,"line":303},[65,9170,100],{"emptyLinePlaceholder":99},[65,9172,9173,9175,9177,9179,9181],{"class":67,"line":309},[65,9174,106],{"class":71},[65,9176,113],{"class":112},[65,9178,4581],{"class":116},[65,9180,1969],{"class":82},[65,9182,151],{"class":82},[65,9184,9185,9187,9189,9191,9193,9195,9197,9199,9201,9203],{"class":67,"line":315},[65,9186,572],{"class":112},[65,9188,4592],{"class":75},[65,9190,578],{"class":82},[65,9192,492],{"class":82},[65,9194,4599],{"class":123},[65,9196,136],{"class":82},[65,9198,4448],{"class":139},[65,9200,514],{"class":82},[65,9202,517],{"class":112},[65,9204,151],{"class":82},[65,9206,9207,9209,9211,9213,9215,9217,9219,9221,9223,9225,9227],{"class":67,"line":321},[65,9208,590],{"class":75},[65,9210,26],{"class":82},[65,9212,595],{"class":116},[65,9214,598],{"class":133},[65,9216,90],{"class":82},[65,9218,603],{"class":86},[65,9220,90],{"class":82},[65,9222,502],{"class":82},[65,9224,505],{"class":75},[65,9226,514],{"class":133},[65,9228,93],{"class":82},[65,9230,9231],{"class":67,"line":327},[65,9232,667],{"class":82},[65,9234,9235],{"class":67,"line":355},[65,9236,100],{"emptyLinePlaceholder":99},[65,9238,9239,9241,9243,9245,9247,9249],{"class":67,"line":361},[65,9240,572],{"class":112},[65,9242,4648],{"class":75},[65,9244,578],{"class":82},[65,9246,581],{"class":82},[65,9248,517],{"class":112},[65,9250,151],{"class":82},[65,9252,9253,9255,9257,9259,9261,9263,9265,9267,9269],{"class":67,"line":369},[65,9254,590],{"class":75},[65,9256,26],{"class":82},[65,9258,595],{"class":116},[65,9260,598],{"class":133},[65,9262,90],{"class":82},[65,9264,4671],{"class":86},[65,9266,90],{"class":82},[65,9268,514],{"class":133},[65,9270,93],{"class":82},[65,9272,9273],{"class":67,"line":380},[65,9274,667],{"class":82},[65,9276,9277],{"class":67,"line":386},[65,9278,100],{"emptyLinePlaceholder":99},[65,9280,9281,9283,9285,9287,9289,9291],{"class":67,"line":394},[65,9282,157],{"class":71},[65,9284,130],{"class":82},[65,9286,4592],{"class":75},[65,9288,502],{"class":82},[65,9290,4648],{"class":75},[65,9292,4700],{"class":82},[65,9294,9295],{"class":67,"line":3592},[65,9296,178],{"class":82},[28,9298,9300],{"id":9299},"_3-использование-в-компоненте","3. Использование в компоненте",[56,9302,9304],{"className":58,"code":9303,"language":60,"meta":61,"style":61},"\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",[36,9305,9306,9310,9330,9334,9342,9352,9362,9366,9370,9394,9412,9416,9422,9430,9436,9448,9486,9490,9496,9504,9512,9526,9540,9566,9572,9576,9580,9585,9593,9601,9607],{"__ignoreMap":61},[65,9307,9308],{"class":67,"line":68},[65,9309,4718],{"class":3298},[65,9311,9312,9314,9316,9318,9320,9322,9324,9326,9328],{"class":67,"line":96},[65,9313,72],{"class":71},[65,9315,130],{"class":82},[65,9317,4581],{"class":75},[65,9319,808],{"class":82},[65,9321,811],{"class":71},[65,9323,83],{"class":82},[65,9325,4735],{"class":86},[65,9327,90],{"class":82},[65,9329,93],{"class":82},[65,9331,9332],{"class":67,"line":103},[65,9333,100],{"emptyLinePlaceholder":99},[65,9335,9336,9338,9340],{"class":67,"line":154},[65,9337,425],{"class":112},[65,9339,4750],{"class":139},[65,9341,151],{"class":82},[65,9343,9344,9346,9348,9350],{"class":67,"line":163},[65,9345,435],{"class":133},[65,9347,136],{"class":82},[65,9349,440],{"class":139},[65,9351,93],{"class":82},[65,9353,9354,9356,9358,9360],{"class":67,"line":169},[65,9355,3966],{"class":133},[65,9357,136],{"class":82},[65,9359,440],{"class":139},[65,9361,93],{"class":82},[65,9363,9364],{"class":67,"line":181},[65,9365,178],{"class":82},[65,9367,9368],{"class":67,"line":186},[65,9369,100],{"emptyLinePlaceholder":99},[65,9371,9372,9374,9376,9378,9380,9382,9384,9386,9388,9390,9392],{"class":67,"line":195},[65,9373,106],{"class":71},[65,9375,113],{"class":112},[65,9377,4789],{"class":116},[65,9379,120],{"class":82},[65,9381,4794],{"class":123},[65,9383,502],{"class":82},[65,9385,4799],{"class":123},[65,9387,127],{"class":82},[65,9389,4750],{"class":139},[65,9391,514],{"class":82},[65,9393,151],{"class":82},[65,9395,9396,9398,9400,9402,9404,9406,9408,9410],{"class":67,"line":213},[65,9397,572],{"class":112},[65,9399,130],{"class":82},[65,9401,4592],{"class":75},[65,9403,808],{"class":82},[65,9405,578],{"class":82},[65,9407,4581],{"class":116},[65,9409,1969],{"class":133},[65,9411,93],{"class":82},[65,9413,9414],{"class":67,"line":228},[65,9415,100],{"emptyLinePlaceholder":99},[65,9417,9418,9420],{"class":67,"line":243},[65,9419,157],{"class":71},[65,9421,160],{"class":133},[65,9423,9424,9426,9428],{"class":67,"line":249},[65,9425,910],{"class":82},[65,9427,688],{"class":133},[65,9429,377],{"class":82},[65,9431,9432,9434],{"class":67,"line":254},[65,9433,189],{"class":82},[65,9435,4850],{"class":133},[65,9437,9438,9440,9442,9444,9446],{"class":67,"line":261},[65,9439,231],{"class":112},[65,9441,201],{"class":82},[65,9443,204],{"class":82},[65,9445,621],{"class":86},[65,9447,210],{"class":82},[65,9449,9450,9452,9454,9456,9458,9460,9462,9464,9466,9468,9470,9472,9474,9476,9478,9480,9482,9484],{"class":67,"line":274},[65,9451,4867],{"class":112},[65,9453,705],{"class":82},[65,9455,708],{"class":133},[65,9457,136],{"class":82},[65,9459,83],{"class":82},[65,9461,715],{"class":86},[65,9463,90],{"class":82},[65,9465,502],{"class":82},[65,9467,722],{"class":133},[65,9469,136],{"class":82},[65,9471,728],{"class":727},[65,9473,502],{"class":82},[65,9475,733],{"class":133},[65,9477,136],{"class":82},[65,9479,83],{"class":82},[65,9481,740],{"class":86},[65,9483,90],{"class":82},[65,9485,4902],{"class":82},[65,9487,9488],{"class":67,"line":288},[65,9489,246],{"class":82},[65,9491,9492,9494],{"class":67,"line":294},[65,9493,189],{"class":82},[65,9495,4913],{"class":133},[65,9497,9498,9500,9502],{"class":67,"line":303},[65,9499,4918],{"class":112},[65,9501,4921],{"class":82},[65,9503,4924],{"class":112},[65,9505,9506,9508,9510],{"class":67,"line":309},[65,9507,4929],{"class":116},[65,9509,598],{"class":75},[65,9511,472],{"class":82},[65,9513,9514,9516,9518,9520,9522,9524],{"class":67,"line":315},[65,9515,4938],{"class":133},[65,9517,136],{"class":82},[65,9519,83],{"class":82},[65,9521,621],{"class":86},[65,9523,90],{"class":82},[65,9525,626],{"class":82},[65,9527,9528,9530,9532,9534,9536,9538],{"class":67,"line":321},[65,9529,4953],{"class":133},[65,9531,136],{"class":82},[65,9533,83],{"class":82},[65,9535,638],{"class":86},[65,9537,90],{"class":82},[65,9539,626],{"class":82},[65,9541,9542,9544,9546,9548,9550,9552,9554,9556,9558,9560,9562,9564],{"class":67,"line":327},[65,9543,4968],{"class":133},[65,9545,136],{"class":82},[65,9547,4973],{"class":75},[65,9549,4976],{"class":82},[65,9551,4794],{"class":75},[65,9553,502],{"class":82},[65,9555,4983],{"class":133},[65,9557,136],{"class":82},[65,9559,4988],{"class":75},[65,9561,349],{"class":82},[65,9563,4993],{"class":75},[65,9565,626],{"class":82},[65,9567,9568,9570],{"class":67,"line":355},[65,9569,5000],{"class":82},[65,9571,3597],{"class":75},[65,9573,9574],{"class":67,"line":361},[65,9575,5007],{"class":82},[65,9577,9578],{"class":67,"line":369},[65,9579,291],{"class":82},[65,9581,9582],{"class":67,"line":380},[65,9583,9584],{"class":75}," Примерка\n",[65,9586,9587,9589,9591],{"class":67,"line":386},[65,9588,372],{"class":82},[65,9590,752],{"class":133},[65,9592,377],{"class":82},[65,9594,9595,9597,9599],{"class":67,"line":394},[65,9596,1047],{"class":82},[65,9598,688],{"class":133},[65,9600,377],{"class":82},[65,9602,9603,9605],{"class":67,"line":3592},[65,9604,389],{"class":133},[65,9606,93],{"class":82},[65,9608,9609],{"class":67,"line":3600},[65,9610,178],{"class":82},[1089,9612,5045],{},{"title":61,"searchDepth":96,"depth":96,"links":9614},[9615,9616,9617],{"id":8788,"depth":96,"text":8789},{"id":8989,"depth":96,"text":8990},{"id":9299,"depth":96,"text":9300},"Интеграция с React-приложением (Vite \u002F CRA)",{},"\u002Fintegrations\u002Freact",{"title":4166,"description":9618},"integrations\u002Freact","F7mSDoVd1RiVLbrCGyquPOzGkvCalo0IeQdlhW6YYUs",{"id":9625,"title":5060,"body":9626,"description":10247,"extension":1102,"icon":5732,"meta":10248,"navigation":99,"path":2256,"seo":10249,"stem":10250,"__hash__":10251},"content\u002Fintegrations\u002Fvanilla-js.md",{"type":7,"value":9627,"toc":10243},[9628,9632,9635,9639,10219,10223,10241],[10,9629,9631],{"id":9630},"интеграция-с-vanilla-js","Интеграция с Vanilla JS",[15,9633,9634],{},"Без фреймворков — только HTML и JavaScript.",[28,9636,9638],{"id":9637},"полный-пример","Полный пример",[56,9640,9642],{"className":1867,"code":9641,"language":1869,"meta":61,"style":61},"\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",[36,9643,9644,9654,9673,9681,9699,9727,9744,9752,9760,9764,9781,9798,9802,9807,9839,9843,9871,9875,9880,9886,9898,9910,9918,9922,9927,9945,9969,10011,10015,10035,10047,10055,10063,10067,10075,10085,10105,10119,10133,10141,10145,10159,10173,10177,10183,10191,10195,10203,10211],{"__ignoreMap":61},[65,9645,9646,9648,9650,9652],{"class":67,"line":68},[65,9647,5083],{"class":82},[65,9649,5086],{"class":133},[65,9651,5089],{"class":112},[65,9653,377],{"class":82},[65,9655,9656,9658,9660,9662,9664,9666,9669,9671],{"class":67,"line":96},[65,9657,1876],{"class":82},[65,9659,1869],{"class":133},[65,9661,3402],{"class":112},[65,9663,201],{"class":82},[65,9665,204],{"class":82},[65,9667,9668],{"class":86},"ru",[65,9670,204],{"class":82},[65,9672,377],{"class":82},[65,9674,9675,9677,9679],{"class":67,"line":103},[65,9676,1876],{"class":82},[65,9678,5117],{"class":133},[65,9680,377],{"class":82},[65,9682,9683,9685,9687,9689,9691,9693,9695,9697],{"class":67,"line":154},[65,9684,3313],{"class":82},[65,9686,3554],{"class":133},[65,9688,5128],{"class":112},[65,9690,201],{"class":82},[65,9692,204],{"class":82},[65,9694,5135],{"class":86},[65,9696,204],{"class":82},[65,9698,3369],{"class":82},[65,9700,9701,9703,9705,9707,9709,9711,9713,9715,9717,9719,9721,9723,9725],{"class":67,"line":163},[65,9702,3313],{"class":82},[65,9704,3554],{"class":133},[65,9706,5148],{"class":112},[65,9708,201],{"class":82},[65,9710,204],{"class":82},[65,9712,5155],{"class":86},[65,9714,204],{"class":82},[65,9716,5160],{"class":112},[65,9718,201],{"class":82},[65,9720,204],{"class":82},[65,9722,5167],{"class":86},[65,9724,204],{"class":82},[65,9726,3369],{"class":82},[65,9728,9729,9731,9733,9735,9738,9740,9742],{"class":67,"line":169},[65,9730,3313],{"class":82},[65,9732,5178],{"class":133},[65,9734,3326],{"class":82},[65,9736,9737],{"class":75},"Страница товара — Виртуальная примерка",[65,9739,770],{"class":82},[65,9741,5178],{"class":133},[65,9743,377],{"class":82},[65,9745,9746,9748,9750],{"class":67,"line":181},[65,9747,770],{"class":82},[65,9749,5117],{"class":133},[65,9751,377],{"class":82},[65,9753,9754,9756,9758],{"class":67,"line":186},[65,9755,1876],{"class":82},[65,9757,5204],{"class":133},[65,9759,377],{"class":82},[65,9761,9762],{"class":67,"line":195},[65,9763,100],{"emptyLinePlaceholder":99},[65,9765,9766,9768,9770,9772,9775,9777,9779],{"class":67,"line":213},[65,9767,3313],{"class":82},[65,9769,10],{"class":133},[65,9771,3326],{"class":82},[65,9773,9774],{"class":75},"Классическая джинсовая куртка",[65,9776,770],{"class":82},[65,9778,10],{"class":133},[65,9780,377],{"class":82},[65,9782,9783,9785,9787,9789,9792,9794,9796],{"class":67,"line":228},[65,9784,3313],{"class":82},[65,9786,15],{"class":133},[65,9788,3326],{"class":82},[65,9790,9791],{"class":75},"7 500 ₽",[65,9793,770],{"class":82},[65,9795,15],{"class":133},[65,9797,377],{"class":82},[65,9799,9800],{"class":67,"line":243},[65,9801,100],{"emptyLinePlaceholder":99},[65,9803,9804],{"class":67,"line":249},[65,9805,9806],{"class":3298}," \u003C!-- Контейнер виджета -->\n",[65,9808,9809,9811,9813,9815,9817,9819,9821,9823,9825,9827,9829,9831,9833,9835,9837],{"class":67,"line":254},[65,9810,3313],{"class":82},[65,9812,688],{"class":133},[65,9814,691],{"class":112},[65,9816,201],{"class":82},[65,9818,204],{"class":82},[65,9820,621],{"class":86},[65,9822,204],{"class":82},[65,9824,702],{"class":112},[65,9826,201],{"class":82},[65,9828,204],{"class":82},[65,9830,5277],{"class":86},[65,9832,204],{"class":82},[65,9834,1910],{"class":82},[65,9836,688],{"class":133},[65,9838,377],{"class":82},[65,9840,9841],{"class":67,"line":261},[65,9842,100],{"emptyLinePlaceholder":99},[65,9844,9845,9847,9849,9851,9853,9855,9857,9859,9861,9863,9865,9867,9869],{"class":67,"line":274},[65,9846,3313],{"class":82},[65,9848,752],{"class":133},[65,9850,5298],{"class":112},[65,9852,201],{"class":82},[65,9854,204],{"class":82},[65,9856,5305],{"class":116},[65,9858,1969],{"class":86},[65,9860,204],{"class":82},[65,9862,3326],{"class":82},[65,9864,767],{"class":75},[65,9866,770],{"class":82},[65,9868,752],{"class":133},[65,9870,377],{"class":82},[65,9872,9873],{"class":67,"line":288},[65,9874,100],{"emptyLinePlaceholder":99},[65,9876,9877],{"class":67,"line":294},[65,9878,9879],{"class":3298}," \u003C!-- 1. Загрузка пакета виджета -->\n",[65,9881,9882,9884],{"class":67,"line":303},[65,9883,3313],{"class":82},[65,9885,1879],{"class":133},[65,9887,9888,9890,9892,9894,9896],{"class":67,"line":309},[65,9889,5339],{"class":112},[65,9891,201],{"class":82},[65,9893,204],{"class":82},[65,9895,207],{"class":86},[65,9897,210],{"class":82},[65,9899,9900,9902,9904,9906,9908],{"class":67,"line":315},[65,9901,5352],{"class":112},[65,9903,201],{"class":82},[65,9905,204],{"class":82},[65,9907,238],{"class":86},[65,9909,210],{"class":82},[65,9911,9912,9914,9916],{"class":67,"line":321},[65,9913,5365],{"class":82},[65,9915,1913],{"class":133},[65,9917,377],{"class":82},[65,9919,9920],{"class":67,"line":327},[65,9921,100],{"emptyLinePlaceholder":99},[65,9923,9924],{"class":67,"line":355},[65,9925,9926],{"class":3298}," \u003C!-- 2. Инициализация -->\n",[65,9928,9929,9931,9933,9935,9937,9939,9941,9943],{"class":67,"line":361},[65,9930,3313],{"class":82},[65,9932,1913],{"class":133},[65,9934,691],{"class":112},[65,9936,201],{"class":82},[65,9938,204],{"class":82},[65,9940,283],{"class":86},[65,9942,204],{"class":82},[65,9944,377],{"class":82},[65,9946,9947,9949,9951,9953,9955,9957,9959,9961,9963,9965,9967],{"class":67,"line":369},[65,9948,590],{"class":75},[65,9950,26],{"class":82},[65,9952,1952],{"class":75},[65,9954,201],{"class":82},[65,9956,1957],{"class":75},[65,9958,26],{"class":82},[65,9960,1952],{"class":75},[65,9962,1964],{"class":82},[65,9964,113],{"class":112},[65,9966,1969],{"class":82},[65,9968,151],{"class":82},[65,9970,9971,9973,9975,9977,9979,9981,9983,9985,9987,9989,9991,9993,9995,9997,9999,10001,10003,10005,10007,10009],{"class":67,"line":380},[65,9972,5425],{"class":133},[65,9974,1181],{"class":75},[65,9976,26],{"class":82},[65,9978,595],{"class":75},[65,9980,26],{"class":82},[65,9982,1987],{"class":75},[65,9984,578],{"class":82},[65,9986,1957],{"class":75},[65,9988,26],{"class":82},[65,9990,595],{"class":75},[65,9992,26],{"class":82},[65,9994,1987],{"class":75},[65,9996,2002],{"class":82},[65,9998,2005],{"class":133},[65,10000,26],{"class":82},[65,10002,2010],{"class":116},[65,10004,598],{"class":133},[65,10006,2015],{"class":75},[65,10008,514],{"class":133},[65,10010,93],{"class":82},[65,10012,10013],{"class":67,"line":386},[65,10014,5468],{"class":82},[65,10016,10017,10019,10021,10023,10025,10027,10029,10031,10033],{"class":67,"line":394},[65,10018,590],{"class":75},[65,10020,26],{"class":82},[65,10022,595],{"class":116},[65,10024,598],{"class":75},[65,10026,90],{"class":82},[65,10028,1192],{"class":86},[65,10030,90],{"class":82},[65,10032,502],{"class":82},[65,10034,151],{"class":82},[65,10036,10037,10039,10041,10043,10045],{"class":67,"line":3592},[65,10038,5493],{"class":133},[65,10040,136],{"class":82},[65,10042,83],{"class":82},[65,10044,2055],{"class":86},[65,10046,352],{"class":82},[65,10048,10049,10051,10053],{"class":67,"line":3600},[65,10050,658],{"class":82},[65,10052,514],{"class":75},[65,10054,93],{"class":82},[65,10056,10057,10059,10061],{"class":67,"line":5512},[65,10058,3374],{"class":82},[65,10060,1913],{"class":133},[65,10062,377],{"class":82},[65,10064,10065],{"class":67,"line":5521},[65,10066,100],{"emptyLinePlaceholder":99},[65,10068,10069,10071,10073],{"class":67,"line":5526},[65,10070,3313],{"class":82},[65,10072,1913],{"class":133},[65,10074,377],{"class":82},[65,10076,10077,10079,10081,10083],{"class":67,"line":5535},[65,10078,5538],{"class":112},[65,10080,5541],{"class":116},[65,10082,1969],{"class":82},[65,10084,151],{"class":82},[65,10086,10087,10089,10091,10093,10095,10097,10099,10101,10103],{"class":67,"line":5548},[65,10088,5551],{"class":75},[65,10090,26],{"class":82},[65,10092,595],{"class":116},[65,10094,598],{"class":133},[65,10096,90],{"class":82},[65,10098,603],{"class":86},[65,10100,90],{"class":82},[65,10102,502],{"class":82},[65,10104,151],{"class":82},[65,10106,10107,10109,10111,10113,10115,10117],{"class":67,"line":5570},[65,10108,5573],{"class":133},[65,10110,136],{"class":82},[65,10112,83],{"class":82},[65,10114,621],{"class":86},[65,10116,90],{"class":82},[65,10118,626],{"class":82},[65,10120,10121,10123,10125,10127,10129,10131],{"class":67,"line":5586},[65,10122,5589],{"class":133},[65,10124,136],{"class":82},[65,10126,83],{"class":82},[65,10128,638],{"class":86},[65,10130,90],{"class":82},[65,10132,626],{"class":82},[65,10134,10135,10137,10139],{"class":67,"line":5602},[65,10136,5605],{"class":133},[65,10138,136],{"class":82},[65,10140,1414],{"class":133},[65,10142,10143],{"class":67,"line":5612},[65,10144,996],{"class":82},[65,10146,10147,10149,10151,10153,10155,10157],{"class":67,"line":5617},[65,10148,1001],{"class":133},[65,10150,136],{"class":82},[65,10152,83],{"class":82},[65,10154,9774],{"class":86},[65,10156,90],{"class":82},[65,10158,626],{"class":82},[65,10160,10161,10163,10165,10167,10169,10171],{"class":67,"line":5632},[65,10162,1016],{"class":133},[65,10164,136],{"class":82},[65,10166,83],{"class":82},[65,10168,5641],{"class":86},[65,10170,90],{"class":82},[65,10172,626],{"class":82},[65,10174,10175],{"class":67,"line":5648},[65,10176,1031],{"class":82},[65,10178,10179,10181],{"class":67,"line":5653},[65,10180,1036],{"class":133},[65,10182,626],{"class":82},[65,10184,10185,10187,10189],{"class":67,"line":5660},[65,10186,5663],{"class":82},[65,10188,514],{"class":133},[65,10190,93],{"class":82},[65,10192,10193],{"class":67,"line":5670},[65,10194,5673],{"class":82},[65,10196,10197,10199,10201],{"class":67,"line":5676},[65,10198,3374],{"class":82},[65,10200,1913],{"class":133},[65,10202,377],{"class":82},[65,10204,10205,10207,10209],{"class":67,"line":5685},[65,10206,770],{"class":82},[65,10208,5204],{"class":133},[65,10210,377],{"class":82},[65,10212,10213,10215,10217],{"class":67,"line":5694},[65,10214,770],{"class":82},[65,10216,1869],{"class":133},[65,10218,377],{"class":82},[28,10220,10222],{"id":10221},"ключевые-моменты","Ключевые моменты",[2248,10224,10225,10228,10236],{},[2251,10226,10227],{},"Сначала загружается пакетный скрипт.",[2251,10229,10230,10231,10233,10234,26],{},"Инициализируйте с помощью ",[36,10232,5715],{}," перед вызовом ",[36,10235,603],{},[2251,10237,10238,10240],{},[36,10239,1255],{}," должен совпадать с существующим элементом на странице.",[1089,10242,5726],{},{"title":61,"searchDepth":96,"depth":96,"links":10244},[10245,10246],{"id":9637,"depth":96,"text":9638},{"id":10221,"depth":96,"text":10222},"Интеграция с обычным HTML\u002FJavaScript",{},{"title":5060,"description":10247},"integrations\u002Fvanilla-js","TOVOFdq4t72IBSUKHoJgLGlQk10I_zCs_rea9Sj9PGA",{"id":10253,"title":5740,"body":10254,"description":11084,"extension":1102,"icon":6587,"meta":11085,"navigation":99,"path":11086,"seo":11087,"stem":11088,"__hash__":11089},"content\u002Fintegrations\u002Fvue.md",{"type":7,"value":10255,"toc":11079},[10256,10260,10263,10265,10270,10448,10452,10744,10748,11077],[10,10257,10259],{"id":10258},"интеграция-с-vue-3","Интеграция с Vue 3",[15,10261,10262],{},"Работает с Vue 3 + Vite или любым другим окружением Vue 3.",[28,10264,8789],{"id":8788},[15,10266,10267,10268,136],{},"В ",[36,10269,4185],{},[56,10271,10272],{"className":1867,"code":5759,"language":1869,"meta":61,"style":61},[36,10273,10274,10280,10292,10304,10312,10330,10354,10396,10400,10420,10432,10440],{"__ignoreMap":61},[65,10275,10276,10278],{"class":67,"line":68},[65,10277,1876],{"class":82},[65,10279,1879],{"class":133},[65,10281,10282,10284,10286,10288,10290],{"class":67,"line":96},[65,10283,1884],{"class":112},[65,10285,201],{"class":82},[65,10287,204],{"class":82},[65,10289,207],{"class":86},[65,10291,210],{"class":82},[65,10293,10294,10296,10298,10300,10302],{"class":67,"line":103},[65,10295,1897],{"class":112},[65,10297,201],{"class":82},[65,10299,204],{"class":82},[65,10301,238],{"class":86},[65,10303,210],{"class":82},[65,10305,10306,10308,10310],{"class":67,"line":154},[65,10307,1910],{"class":82},[65,10309,1913],{"class":133},[65,10311,377],{"class":82},[65,10313,10314,10316,10318,10320,10322,10324,10326,10328],{"class":67,"line":163},[65,10315,1876],{"class":82},[65,10317,1913],{"class":133},[65,10319,691],{"class":112},[65,10321,201],{"class":82},[65,10323,204],{"class":82},[65,10325,283],{"class":86},[65,10327,204],{"class":82},[65,10329,377],{"class":82},[65,10331,10332,10334,10336,10338,10340,10342,10344,10346,10348,10350,10352],{"class":67,"line":169},[65,10333,1947],{"class":75},[65,10335,26],{"class":82},[65,10337,1952],{"class":75},[65,10339,201],{"class":82},[65,10341,1957],{"class":75},[65,10343,26],{"class":82},[65,10345,1952],{"class":75},[65,10347,1964],{"class":82},[65,10349,113],{"class":112},[65,10351,1969],{"class":82},[65,10353,151],{"class":82},[65,10355,10356,10358,10360,10362,10364,10366,10368,10370,10372,10374,10376,10378,10380,10382,10384,10386,10388,10390,10392,10394],{"class":67,"line":181},[65,10357,1976],{"class":133},[65,10359,1181],{"class":75},[65,10361,26],{"class":82},[65,10363,595],{"class":75},[65,10365,26],{"class":82},[65,10367,1987],{"class":75},[65,10369,578],{"class":82},[65,10371,1957],{"class":75},[65,10373,26],{"class":82},[65,10375,595],{"class":75},[65,10377,26],{"class":82},[65,10379,1987],{"class":75},[65,10381,2002],{"class":82},[65,10383,2005],{"class":133},[65,10385,26],{"class":82},[65,10387,2010],{"class":116},[65,10389,598],{"class":133},[65,10391,2015],{"class":75},[65,10393,514],{"class":133},[65,10395,93],{"class":82},[65,10397,10398],{"class":67,"line":186},[65,10399,667],{"class":82},[65,10401,10402,10404,10406,10408,10410,10412,10414,10416,10418],{"class":67,"line":195},[65,10403,1947],{"class":75},[65,10405,26],{"class":82},[65,10407,595],{"class":116},[65,10409,598],{"class":75},[65,10411,90],{"class":82},[65,10413,1192],{"class":86},[65,10415,90],{"class":82},[65,10417,502],{"class":82},[65,10419,151],{"class":82},[65,10421,10422,10424,10426,10428,10430],{"class":67,"line":213},[65,10423,2048],{"class":133},[65,10425,136],{"class":82},[65,10427,83],{"class":82},[65,10429,2055],{"class":86},[65,10431,352],{"class":82},[65,10433,10434,10436,10438],{"class":67,"line":228},[65,10435,2062],{"class":82},[65,10437,514],{"class":75},[65,10439,93],{"class":82},[65,10441,10442,10444,10446],{"class":67,"line":243},[65,10443,770],{"class":82},[65,10445,1913],{"class":133},[65,10447,377],{"class":82},[28,10449,10451],{"id":10450},"_2-создайте-composable","2. Создайте composable",[56,10453,10454],{"className":3615,"code":5942,"language":3409,"meta":61,"style":61},[36,10455,10456,10460,10470,10478,10486,10494,10498,10502,10512,10520,10548,10558,10562,10566,10574,10582,10610,10614,10618,10622,10634,10656,10678,10682,10686,10700,10718,10722,10726,10740],{"__ignoreMap":61},[65,10457,10458],{"class":67,"line":68},[65,10459,5949],{"class":3298},[65,10461,10462,10464,10466,10468],{"class":67,"line":96},[65,10463,106],{"class":71},[65,10465,5956],{"class":112},[65,10467,428],{"class":139},[65,10469,151],{"class":82},[65,10471,10472,10474,10476],{"class":67,"line":103},[65,10473,435],{"class":133},[65,10475,136],{"class":82},[65,10477,3961],{"class":139},[65,10479,10480,10482,10484],{"class":67,"line":154},[65,10481,447],{"class":133},[65,10483,136],{"class":82},[65,10485,3961],{"class":139},[65,10487,10488,10490,10492],{"class":67,"line":163},[65,10489,4427],{"class":133},[65,10491,508],{"class":82},[65,10493,3961],{"class":139},[65,10495,10496],{"class":67,"line":169},[65,10497,178],{"class":82},[65,10499,10500],{"class":67,"line":181},[65,10501,100],{"emptyLinePlaceholder":99},[65,10503,10504,10506,10508,10510],{"class":67,"line":186},[65,10505,106],{"class":71},[65,10507,5956],{"class":112},[65,10509,4448],{"class":139},[65,10511,151],{"class":82},[65,10513,10514,10516,10518],{"class":67,"line":195},[65,10515,1379],{"class":133},[65,10517,136],{"class":82},[65,10519,3961],{"class":139},[65,10521,10522,10524,10526,10528,10530,10532,10534,10536,10538,10540,10542,10544,10546],{"class":67,"line":213},[65,10523,1394],{"class":133},[65,10525,508],{"class":82},[65,10527,83],{"class":82},[65,10529,638],{"class":86},[65,10531,90],{"class":82},[65,10533,4475],{"class":82},[65,10535,83],{"class":82},[65,10537,4480],{"class":86},[65,10539,90],{"class":82},[65,10541,4475],{"class":82},[65,10543,83],{"class":82},[65,10545,4489],{"class":86},[65,10547,352],{"class":82},[65,10549,10550,10552,10554,10556],{"class":67,"line":228},[65,10551,1409],{"class":133},[65,10553,136],{"class":82},[65,10555,428],{"class":139},[65,10557,6049],{"class":75},[65,10559,10560],{"class":67,"line":243},[65,10561,178],{"class":82},[65,10563,10564],{"class":67,"line":249},[65,10565,100],{"emptyLinePlaceholder":99},[65,10567,10568,10570,10572],{"class":67,"line":254},[65,10569,466],{"class":112},[65,10571,469],{"class":75},[65,10573,472],{"class":82},[65,10575,10576,10578,10580],{"class":67,"line":261},[65,10577,477],{"class":112},[65,10579,480],{"class":139},[65,10581,151],{"class":82},[65,10583,10584,10586,10588,10590,10592,10594,10596,10598,10600,10602,10604,10606,10608],{"class":67,"line":274},[65,10585,487],{"class":133},[65,10587,136],{"class":82},[65,10589,492],{"class":82},[65,10591,495],{"class":123},[65,10593,136],{"class":82},[65,10595,440],{"class":139},[65,10597,502],{"class":82},[65,10599,505],{"class":123},[65,10601,508],{"class":82},[65,10603,511],{"class":139},[65,10605,514],{"class":82},[65,10607,517],{"class":112},[65,10609,6102],{"class":139},[65,10611,10612],{"class":67,"line":288},[65,10613,527],{"class":82},[65,10615,10616],{"class":67,"line":294},[65,10617,178],{"class":82},[65,10619,10620],{"class":67,"line":303},[65,10621,100],{"emptyLinePlaceholder":99},[65,10623,10624,10626,10628,10630,10632],{"class":67,"line":309},[65,10625,106],{"class":71},[65,10627,113],{"class":112},[65,10629,4581],{"class":116},[65,10631,1969],{"class":82},[65,10633,151],{"class":82},[65,10635,10636,10638,10640,10642,10644,10646,10648,10650,10652,10654],{"class":67,"line":315},[65,10637,572],{"class":112},[65,10639,4592],{"class":75},[65,10641,578],{"class":82},[65,10643,492],{"class":82},[65,10645,4599],{"class":123},[65,10647,136],{"class":82},[65,10649,4448],{"class":139},[65,10651,514],{"class":82},[65,10653,517],{"class":112},[65,10655,151],{"class":82},[65,10657,10658,10660,10662,10664,10666,10668,10670,10672,10674,10676],{"class":67,"line":321},[65,10659,590],{"class":75},[65,10661,26],{"class":82},[65,10663,595],{"class":116},[65,10665,598],{"class":133},[65,10667,90],{"class":82},[65,10669,603],{"class":86},[65,10671,90],{"class":82},[65,10673,502],{"class":82},[65,10675,505],{"class":75},[65,10677,3597],{"class":133},[65,10679,10680],{"class":67,"line":327},[65,10681,527],{"class":82},[65,10683,10684],{"class":67,"line":355},[65,10685,100],{"emptyLinePlaceholder":99},[65,10687,10688,10690,10692,10694,10696,10698],{"class":67,"line":361},[65,10689,572],{"class":112},[65,10691,4648],{"class":75},[65,10693,578],{"class":82},[65,10695,581],{"class":82},[65,10697,517],{"class":112},[65,10699,151],{"class":82},[65,10701,10702,10704,10706,10708,10710,10712,10714,10716],{"class":67,"line":369},[65,10703,590],{"class":75},[65,10705,26],{"class":82},[65,10707,595],{"class":116},[65,10709,598],{"class":133},[65,10711,90],{"class":82},[65,10713,4671],{"class":86},[65,10715,90],{"class":82},[65,10717,3597],{"class":133},[65,10719,10720],{"class":67,"line":380},[65,10721,527],{"class":82},[65,10723,10724],{"class":67,"line":386},[65,10725,100],{"emptyLinePlaceholder":99},[65,10727,10728,10730,10732,10734,10736,10738],{"class":67,"line":394},[65,10729,157],{"class":71},[65,10731,130],{"class":82},[65,10733,4592],{"class":75},[65,10735,502],{"class":82},[65,10737,4648],{"class":75},[65,10739,6233],{"class":82},[65,10741,10742],{"class":67,"line":3592},[65,10743,178],{"class":82},[28,10745,10747],{"id":10746},"_3-создайте-компонент-виджета","3. Создайте компонент виджета",[56,10749,10751],{"className":3289,"code":10750,"language":3291,"meta":61,"style":61},"\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",[36,10752,10753,10757,10765,10773,10779,10791,10803,10807,10833,10841,10849,10853,10873,10897,10901,10913,10921,10929,10935,10939,10955,10959,10973,10981,10995,11009,11017,11021,11035,11049,11053,11059,11065,11069],{"__ignoreMap":61},[65,10754,10755],{"class":67,"line":68},[65,10756,3822],{"class":3298},[65,10758,10759,10761,10763],{"class":67,"line":96},[65,10760,1876],{"class":82},[65,10762,3306],{"class":133},[65,10764,377],{"class":82},[65,10766,10767,10769,10771],{"class":67,"line":103},[65,10768,3313],{"class":82},[65,10770,688],{"class":133},[65,10772,377],{"class":82},[65,10774,10775,10777],{"class":67,"line":154},[65,10776,910],{"class":82},[65,10778,4850],{"class":133},[65,10780,10781,10783,10785,10787,10789],{"class":67,"line":163},[65,10782,3478],{"class":112},[65,10784,201],{"class":82},[65,10786,204],{"class":82},[65,10788,621],{"class":86},[65,10790,210],{"class":82},[65,10792,10793,10795,10797,10799,10801],{"class":67,"line":169},[65,10794,6289],{"class":112},[65,10796,201],{"class":82},[65,10798,204],{"class":82},[65,10800,6296],{"class":86},[65,10802,210],{"class":82},[65,10804,10805],{"class":67,"line":181},[65,10806,6303],{"class":82},[65,10808,10809,10811,10813,10815,10817,10819,10821,10823,10825,10827,10829,10831],{"class":67,"line":186},[65,10810,910],{"class":82},[65,10812,752],{"class":133},[65,10814,3877],{"class":112},[65,10816,201],{"class":82},[65,10818,204],{"class":82},[65,10820,3884],{"class":86},[65,10822,204],{"class":82},[65,10824,3326],{"class":82},[65,10826,767],{"class":75},[65,10828,770],{"class":82},[65,10830,752],{"class":133},[65,10832,377],{"class":82},[65,10834,10835,10837,10839],{"class":67,"line":195},[65,10836,3374],{"class":82},[65,10838,688],{"class":133},[65,10840,377],{"class":82},[65,10842,10843,10845,10847],{"class":67,"line":213},[65,10844,770],{"class":82},[65,10846,3306],{"class":133},[65,10848,377],{"class":82},[65,10850,10851],{"class":67,"line":228},[65,10852,100],{"emptyLinePlaceholder":99},[65,10854,10855,10857,10859,10861,10863,10865,10867,10869,10871],{"class":67,"line":243},[65,10856,1876],{"class":82},[65,10858,1913],{"class":133},[65,10860,3399],{"class":112},[65,10862,3402],{"class":112},[65,10864,201],{"class":82},[65,10866,204],{"class":82},[65,10868,3409],{"class":86},[65,10870,204],{"class":82},[65,10872,377],{"class":82},[65,10874,10875,10877,10879,10881,10883,10885,10887,10889,10891,10893,10895],{"class":67,"line":249},[65,10876,72],{"class":71},[65,10878,130],{"class":82},[65,10880,4581],{"class":75},[65,10882,502],{"class":82},[65,10884,6382],{"class":71},[65,10886,428],{"class":75},[65,10888,808],{"class":82},[65,10890,811],{"class":71},[65,10892,83],{"class":82},[65,10894,6393],{"class":86},[65,10896,352],{"class":82},[65,10898,10899],{"class":67,"line":254},[65,10900,100],{"emptyLinePlaceholder":99},[65,10902,10903,10905,10907,10909,10911],{"class":67,"line":261},[65,10904,3941],{"class":112},[65,10906,3944],{"class":75},[65,10908,201],{"class":82},[65,10910,3949],{"class":116},[65,10912,3952],{"class":82},[65,10914,10915,10917,10919],{"class":67,"line":274},[65,10916,435],{"class":133},[65,10918,136],{"class":82},[65,10920,3961],{"class":139},[65,10922,10923,10925,10927],{"class":67,"line":288},[65,10924,3966],{"class":133},[65,10926,136],{"class":82},[65,10928,3961],{"class":139},[65,10930,10931,10933],{"class":67,"line":294},[65,10932,764],{"class":82},[65,10934,3977],{"class":75},[65,10936,10937],{"class":67,"line":303},[65,10938,100],{"emptyLinePlaceholder":99},[65,10940,10941,10943,10945,10947,10949,10951,10953],{"class":67,"line":309},[65,10942,3941],{"class":112},[65,10944,130],{"class":82},[65,10946,6446],{"class":75},[65,10948,349],{"class":82},[65,10950,578],{"class":82},[65,10952,4581],{"class":116},[65,10954,3977],{"class":75},[65,10956,10957],{"class":67,"line":315},[65,10958,100],{"emptyLinePlaceholder":99},[65,10960,10961,10963,10965,10967,10969,10971],{"class":67,"line":321},[65,10962,3941],{"class":112},[65,10964,3988],{"class":75},[65,10966,201],{"class":82},[65,10968,581],{"class":82},[65,10970,517],{"class":112},[65,10972,151],{"class":82},[65,10974,10975,10977,10979],{"class":67,"line":327},[65,10976,6477],{"class":116},[65,10978,598],{"class":133},[65,10980,472],{"class":82},[65,10982,10983,10985,10987,10989,10991,10993],{"class":67,"line":355},[65,10984,4021],{"class":133},[65,10986,136],{"class":82},[65,10988,83],{"class":82},[65,10990,621],{"class":86},[65,10992,90],{"class":82},[65,10994,626],{"class":82},[65,10996,10997,10999,11001,11003,11005,11007],{"class":67,"line":361},[65,10998,4036],{"class":133},[65,11000,136],{"class":82},[65,11002,83],{"class":82},[65,11004,638],{"class":86},[65,11006,90],{"class":82},[65,11008,626],{"class":82},[65,11010,11011,11013,11015],{"class":67,"line":369},[65,11012,4051],{"class":133},[65,11014,136],{"class":82},[65,11016,1414],{"class":133},[65,11018,11019],{"class":67,"line":380},[65,11020,4060],{"class":82},[65,11022,11023,11025,11027,11029,11031,11033],{"class":67,"line":386},[65,11024,4065],{"class":133},[65,11026,136],{"class":82},[65,11028,4070],{"class":75},[65,11030,26],{"class":82},[65,11032,1328],{"class":75},[65,11034,626],{"class":82},[65,11036,11037,11039,11041,11043,11045,11047],{"class":67,"line":394},[65,11038,4081],{"class":133},[65,11040,136],{"class":82},[65,11042,4070],{"class":75},[65,11044,26],{"class":82},[65,11046,4090],{"class":75},[65,11048,626],{"class":82},[65,11050,11051],{"class":67,"line":3592},[65,11052,4097],{"class":82},[65,11054,11055,11057],{"class":67,"line":3600},[65,11056,4102],{"class":133},[65,11058,626],{"class":82},[65,11060,11061,11063],{"class":67,"line":5512},[65,11062,2062],{"class":82},[65,11064,3597],{"class":133},[65,11066,11067],{"class":67,"line":5521},[65,11068,178],{"class":82},[65,11070,11071,11073,11075],{"class":67,"line":5526},[65,11072,770],{"class":82},[65,11074,1913],{"class":133},[65,11076,377],{"class":82},[1089,11078,6580],{},{"title":61,"searchDepth":96,"depth":96,"links":11080},[11081,11082,11083],{"id":8788,"depth":96,"text":8789},{"id":10450,"depth":96,"text":10451},{"id":10746,"depth":96,"text":10747},"Интеграция с Vue 3 приложением",{},"\u002Fintegrations\u002Fvue",{"title":5740,"description":11084},"integrations\u002Fvue","940Q7exH9C3y9bXr_sW6skJzNNxxGlNzOBpnASqYjFU",1779283220737]