[{"data":1,"prerenderedAt":562},["ShallowReactive",2],{"navigation":3,"page-\u002Fit\u002Fdevtools":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":30,"body":142,"description":557,"extension":558,"meta":559,"navigation":494,"path":99,"seo":560,"stem":100,"__hash__":561},"content\u002Fit\u002F14.devtools.md",{"type":143,"value":144,"toc":553},"minimark",[145,149,166,174,258,311,316,325,392,398,402,405,535,542,549],[146,147,30],"h1",{"id":148},"devtools",[150,151,152,153,160,161,165],"p",{},"Quando i ",[154,155,159],"a",{"href":156,"rel":157},"https:\u002F\u002Fdevtools.nuxt.com",[158],"nofollow","Nuxt DevTools"," sono attivi, Nuxt Skeletonizer aggiunge una\nscheda ",[162,163,164],"strong",{},"Skeletonizer",".",[150,167,168,169,173],{},"Espone lo stato di runtime dal vivo fornito da ",[170,171,172],"code",{},"useSkeletonizer().stats",":",[175,176,177,190],"table",{},[178,179,180],"thead",{},[181,182,183,187],"tr",{},[184,185,186],"th",{},"Metrica",[184,188,189],{},"Significato",[191,192,193,204,218,228,238,248],"tbody",{},[181,194,195,201],{},[196,197,198],"td",{},[170,199,200],{},"enabled",[196,202,203],{},"Se la modalità skeleton è attiva globalmente in questo momento",[181,205,206,211],{},[196,207,208],{},[170,209,210],{},"hosts",[196,212,213,214,217],{},"Numero di host ",[170,215,216],{},"\u003CSkeletonizer>"," montati",[181,219,220,225],{},[196,221,222],{},[170,223,224],{},"bones",[196,226,227],{},"Ossa dipinte su tutti gli host nell'ultima scansione",[181,229,230,235],{},[196,231,232],{},[170,233,234],{},"ignored",[196,236,237],{},"Elementi saltati\u002Fignorati durante la scansione",[181,239,240,245],{},[196,241,242],{},[170,243,244],{},"scans",[196,246,247],{},"Totale delle scansioni effettuate dal caricamento",[181,249,250,255],{},[196,251,252],{},[170,253,254],{},"lastScanMs",[196,256,257],{},"Durata della scansione più recente",[150,259,260,261,265,266,269,270,273,274,277,278,281,282,281,285,281,288,291,292,295,296,281,299,302,303,306,307,310],{},"Quando il ",[154,262,264],{"href":263},"\u002Fit\u002Fengine#the-adaptive-engine","motore adattivo"," è attivo, ",[170,267,268],{},"stats"," porta anche\n",[170,271,272],{},"renderMode"," (sempre ",[170,275,276],{},"'svg'","), ",[170,279,280],{},"score",", ",[170,283,284],{},"fps",[170,286,287],{},"animationTier",[170,289,290],{},"memoryMB",",\n",[170,293,294],{},"cacheHits","\u002F",[170,297,298],{},"cacheMisses",[170,300,301],{},"degraded"," e i ",[170,304,305],{},"timings"," per fase (",[170,308,309],{},"{ scanMs, renderMs, totalMs }",").",[312,313,315],"h2",{"id":314},"intelligenza-di-runtime-step-3","Intelligenza di runtime (Step 3)",[150,317,318,324],{},[154,319,321],{"href":320},"\u002Fit\u002Fcomposables#useskeletonperformance",[170,322,323],{},"useSkeletonPerformance()"," espone tutto ciò che serve a un\npannello DevTools:",[326,327,328,339,364,382],"ul",{},[329,330,331,334,335,338],"li",{},[162,332,333],{},"Visualizzatore della pipeline"," — tempi per fase (tempo di scansione \u002F render), il conteggio dei\nnodi SVG e la serie di metriche dal vivo (",[170,336,337],{},"perf.series('fps')","), più la cache hit ratio.",[329,340,341,344,345,348,349,352,353,356,357,295,360,363],{},[162,342,343],{},"SVG Blueprint Inspector"," — l'esatto blueprint ",[170,346,347],{},"\u003Csvg>"," prodotto dal motore (",[170,350,351],{},"perf.blueprint()","):\nil ",[170,354,355],{},"viewBox"," bloccato, l'id del gradiente namespacato e ogni forma ",[170,358,359],{},"\u003Crect>",[170,361,362],{},"\u003Ccircle>",", con un flag\nche indica se è stato servito dalla cache.",[329,365,366,369,370,374,375,378,379,310],{},[162,367,368],{},"Modalità Explain"," — frasi in linguaggio naturale per ogni decisione del motore, ad es.\n",[371,372,373],"em",{},"\"Blueprint SVG servito dalla cache — scansione saltata\""," oppure\n",[371,376,377],{},"\"Gradiente degradato a pulse: FPS sceso a 24\""," (",[170,380,381],{},"perf.explanations()",[329,383,384,387,388,391],{},[162,385,386],{},"Rilevamento dei colli di bottiglia"," — host ordinati per costo di scansione\u002Frender\n(",[170,389,390],{},"perf.bottlenecks()","), così individui il componente più lento da skeletonizzare.",[150,393,394,395,165],{},"Puoi pilotare tutto questo in modo interattivo nel ",[154,396,397],{"href":96},"Performance Lab",[312,399,401],{"id":400},"usare-le-stats-nella-tua-app","Usare le stats nella tua app",[150,403,404],{},"Gli stessi dati sono reattivi e disponibili ovunque:",[406,407,412],"pre",{"className":408,"code":409,"language":410,"meta":411,"style":411},"language-vue shiki shiki-themes material-theme-lighter github-light github-dark","\u003Cscript setup lang=\"ts\">\nconst { stats } = useSkeletonizer()\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Cp>{{ stats.bones }} ossa · ultima scansione {{ stats.lastScanMs.toFixed(1) }} ms\u003C\u002Fp>\n\u003C\u002Ftemplate>\n","vue","",[170,413,414,450,479,489,496,506,526],{"__ignoreMap":411},[415,416,419,423,427,431,434,437,441,445,447],"span",{"class":417,"line":418},"line",1,[415,420,422],{"class":421},"sP7_E","\u003C",[415,424,426],{"class":425},"sQzsp","script",[415,428,430],{"class":429},"s9AJx"," setup",[415,432,433],{"class":429}," lang",[415,435,436],{"class":421},"=",[415,438,440],{"class":439},"sjJ54","\"",[415,442,444],{"class":443},"s_sjI","ts",[415,446,440],{"class":439},[415,448,449],{"class":421},">\n",[415,451,453,457,460,464,467,471,475],{"class":417,"line":452},2,[415,454,456],{"class":455},"sbsja","const",[415,458,459],{"class":421}," {",[415,461,463],{"class":462},"s_hVV"," stats",[415,465,466],{"class":421}," }",[415,468,470],{"class":469},"smGrS"," =",[415,472,474],{"class":473},"sGLFI"," useSkeletonizer",[415,476,478],{"class":477},"su5hD","()\n",[415,480,482,485,487],{"class":417,"line":481},3,[415,483,484],{"class":421},"\u003C\u002F",[415,486,426],{"class":425},[415,488,449],{"class":421},[415,490,492],{"class":417,"line":491},4,[415,493,495],{"emptyLinePlaceholder":494},true,"\n",[415,497,499,501,504],{"class":417,"line":498},5,[415,500,422],{"class":421},[415,502,503],{"class":425},"template",[415,505,449],{"class":421},[415,507,509,512,514,517,520,522,524],{"class":417,"line":508},6,[415,510,511],{"class":421},"  \u003C",[415,513,150],{"class":425},[415,515,516],{"class":421},">",[415,518,519],{"class":477},"{{ stats.bones }} ossa · ultima scansione {{ stats.lastScanMs.toFixed(1) }} ms",[415,521,484],{"class":421},[415,523,150],{"class":425},[415,525,449],{"class":421},[415,527,529,531,533],{"class":417,"line":528},7,[415,530,484],{"class":421},[415,532,503],{"class":425},[415,534,449],{"class":421},[150,536,537,538,165],{},"Sono i dati mostrati dal vivo nel ",[154,539,541],{"href":540},"\u002Fit\u002Fplayground","Playground",[150,543,544,545,548],{},"L'integrazione DevTools è priva di dipendenze — si registra tramite l'hook pubblico\n",[170,546,547],{},"devtools:customTabs"," di Nuxt e aggiunge zero overhead alle build di produzione.",[550,551,552],"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 .s_sjI, html code.shiki .s_sjI{--shiki-light:#91B859;--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .sbsja, html code.shiki .sbsja{--shiki-light:#9C3EDA;--shiki-default:#D73A49;--shiki-dark:#F97583}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 .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":411,"searchDepth":481,"depth":481,"links":554},[555,556],{"id":314,"depth":452,"text":315},{"id":400,"depth":452,"text":401},"Ispeziona lo stato di runtime e le statistiche nei Nuxt DevTools.","md",{},{"title":30,"description":557},"8DMfBGQ8aY0uv9oQruLNqI_wkdiB_ruOLDlP-M3fWFw",1783713299019]