[{"data":1,"prerenderedAt":297},["ShallowReactive",2],{"navigation":3,"page-\u002Fit\u002Fgetting-started":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":80,"body":142,"description":291,"extension":292,"meta":293,"navigation":294,"path":81,"seo":295,"stem":82,"__hash__":296},"content\u002Fit\u002F1.getting-started.md",{"type":143,"value":144,"toc":287},"minimark",[145,149,157,219,233,238,260,264,283],[146,147,80],"h1",{"id":148},"per-iniziare",[150,151,152,156],"p",{},[153,154,155],"strong",{},"Nuxt Skeletonizer"," genera automaticamente gli stati di caricamento skeleton a partire dal tuo\nmarkup esistente — nessun componente \"skeleton\" duplicato e nessuno spostamento del layout quando\narriva il contenuto reale.",[158,159,164],"pre",{"className":160,"code":161,"language":162,"meta":163,"style":163},"language-vue shiki shiki-themes material-theme-lighter github-light github-dark","\u003CSkeletonizer :enabled=\"pending\">\n  \u003CUserProfile \u002F>\n\u003C\u002FSkeletonizer>\n","vue","",[165,166,167,203,209],"code",{"__ignoreMap":163},[168,169,172,176,180,183,187,190,194,198,200],"span",{"class":170,"line":171},"line",1,[168,173,175],{"class":174},"sP7_E","\u003C",[168,177,179],{"class":178},"sQzsp","Skeletonizer",[168,181,182],{"class":174}," :",[168,184,186],{"class":185},"s9AJx","enabled",[168,188,189],{"class":174},"=",[168,191,193],{"class":192},"sjJ54","\"",[168,195,197],{"class":196},"su5hD","pending",[168,199,193],{"class":192},[168,201,202],{"class":174},">\n",[168,204,206],{"class":170,"line":205},2,[168,207,208],{"class":196},"  \u003CUserProfile \u002F>\n",[168,210,212,215,217],{"class":170,"line":211},3,[168,213,214],{"class":174},"\u003C\u002F",[168,216,179],{"class":178},[168,218,202],{"class":174},[150,220,221,222,224,225,228,229,232],{},"Quando ",[165,223,186],{}," è ",[165,226,227],{},"true",", il modulo analizza il sottoalbero renderizzato, classifica ogni elemento\n(testo, immagine, avatar, pulsante, input, …) e dipinge al suo posto un ",[153,230,231],{},"osso"," placeholder —\nmantenendo esattamente lo stesso layout.",[234,235,237],"h2",{"id":236},"perché-usarlo","Perché usarlo?",[239,240,241,248,254],"ul",{},[242,243,244,247],"li",{},[153,245,246],{},"Nessun componente duplicato"," — gli skeleton derivano dal DOM reale.",[242,249,250,253],{},[153,251,252],{},"Zero spostamenti di layout"," — gli elementi vengono stilizzati sul posto, mai rimossi.",[242,255,256,259],{},[153,257,258],{},"Codice applicativo minimo"," — di solito un singolo wrapper o un interruttore globale.",[234,261,263],{"id":262},"prossimi-passi","Prossimi passi",[239,265,266,271,275,279],{},[242,267,268],{},[269,270,109],"a",{"href":110},[242,272,273],{},[269,274,113],{"href":114},[242,276,277],{},[269,278,117],{"href":118},[242,280,281],{},[269,282,125],{"href":126},[284,285,286],"style",{},"html pre.shiki code .sP7_E, html code.shiki .sP7_E{--shiki-light:#39ADB5;--shiki-default:#24292E;--shiki-dark:#E1E4E8}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 .sjJ54, html code.shiki .sjJ54{--shiki-light:#39ADB5;--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .su5hD, html code.shiki .su5hD{--shiki-light:#90A4AE;--shiki-default:#24292E;--shiki-dark:#E1E4E8}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":163,"searchDepth":211,"depth":211,"links":288},[289,290],{"id":236,"depth":205,"text":237},{"id":262,"depth":205,"text":263},"Cos'è Nuxt Skeletonizer e come aggiungerlo alla tua app in meno di un minuto.","md",{},true,{"title":80,"description":291},"dCLPTdz_BLcceXZTKU-6E6WWlW6L_B6eICIGrNoa5PI",1783713298047]