[{"data":1,"prerenderedAt":238},["ShallowReactive",2],{"navigation_docs":3,"rule-content-\u002Fshadcn\u002Frules\u002Fui\u002Frequire-static-classes":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,"description":228,"diagnosticCodes":229,"docsUrl":55,"extension":230,"fix":56,"framework":29,"meta":231,"navigation":232,"pack":57,"path":234,"recommendedReplacement":119,"ruleId":58,"seo":235,"severity":59,"source":60,"sourceUrl":61,"stem":236,"why":112,"__hash__":237},"rules\u002Fshadcn\u002Frules\u002Fui\u002Frequire-static-classes.md","Keep component classes statically analyzable",{"type":48,"value":49,"toc":219},"minimark",[50,62,67,105,109,113,117,120,124,136,140,145,148,185,188,215],[51,52],"rule-metadata",{"category":53,"diagnosticCodes":54,"docsUrl":55,"fix":56,"pack":57,"ruleId":58,"severity":59,"source":60,"sourceUrl":61},"ui","SHAD0005","https:\u002F\u002Fgithub.com\u002Fshadcn-ui\u002Flint\u002Fblob\u002Fmain\u002Fdocs\u002Frules\u002Frequire-static-classes.md","suggestion","vite-doctor\u002Fshadcn","shadcn\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},"run-this-rule","Run this rule",[68,69,74],"pre",{"className":70,"code":71,"language":72,"meta":73,"style":73},"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","",[75,76,77],"code",{"__ignoreMap":73},[78,79,82,86,90,93,96,99,102],"span",{"class":80,"line":81},"line",1,[78,83,85],{"class":84},"sBMFI","pnpm",[78,87,89],{"class":88},"sfazB"," vite-doctor",[78,91,92],{"class":88}," .",[78,94,95],{"class":88}," --extends",[78,97,98],{"class":88}," shadcn\u002Fstrict",[78,100,101],{"class":88}," --rules",[78,103,104],{"class":88}," shadcn\u002Frequire-static-classes\n",[63,106,108],{"id":107},"why-it-matters","Why it matters",[110,111,112],"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,114,116],{"id":115},"recommended-fix","Recommended fix",[110,118,119],{},"Choose between complete class strings instead of assembling class names from dynamic fragments. Keep component-owned variant calls inside the component implementation.",[63,121,123],{"id":122},"useful-links","Useful links",[125,126,127],"ul",{},[128,129,130],"li",{},[131,132,135],"a",{"href":55,"rel":133},[134],"nofollow","Rule reference",[63,137,139],{"id":138},"example","Example",[141,142,144],"h3",{"id":143},"choose-between-complete-class-names","Choose between complete class names",[110,146,147],{},"Before",[68,149,153],{"className":150,"code":151,"language":152,"meta":73,"style":73},"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",[75,154,155,160,167,173,179],{"__ignoreMap":73},[78,156,157],{"class":80,"line":81},[78,158,159],{},"import { Button } from \"@\u002Fcomponents\u002Fui\u002Fbutton\"\n",[78,161,163],{"class":80,"line":162},2,[78,164,166],{"emptyLinePlaceholder":165},true,"\n",[78,168,170],{"class":80,"line":169},3,[78,171,172],{},"export function SaveButton({ width }: { width: string }) {\n",[78,174,176],{"class":80,"line":175},4,[78,177,178],{},"  return \u003CButton className={`w-${width}`}>Save\u003C\u002FButton>\n",[78,180,182],{"class":80,"line":181},5,[78,183,184],{},"}\n",[110,186,187],{},"After",[68,189,191],{"className":150,"code":190,"language":152,"meta":73,"style":73},"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",[75,192,193,197,201,206,211],{"__ignoreMap":73},[78,194,195],{"class":80,"line":81},[78,196,159],{},[78,198,199],{"class":80,"line":162},[78,200,166],{"emptyLinePlaceholder":165},[78,202,203],{"class":80,"line":169},[78,204,205],{},"export function SaveButton({ wide }: { wide: boolean }) {\n",[78,207,208],{"class":80,"line":175},[78,209,210],{},"  return \u003CButton className={wide ? \"w-full\" : \"w-auto\"}>Save\u003C\u002FButton>\n",[78,212,213],{"class":80,"line":181},[78,214,184],{},[216,217,218],"style",{},"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}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":73,"searchDepth":162,"depth":162,"links":220},[221,222,223,224,225],{"id":65,"depth":162,"text":66},{"id":107,"depth":162,"text":108},{"id":115,"depth":162,"text":116},{"id":122,"depth":162,"text":123},{"id":138,"depth":162,"text":139,"children":226},[227],{"id":143,"depth":169,"text":144},"Use class values that the design-system analyzer can resolve.",[54],"md",{},{"title":233},"Static classes","\u002Fshadcn\u002Frules\u002Fui\u002Frequire-static-classes",{"title":46,"description":228},"shadcn\u002Frules\u002Fui\u002Frequire-static-classes","FOMBcZHikGZj9Fw43ZzBX81qOFgEh-xHMH0jkPKTil0",1791309479485]