[{"data":1,"prerenderedAt":252},["ShallowReactive",2],{"navigation_docs":3,"diagnostic-content-SHAD0005":44},[4,8,12,16,20,24,28,32,36,40],{"title":5,"path":6,"stem":7},"CLI","\u002Fcli","1.cli",{"title":9,"path":10,"stem":11},"Nuxt","\u002Fnuxt","2.nuxt",{"title":13,"path":14,"stem":15},"Vue","\u002Fvue","3.vue",{"title":17,"path":18,"stem":19},"Vite","\u002Fvite","4.vite",{"title":21,"path":22,"stem":23},"Nitro","\u002Fnitro","5.nitro",{"title":25,"path":26,"stem":27},"TypeScript","\u002Ftypescript","6.typescript",{"title":29,"path":30,"stem":31},"shadcn","\u002Fshadcn","7.shadcn",{"title":33,"path":34,"stem":35},"Package","\u002Fpackage","8.package",{"title":37,"path":38,"stem":39},"Extending Doctor","\u002Fextending","9.extending",{"title":41,"path":42,"stem":43},"Pinia","\u002Fpinia","9.pinia",{"id":45,"title":46,"body":47,"category":53,"code":244,"description":245,"docsUrl":54,"extension":246,"fix":77,"framework":29,"meta":247,"navigation":113,"pack":56,"path":248,"ruleId":57,"rulePath":58,"seo":249,"severity":59,"source":60,"sourceUrl":61,"stem":250,"why":70,"__hash__":251},"diagnostics\u002Fdiagnostics\u002FSHAD0005.md","SHAD0005: Keep component classes statically analyzable",{"type":48,"value":49,"toc":234},"minimark",[50,62,67,71,75,78,82,87,90,133,136,163,167,170,202,206,218,222,230],[51,52],"rule-metadata",{"category":53,"docsUrl":54,"fix":55,"pack":56,"ruleId":57,"rulePath":58,"severity":59,"source":60,"sourceUrl":61},"ui","https:\u002F\u002Fgithub.com\u002Fshadcn-ui\u002Flint\u002Fblob\u002Fmain\u002Fdocs\u002Frules\u002Frequire-static-classes.md","suggestion","vite-doctor\u002Fshadcn","shadcn\u002Frequire-static-classes","\u002Fshadcn\u002Frules\u002Fui\u002Frequire-static-classes","warn","src\u002Frule-packs\u002Fshadcn\u002Frules\u002Findex.ts","https:\u002F\u002Fgithub.com\u002Fonmax\u002Fvite-doctor\u002Fblob\u002Fmain\u002Fsrc\u002Frule-packs\u002Fshadcn\u002Frules\u002Findex.ts",[63,64,66],"h2",{"id":65},"why-it-happens","Why it happens",[68,69,70],"p",{},"Unreadable class values on recognized components prevent other design-system Rules from checking those classes. Complete static strings and conditional choices between them remain analyzable.",[63,72,74],{"id":73},"fix","Fix",[68,76,77],{},"Choose between complete class strings instead of assembling class names from dynamic fragments. Keep component-owned variant calls inside the component implementation.",[63,79,81],{"id":80},"example","Example",[83,84,86],"h3",{"id":85},"choose-between-complete-class-names","Choose between complete class names",[68,88,89],{},"Before",[91,92,97],"pre",{"className":93,"code":94,"language":95,"meta":96,"style":96},"language-tsx shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { Button } from \"@\u002Fcomponents\u002Fui\u002Fbutton\"\n\nexport function SaveButton({ width }: { width: string }) {\n  return \u003CButton className={`w-${width}`}>Save\u003C\u002FButton>\n}\n","tsx","",[98,99,100,108,115,121,127],"code",{"__ignoreMap":96},[101,102,105],"span",{"class":103,"line":104},"line",1,[101,106,107],{},"import { Button } from \"@\u002Fcomponents\u002Fui\u002Fbutton\"\n",[101,109,111],{"class":103,"line":110},2,[101,112,114],{"emptyLinePlaceholder":113},true,"\n",[101,116,118],{"class":103,"line":117},3,[101,119,120],{},"export function SaveButton({ width }: { width: string }) {\n",[101,122,124],{"class":103,"line":123},4,[101,125,126],{},"  return \u003CButton className={`w-${width}`}>Save\u003C\u002FButton>\n",[101,128,130],{"class":103,"line":129},5,[101,131,132],{},"}\n",[68,134,135],{},"After",[91,137,139],{"className":93,"code":138,"language":95,"meta":96,"style":96},"import { Button } from \"@\u002Fcomponents\u002Fui\u002Fbutton\"\n\nexport function SaveButton({ wide }: { wide: boolean }) {\n  return \u003CButton className={wide ? \"w-full\" : \"w-auto\"}>Save\u003C\u002FButton>\n}\n",[98,140,141,145,149,154,159],{"__ignoreMap":96},[101,142,143],{"class":103,"line":104},[101,144,107],{},[101,146,147],{"class":103,"line":110},[101,148,114],{"emptyLinePlaceholder":113},[101,150,151],{"class":103,"line":117},[101,152,153],{},"export function SaveButton({ wide }: { wide: boolean }) {\n",[101,155,156],{"class":103,"line":123},[101,157,158],{},"  return \u003CButton className={wide ? \"w-full\" : \"w-auto\"}>Save\u003C\u002FButton>\n",[101,160,161],{"class":103,"line":129},[101,162,132],{},[63,164,166],{"id":165},"verify-the-fix","Verify the fix",[68,168,169],{},"Run only this rule after editing so the report stays focused on the diagnostic you are closing:",[91,171,175],{"className":172,"code":173,"language":174,"meta":96,"style":96},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","pnpm vite-doctor . --extends shadcn\u002Fstrict --rules shadcn\u002Frequire-static-classes\n","bash",[98,176,177],{"__ignoreMap":96},[101,178,179,183,187,190,193,196,199],{"class":103,"line":104},[101,180,182],{"class":181},"sBMFI","pnpm",[101,184,186],{"class":185},"sfazB"," vite-doctor",[101,188,189],{"class":185}," .",[101,191,192],{"class":185}," --extends",[101,194,195],{"class":185}," shadcn\u002Fstrict",[101,197,198],{"class":185}," --rules",[101,200,201],{"class":185}," shadcn\u002Frequire-static-classes\n",[63,203,205],{"id":204},"useful-links","Useful links",[207,208,209],"ul",{},[210,211,212],"li",{},[213,214,217],"a",{"href":54,"rel":215},[216],"nofollow","Upstream docs",[63,219,221],{"id":220},"related-rule","Related rule",[207,223,224],{},[210,225,226],{},[213,227,228],{"href":58},[98,229,57],{},[231,232,233],"style",{},"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 .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}",{"title":96,"searchDepth":110,"depth":110,"links":235},[236,237,238,241,242,243],{"id":65,"depth":110,"text":66},{"id":73,"depth":110,"text":74},{"id":80,"depth":110,"text":81,"children":239},[240],{"id":85,"depth":117,"text":86},{"id":165,"depth":110,"text":166},{"id":204,"depth":110,"text":205},{"id":220,"depth":110,"text":221},"SHAD0005","Use class values that the design-system analyzer can resolve.","md",{},"\u002Fdiagnostics\u002Fshad0005",{"title":46,"description":245},"diagnostics\u002FSHAD0005","lPSFmnyovRcsxc2uJZFNdtSdECzKoyfj1X8vuvxPUUI",1791309506768]