[{"data":1,"prerenderedAt":349},["ShallowReactive",2],{"navigation":3,"page-\u002Fen\u002Ftroubleshooting":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":38,"body":142,"description":343,"extension":344,"meta":345,"navigation":346,"path":39,"seo":347,"stem":40,"__hash__":348},"content\u002Fen\u002F16.troubleshooting.md",{"type":143,"value":144,"toc":330},"minimark",[145,149,159,192,196,207,211,222,226,262,266,277,281,303,307,321],[146,147,38],"h1",{"id":148},"troubleshooting",[150,151,153,154,158],"h2",{"id":152},"an-img-still-shows-its-picture","An ",[155,156,157],"code",{},"\u003Cimg>"," still shows its picture",[160,161,162,163,167,168,171,172,175,176,179,180,183,184,187,188,191],"p",{},"Make sure the image is inside an ",[164,165,166],"strong",{},"active"," ",[155,169,170],{},"\u003CSkeletonizer>",". The engine hides the real content\n(",[155,173,174],{},"visibility: hidden",") under the SVG overlay, so the picture should disappear behind its bone.\n",[155,177,178],{},"\u003Ccanvas>"," \u002F ",[155,181,182],{},"\u003Cvideo>"," content elements are a known edge case for measurement — use\n",[155,185,186],{},"v-skeleton-replace=\"'image'\""," or a ",[155,189,190],{},"\u003CSkeletonImage>"," for those.",[150,193,195],{"id":194},"my-custom-widget-isnt-skeletonized-correctly","My custom widget isn't skeletonized correctly",[160,197,198,199,202,203,206],{},"Use ",[155,200,201],{},"v-skeleton-replace=\"'\u003Ckind>'\""," to force a bone kind, or ",[155,204,205],{},"v-skeleton-union"," to collapse the\nwidget into a single bone.",[150,208,210],{"id":209},"the-skeleton-flashes-on-first-paint","The skeleton flashes on first paint",[160,212,213,214,217,218,221],{},"The engine runs after hydration by design. Bind ",[155,215,216],{},":enabled"," to your loading state so it only\nactivates while data is pending. For above-the-fold SSR placeholders, use the manual ",[155,219,220],{},"Skeleton*","\nprimitives, which are server-rendered.",[150,223,225],{"id":224},"nothing-happens","Nothing happens",[227,228,229,245,251],"ul",{},[230,231,232,233,236,237,240,241,244],"li",{},"Confirm ",[155,234,235],{},"skeletonizer.enabled"," isn't ",[155,238,239],{},"false"," globally (or call ",[155,242,243],{},"useSkeletonizer().enable()",").",[230,246,247,248,250],{},"Confirm the subtree is actually inside a ",[155,249,170],{},".",[230,252,253,254,257,258,261],{},"If you set ",[155,255,256],{},"autoScan: false",", the engine won't scan automatically — call ",[155,259,260],{},"refresh()"," yourself.",[150,263,265],{"id":264},"content-added-later-isnt-skeletonized","Content added later isn't skeletonized",[160,267,268,269,272,273,276],{},"The ",[155,270,271],{},"MutationObserver"," re-scans automatically, but if nodes were added by code outside Vue's\nreactivity, call ",[155,274,275],{},"useSkeletonizer().refresh()"," after the change.",[150,278,280],{"id":279},"colors-dont-match-my-theme","Colors don't match my theme",[160,282,283,284,179,287,290,291,294,295,298,299,250],{},"The defaults are neutral grays. Override ",[155,285,286],{},"baseColor",[155,288,289],{},"highlightColor"," in config, via ",[155,292,293],{},"setTheme()",",\nor by setting the ",[155,296,297],{},"--sk-*"," CSS variables. See ",[300,301,18],"a",{"href":302},"\u002Ftheming",[150,304,306],{"id":305},"typescript-cant-find-the-componentscomposables","TypeScript can't find the components\u002Fcomposables",[160,308,309,310,313,314,317,318,250],{},"Run ",[155,311,312],{},"nuxi prepare"," to regenerate types, and ensure ",[155,315,316],{},"nuxt-skeletonizer"," is listed in ",[155,319,320],{},"modules",[160,322,323,324,250],{},"Still stuck? ",[300,325,329],{"href":326,"rel":327},"https:\u002F\u002Fgithub.com\u002FCodeCube0\u002Fnuxt-skeletonizer-dev\u002Fissues",[328],"nofollow","Open an issue",{"title":331,"searchDepth":332,"depth":332,"links":333},"",3,[334,337,338,339,340,341,342],{"id":152,"depth":335,"text":336},2,"An \u003Cimg> still shows its picture",{"id":194,"depth":335,"text":195},{"id":209,"depth":335,"text":210},{"id":224,"depth":335,"text":225},{"id":264,"depth":335,"text":265},{"id":279,"depth":335,"text":280},{"id":305,"depth":335,"text":306},"Fixes for the most common issues.","md",{},true,{"title":38,"description":343},"WPCE6ZuQ0xPfm0puMkBXM5QNXgDR3tSt3vm1UHmLUcM",1783713298618]