[{"data":1,"prerenderedAt":712},["ShallowReactive",2],{"navigation":3,"page-\u002Fit\u002Ftheming":140},[4,74],{"title":5,"path":6,"stem":7,"children":8,"page":73},"En","\u002Fen","en",[9,13,17,21,25,29,33,37,41,45,49,53,57,61,65,69],{"title":10,"path":11,"stem":12},"Getting Started","\u002Fen\u002Fgetting-started","en\u002F1.getting-started",{"title":14,"path":15,"stem":16},"Nuxt Integration","\u002Fen\u002Fnuxt-integration","en\u002F10.nuxt-integration",{"title":18,"path":19,"stem":20},"Theming","\u002Fen\u002Ftheming","en\u002F11.theming",{"title":22,"path":23,"stem":24},"SSR","\u002Fen\u002Fssr","en\u002F12.ssr",{"title":26,"path":27,"stem":28},"Performance","\u002Fen\u002Fperformance","en\u002F13.performance",{"title":30,"path":31,"stem":32},"DevTools","\u002Fen\u002Fdevtools","en\u002F14.devtools",{"title":34,"path":35,"stem":36},"FAQ","\u002Fen\u002Ffaq","en\u002F15.faq",{"title":38,"path":39,"stem":40},"Troubleshooting","\u002Fen\u002Ftroubleshooting","en\u002F16.troubleshooting",{"title":42,"path":43,"stem":44},"Installation","\u002Fen\u002Finstallation","en\u002F2.installation",{"title":46,"path":47,"stem":48},"Configuration","\u002Fen\u002Fconfiguration","en\u002F3.configuration",{"title":50,"path":51,"stem":52},"Basic Usage","\u002Fen\u002Fbasic-usage","en\u002F4.basic-usage",{"title":54,"path":55,"stem":56},"Advanced Usage","\u002Fen\u002Fadvanced-usage","en\u002F5.advanced-usage",{"title":58,"path":59,"stem":60},"Automatic Skeletonization","\u002Fen\u002Fautomatic-skeletonization","en\u002F6.automatic-skeletonization",{"title":62,"path":63,"stem":64},"Components","\u002Fen\u002Fcomponents","en\u002F7.components",{"title":66,"path":67,"stem":68},"Directives","\u002Fen\u002Fdirectives","en\u002F8.directives",{"title":70,"path":71,"stem":72},"Composables","\u002Fen\u002Fcomposables","en\u002F9.composables",false,{"title":75,"path":76,"stem":77,"children":78,"page":73},"It","\u002Fit","it",[79,83,87,91,94,98,101,104,108,112,116,120,124,128,132,136],{"title":80,"path":81,"stem":82},"Per iniziare","\u002Fit\u002Fgetting-started","it\u002F1.getting-started",{"title":84,"path":85,"stem":86},"Integrazione Nuxt","\u002Fit\u002Fnuxt-integration","it\u002F10.nuxt-integration",{"title":88,"path":89,"stem":90},"Temi","\u002Fit\u002Ftheming","it\u002F11.theming",{"title":22,"path":92,"stem":93},"\u002Fit\u002Fssr","it\u002F12.ssr",{"title":95,"path":96,"stem":97},"Prestazioni","\u002Fit\u002Fperformance","it\u002F13.performance",{"title":30,"path":99,"stem":100},"\u002Fit\u002Fdevtools","it\u002F14.devtools",{"title":34,"path":102,"stem":103},"\u002Fit\u002Ffaq","it\u002F15.faq",{"title":105,"path":106,"stem":107},"Risoluzione dei problemi","\u002Fit\u002Ftroubleshooting","it\u002F16.troubleshooting",{"title":109,"path":110,"stem":111},"Installazione","\u002Fit\u002Finstallation","it\u002F2.installation",{"title":113,"path":114,"stem":115},"Configurazione","\u002Fit\u002Fconfiguration","it\u002F3.configuration",{"title":117,"path":118,"stem":119},"Uso di base","\u002Fit\u002Fbasic-usage","it\u002F4.basic-usage",{"title":121,"path":122,"stem":123},"Uso avanzato","\u002Fit\u002Fadvanced-usage","it\u002F5.advanced-usage",{"title":125,"path":126,"stem":127},"Skeletonizzazione automatica","\u002Fit\u002Fautomatic-skeletonization","it\u002F6.automatic-skeletonization",{"title":129,"path":130,"stem":131},"Componenti","\u002Fit\u002Fcomponents","it\u002F7.components",{"title":133,"path":134,"stem":135},"Direttive","\u002Fit\u002Fdirectives","it\u002F8.directives",{"title":137,"path":138,"stem":139},"Composable","\u002Fit\u002Fcomposables","it\u002F9.composables",{"id":141,"title":88,"body":142,"description":706,"extension":707,"meta":708,"navigation":709,"path":89,"seo":710,"stem":90,"__hash__":711},"content\u002Fit\u002F11.theming.md",{"type":143,"value":144,"toc":696},"minimark",[145,149,153,158,243,247,266,270,361,365,443,447,450,524,528,575,580,678,684,692],[146,147,88],"h1",{"id":148},"temi",[150,151,152],"p",{},"Tutto è guidato da proprietà personalizzate CSS, così i temi possono cambiare a runtime senza alcun\nre-render.",[154,155,157],"h2",{"id":156},"token","Token",[159,160,161,174],"table",{},[162,163,164],"thead",{},[165,166,167,171],"tr",{},[168,169,170],"th",{},"Variabile",[168,172,173],{},"Scopo",[175,176,177,189,199,213,223,233],"tbody",{},[165,178,179,186],{},[180,181,182],"td",{},[183,184,185],"code",{},"--sk-base-color",[180,187,188],{},"Colore base dell'osso",[165,190,191,196],{},[180,192,193],{},[183,194,195],{},"--sk-highlight-color",[180,197,198],{},"Colore di evidenziazione\u002Fsweep",[165,200,201,210],{},[180,202,203,206,207],{},[183,204,205],{},"--sk-dark-base-color"," \u002F ",[183,208,209],{},"--sk-dark-highlight-color",[180,211,212],{},"Equivalenti per la modalità scura",[165,214,215,220],{},[180,216,217],{},[183,218,219],{},"--sk-radius",[180,221,222],{},"Raggio predefinito dell'osso",[165,224,225,230],{},[180,226,227],{},[183,228,229],{},"--sk-opacity",[180,231,232],{},"Opacità a riposo",[165,234,235,240],{},[180,236,237],{},[183,238,239],{},"--sk-duration",[180,241,242],{},"Durata del ciclo di animazione",[154,244,246],{"id":245},"chiaro-scuro","Chiaro & scuro",[150,248,249,250,253,254,257,258,261,262,265],{},"I colori scuri si attivano automaticamente sotto il selettore ",[183,251,252],{},".dark"," (configurabile tramite\n",[183,255,256],{},"darkModeSelector",") o ",[183,259,260],{},"[data-theme=\"dark\"]",". Con Nuxt UI \u002F ",[183,263,264],{},"@nuxtjs\u002Fcolor-mode"," è già configurato.",[154,267,269],{"id":268},"cambio-a-runtime","Cambio a runtime",[271,272,277],"pre",{"className":273,"code":274,"language":275,"meta":276,"style":276},"language-ts shiki shiki-themes material-theme-lighter github-light github-dark","const { setTheme } = useSkeletonizer()\nsetTheme({ baseColor: '#1f2937', highlightColor: '#374151' })\n","ts","",[183,278,279,311],{"__ignoreMap":276},[280,281,284,288,292,296,299,303,307],"span",{"class":282,"line":283},"line",1,[280,285,287],{"class":286},"sbsja","const",[280,289,291],{"class":290},"sP7_E"," {",[280,293,295],{"class":294},"s_hVV"," setTheme",[280,297,298],{"class":290}," }",[280,300,302],{"class":301},"smGrS"," =",[280,304,306],{"class":305},"sGLFI"," useSkeletonizer",[280,308,310],{"class":309},"su5hD","()\n",[280,312,314,317,320,323,327,330,334,338,341,344,347,349,351,354,356,358],{"class":282,"line":313},2,[280,315,316],{"class":305},"setTheme",[280,318,319],{"class":309},"(",[280,321,322],{"class":290},"{",[280,324,326],{"class":325},"skxfh"," baseColor",[280,328,329],{"class":290},":",[280,331,333],{"class":332},"sjJ54"," '",[280,335,337],{"class":336},"s_sjI","#1f2937",[280,339,340],{"class":332},"'",[280,342,343],{"class":290},",",[280,345,346],{"class":325}," highlightColor",[280,348,329],{"class":290},[280,350,333],{"class":332},[280,352,353],{"class":336},"#374151",[280,355,340],{"class":332},[280,357,298],{"class":290},[280,359,360],{"class":309},")\n",[154,362,364],{"id":363},"tema-scoped","Tema scoped",[271,366,370],{"className":367,"code":368,"language":369,"meta":276,"style":276},"language-vue shiki shiki-themes material-theme-lighter github-light github-dark","\u003CSkeletonizer :enabled=\"pending\" :theme=\"{ baseColor: '#fde68a' }\">\n  \u003CPromoBanner \u002F>\n\u003C\u002FSkeletonizer>\n","vue",[183,371,372,428,433],{"__ignoreMap":276},[280,373,374,377,381,384,388,391,394,397,399,401,404,406,408,410,412,414,416,419,421,423,425],{"class":282,"line":283},[280,375,376],{"class":290},"\u003C",[280,378,380],{"class":379},"sQzsp","Skeletonizer",[280,382,383],{"class":290}," :",[280,385,387],{"class":386},"s9AJx","enabled",[280,389,390],{"class":290},"=",[280,392,393],{"class":332},"\"",[280,395,396],{"class":309},"pending",[280,398,393],{"class":332},[280,400,383],{"class":290},[280,402,403],{"class":386},"theme",[280,405,390],{"class":290},[280,407,393],{"class":332},[280,409,322],{"class":290},[280,411,326],{"class":325},[280,413,329],{"class":290},[280,415,333],{"class":332},[280,417,418],{"class":336},"#fde68a",[280,420,340],{"class":332},[280,422,298],{"class":290},[280,424,393],{"class":332},[280,426,427],{"class":290},">\n",[280,429,430],{"class":282,"line":313},[280,431,432],{"class":309},"  \u003CPromoBanner \u002F>\n",[280,434,436,439,441],{"class":282,"line":435},3,[280,437,438],{"class":290},"\u003C\u002F",[280,440,380],{"class":379},[280,442,427],{"class":290},[154,444,446],{"id":445},"css-personalizzato","CSS personalizzato",[150,448,449],{},"Puoi sovrascrivere le variabili ovunque nel tuo CSS:",[271,451,455],{"className":452,"code":453,"language":454,"meta":276,"style":276},"language-css shiki shiki-themes material-theme-lighter github-light github-dark",":root {\n  --sk-base-color: #e2e8f0;\n  --sk-highlight-color: #f1f5f9;\n  --sk-radius: 8px;\n}\n","css",[183,456,457,468,486,500,518],{"__ignoreMap":276},[280,458,459,462,465],{"class":282,"line":283},[280,460,329],{"class":461},"stp6e",[280,463,464],{"class":386},"root",[280,466,467],{"class":290}," {\n",[280,469,470,474,476,480,483],{"class":282,"line":313},[280,471,473],{"class":472},"sMMDD","  --sk-base-color",[280,475,329],{"class":290},[280,477,479],{"class":478},"s39Yj"," #",[280,481,482],{"class":294},"e2e8f0",[280,484,485],{"class":290},";\n",[280,487,488,491,493,495,498],{"class":282,"line":435},[280,489,490],{"class":472},"  --sk-highlight-color",[280,492,329],{"class":290},[280,494,479],{"class":478},[280,496,497],{"class":294},"f1f5f9",[280,499,485],{"class":290},[280,501,503,506,508,512,516],{"class":282,"line":502},4,[280,504,505],{"class":472},"  --sk-radius",[280,507,329],{"class":290},[280,509,511],{"class":510},"srdBf"," 8",[280,513,515],{"class":514},"sw1J6","px",[280,517,485],{"class":290},[280,519,521],{"class":282,"line":520},5,[280,522,523],{"class":290},"}\n",[154,525,527],{"id":526},"animazioni","Animazioni",[150,529,530,531,537,538,537,543,537,548,537,553,558,559,562,563,566,567,570,571,574],{},"Preset integrati: ",[532,533,534],"strong",{},[183,535,536],{},"wave",", ",[532,539,540],{},[183,541,542],{},"pulse",[532,544,545],{},[183,546,547],{},"fade",[532,549,550],{},[183,551,552],{},"gradient",[532,554,555],{},[183,556,557],{},"shine"," e ",[183,560,561],{},"none",".\nImposta il predefinito in config (",[183,564,565],{},"animation",") o per-scope (",[183,568,569],{},"\u003CSkeletonizer animation=\"pulse\">","), e\ncambialo a runtime con ",[183,572,573],{},"setAnimation()",".",[576,577,579],"h3",{"id":578},"registrare-unanimazione-personalizzata","Registrare un'animazione personalizzata",[271,581,583],{"className":273,"code":582,"language":275,"meta":276,"style":276},"useSkeletonizer().registerAnimation({\n  name: 'blink',\n  css: `\n    @keyframes sk-blink { 0%,100% { opacity: 1 } 50% { opacity: .3 } }\n    .sk-anim-blink .sk-bone { animation: sk-blink var(--sk-duration) infinite }\n  `,\n})\nuseSkeletonizer().setAnimation('blink')\n",[183,584,585,603,620,630,635,640,648,656],{"__ignoreMap":276},[280,586,587,590,593,595,598,600],{"class":282,"line":283},[280,588,589],{"class":305},"useSkeletonizer",[280,591,592],{"class":309},"()",[280,594,574],{"class":290},[280,596,597],{"class":305},"registerAnimation",[280,599,319],{"class":309},[280,601,602],{"class":290},"{\n",[280,604,605,608,610,612,615,617],{"class":282,"line":313},[280,606,607],{"class":325},"  name",[280,609,329],{"class":290},[280,611,333],{"class":332},[280,613,614],{"class":336},"blink",[280,616,340],{"class":332},[280,618,619],{"class":290},",\n",[280,621,622,625,627],{"class":282,"line":435},[280,623,624],{"class":325},"  css",[280,626,329],{"class":290},[280,628,629],{"class":332}," `\n",[280,631,632],{"class":282,"line":502},[280,633,634],{"class":336},"    @keyframes sk-blink { 0%,100% { opacity: 1 } 50% { opacity: .3 } }\n",[280,636,637],{"class":282,"line":520},[280,638,639],{"class":336},"    .sk-anim-blink .sk-bone { animation: sk-blink var(--sk-duration) infinite }\n",[280,641,643,646],{"class":282,"line":642},6,[280,644,645],{"class":332},"  `",[280,647,619],{"class":290},[280,649,651,654],{"class":282,"line":650},7,[280,652,653],{"class":290},"}",[280,655,360],{"class":309},[280,657,659,661,663,665,668,670,672,674,676],{"class":282,"line":658},8,[280,660,589],{"class":305},[280,662,592],{"class":309},[280,664,574],{"class":290},[280,666,667],{"class":305},"setAnimation",[280,669,319],{"class":309},[280,671,340],{"class":332},[280,673,614],{"class":336},[280,675,340],{"class":332},[280,677,360],{"class":309},[150,679,680,681,574],{},"Tutte le animazioni rispettano automaticamente ",[183,682,683],{},"prefers-reduced-motion: reduce",[150,685,686,687,574],{},"Gioca con colori, animazione e durata dal vivo nel ",[688,689,691],"a",{"href":690},"\u002Fit\u002Fplayground","Playground",[693,694,695],"style",{},"html pre.shiki code .sbsja, html code.shiki .sbsja{--shiki-light:#9C3EDA;--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sP7_E, html code.shiki .sP7_E{--shiki-light:#39ADB5;--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .s_hVV, html code.shiki .s_hVV{--shiki-light:#90A4AE;--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .smGrS, html code.shiki .smGrS{--shiki-light:#39ADB5;--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sGLFI, html code.shiki .sGLFI{--shiki-light:#6182B8;--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .su5hD, html code.shiki .su5hD{--shiki-light:#90A4AE;--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .skxfh, html code.shiki .skxfh{--shiki-light:#E53935;--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .sjJ54, html code.shiki .sjJ54{--shiki-light:#39ADB5;--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .s_sjI, html code.shiki .s_sjI{--shiki-light:#91B859;--shiki-default:#032F62;--shiki-dark:#9ECBFF}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 .sQzsp, html code.shiki .sQzsp{--shiki-light:#E53935;--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .s9AJx, html code.shiki .s9AJx{--shiki-light:#9C3EDA;--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .stp6e, html code.shiki .stp6e{--shiki-light:#39ADB5;--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sMMDD, html code.shiki .sMMDD{--shiki-light:#90A4AE;--shiki-default:#E36209;--shiki-dark:#FFAB70}html pre.shiki code .s39Yj, html code.shiki .s39Yj{--shiki-light:#39ADB5;--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .srdBf, html code.shiki .srdBf{--shiki-light:#F76D47;--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .sw1J6, html code.shiki .sw1J6{--shiki-light:#F76D47;--shiki-default:#D73A49;--shiki-dark:#F97583}",{"title":276,"searchDepth":435,"depth":435,"links":697},[698,699,700,701,702,703],{"id":156,"depth":313,"text":157},{"id":245,"depth":313,"text":246},{"id":268,"depth":313,"text":269},{"id":363,"depth":313,"text":364},{"id":445,"depth":313,"text":446},{"id":526,"depth":313,"text":527,"children":704},[705],{"id":578,"depth":435,"text":579},"Temi via variabili CSS, chiaro\u002Fscuro, cambio a runtime e animazioni.","md",{},true,{"title":88,"description":706},"k1ngADKb3IX5ynMSgvvdetnSJfoOPoIXji9d4vtBA1E",1783713299003]