[{"data":1,"prerenderedAt":502},["ShallowReactive",2],{"navigation":3,"page-\u002Fen\u002Fdirectives":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":66,"body":142,"description":497,"extension":498,"meta":499,"navigation":316,"path":67,"seo":500,"stem":68,"__hash__":501},"content\u002Fen\u002F8.directives.md",{"type":143,"value":144,"toc":491},"minimark",[145,149,158,237,242,398,405,460,464,487],[146,147,66],"h1",{"id":148},"directives",[150,151,152,153,157],"p",{},"Use directives inside a ",[154,155,156],"code",{},"\u003CSkeletonizer>"," to steer the automatic engine.",[159,160,161,174],"table",{},[162,163,164],"thead",{},[165,166,167,171],"tr",{},[168,169,170],"th",{},"Directive",[168,172,173],{},"Effect",[175,176,177,193,203,213,227],"tbody",{},[165,178,179,185],{},[180,181,182],"td",{},[154,183,184],{},"v-skeleton-ignore",[180,186,187,188,192],{},"Exclude the element ",[189,190,191],"strong",{},"and its subtree"," from skeletonization.",[165,194,195,200],{},[180,196,197],{},[154,198,199],{},"v-skeleton-keep",[180,201,202],{},"Keep the original content visible inside an otherwise-skeletonized tree.",[165,204,205,210],{},[180,206,207],{},[154,208,209],{},"v-skeleton-replace=\"'avatar'\"",[180,211,212],{},"Force a specific bone kind on the element (skips its subtree).",[165,214,215,220],{},[180,216,217],{},[154,218,219],{},"v-skeleton-union",[180,221,222,223,226],{},"Collapse the element and its subtree into a ",[189,224,225],{},"single"," bone.",[165,228,229,234],{},[180,230,231],{},[154,232,233],{},"v-skeleton-shimmer",[180,235,236],{},"Apply only the shimmer overlay, keeping the content visible.",[238,239,241],"h2",{"id":240},"examples","Examples",[243,244,249],"pre",{"className":245,"code":246,"language":247,"meta":248,"style":248},"language-vue shiki shiki-themes material-theme-lighter github-light github-dark","\u003CSkeletonizer :enabled=\"pending\">\n  \u003C!-- Brand logo always shown -->\n  \u003Cheader v-skeleton-keep>\n    \u003CLogo \u002F>\n  \u003C\u002Fheader>\n\n  \u003C!-- Each row becomes one merged bone instead of many small ones -->\n  \u003Cul>\n    \u003Cli v-for=\"item in items\" :key=\"item.id\" v-skeleton-union>\n      {{ item.label }}\n    \u003C\u002Fli>\n  \u003C\u002Ful>\n\n  \u003C!-- Force a specific bone kind -->\n  \u003Cspan v-skeleton-replace=\"'badge'\">{{ status }}\u003C\u002Fspan>\n\n  \u003C!-- Keep the live value but add a shimmer while refreshing -->\n  \u003Cstrong v-skeleton-shimmer>{{ price }}\u003C\u002Fstrong>\n\u003C\u002FSkeletonizer>\n","vue","",[154,250,251,287,293,299,305,311,318,324,330,336,342,348,354,359,365,371,376,382,388],{"__ignoreMap":248},[252,253,256,260,264,267,271,274,278,282,284],"span",{"class":254,"line":255},"line",1,[252,257,259],{"class":258},"sP7_E","\u003C",[252,261,263],{"class":262},"sQzsp","Skeletonizer",[252,265,266],{"class":258}," :",[252,268,270],{"class":269},"s9AJx","enabled",[252,272,273],{"class":258},"=",[252,275,277],{"class":276},"sjJ54","\"",[252,279,281],{"class":280},"su5hD","pending",[252,283,277],{"class":276},[252,285,286],{"class":258},">\n",[252,288,290],{"class":254,"line":289},2,[252,291,292],{"class":280},"  \u003C!-- Brand logo always shown -->\n",[252,294,296],{"class":254,"line":295},3,[252,297,298],{"class":280},"  \u003Cheader v-skeleton-keep>\n",[252,300,302],{"class":254,"line":301},4,[252,303,304],{"class":280},"    \u003CLogo \u002F>\n",[252,306,308],{"class":254,"line":307},5,[252,309,310],{"class":280},"  \u003C\u002Fheader>\n",[252,312,314],{"class":254,"line":313},6,[252,315,317],{"emptyLinePlaceholder":316},true,"\n",[252,319,321],{"class":254,"line":320},7,[252,322,323],{"class":280},"  \u003C!-- Each row becomes one merged bone instead of many small ones -->\n",[252,325,327],{"class":254,"line":326},8,[252,328,329],{"class":280},"  \u003Cul>\n",[252,331,333],{"class":254,"line":332},9,[252,334,335],{"class":280},"    \u003Cli v-for=\"item in items\" :key=\"item.id\" v-skeleton-union>\n",[252,337,339],{"class":254,"line":338},10,[252,340,341],{"class":280},"      {{ item.label }}\n",[252,343,345],{"class":254,"line":344},11,[252,346,347],{"class":280},"    \u003C\u002Fli>\n",[252,349,351],{"class":254,"line":350},12,[252,352,353],{"class":280},"  \u003C\u002Ful>\n",[252,355,357],{"class":254,"line":356},13,[252,358,317],{"emptyLinePlaceholder":316},[252,360,362],{"class":254,"line":361},14,[252,363,364],{"class":280},"  \u003C!-- Force a specific bone kind -->\n",[252,366,368],{"class":254,"line":367},15,[252,369,370],{"class":280},"  \u003Cspan v-skeleton-replace=\"'badge'\">{{ status }}\u003C\u002Fspan>\n",[252,372,374],{"class":254,"line":373},16,[252,375,317],{"emptyLinePlaceholder":316},[252,377,379],{"class":254,"line":378},17,[252,380,381],{"class":280},"  \u003C!-- Keep the live value but add a shimmer while refreshing -->\n",[252,383,385],{"class":254,"line":384},18,[252,386,387],{"class":280},"  \u003Cstrong v-skeleton-shimmer>{{ price }}\u003C\u002Fstrong>\n",[252,389,391,394,396],{"class":254,"line":390},19,[252,392,393],{"class":258},"\u003C\u002F",[252,395,263],{"class":262},[252,397,286],{"class":258},[238,399,401,404],{"id":400},"replace-kinds",[154,402,403],{},"replace"," kinds",[150,406,407,410,411,414,415,414,418,414,421,414,424,414,427,430,431,414,434,414,437,414,440,414,443,414,446,414,449,414,452,455,456,459],{},[154,408,409],{},"v-skeleton-replace"," accepts any bone kind: ",[154,412,413],{},"text",", ",[154,416,417],{},"heading",[154,419,420],{},"image",[154,422,423],{},"avatar",[154,425,426],{},"badge",[154,428,429],{},"tag",",\n",[154,432,433],{},"button",[154,435,436],{},"icon",[154,438,439],{},"input",[154,441,442],{},"textarea",[154,444,445],{},"select",[154,447,448],{},"checkbox",[154,450,451],{},"radio",[154,453,454],{},"switch",", or ",[154,457,458],{},"block","\n(the default when no value is given).",[238,461,463],{"id":462},"notes","Notes",[465,466,467,480],"ul",{},[468,469,470,472,473,475,476,479],"li",{},[154,471,184],{}," and ",[154,474,199],{}," both stop the engine descending into the subtree; use\n",[154,477,478],{},"keep"," to signal intent (\"show the real thing here\").",[468,481,482,483,486],{},"Directives set data attributes the engine reads on each scan, so toggling a bound value\n(",[154,484,485],{},"v-skeleton-ignore=\"cond\"",") updates behaviour on the next re-scan.",[488,489,490],"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":248,"searchDepth":295,"depth":295,"links":492},[493,494,496],{"id":240,"depth":289,"text":241},{"id":400,"depth":289,"text":495},"replace kinds",{"id":462,"depth":289,"text":463},"Fine-grained control over the automatic engine.","md",{},{"title":66,"description":497},"7tGP_KTfG3g4w0MSAB9Wqs5ZPlbs4QYgDTOMQYVVxtY",1783713298936]