[{"data":1,"prerenderedAt":308},["ShallowReactive",2],{"navigation_docs":3,"diagnostic-content-NUXT0031":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":298,"description":299,"docsUrl":54,"extension":300,"fix":77,"framework":301,"meta":302,"navigation":303,"pack":56,"path":304,"ruleId":57,"rulePath":58,"seo":305,"severity":59,"source":60,"sourceUrl":61,"stem":306,"why":70,"__hash__":307},"diagnostics\u002Fdiagnostics\u002FNUXT0031.md","NUXT0031: Avoid client-only conditionals in SSR templates",{"type":48,"value":49,"toc":288},"minimark",[50,62,67,71,75,78,82,87,90,163,166,224,228,231,256,260,272,276,284],[51,52],"rule-metadata",{"category":53,"docsUrl":54,"fix":55,"pack":56,"ruleId":57,"rulePath":58,"severity":59,"source":60,"sourceUrl":61},"hydration","https:\u002F\u002Fnuxt.com\u002Fdocs\u002F4.x\u002Fguide\u002Fbest-practices\u002Fhydration#conditional-rendering-based-on-client-state","suggestion","vite-doctor\u002Fnuxt","nuxt\u002Fhydration\u002Fno-client-conditional-in-template","\u002Fnuxt\u002Frules\u002Fhydration\u002Fno-client-conditional-in-template","warn","src\u002Frule-packs\u002Fnuxt\u002Frules\u002Fnuxt\u002Fno-client-conditional-in-template.ts","https:\u002F\u002Fgithub.com\u002Fonmax\u002Fvite-doctor\u002Fblob\u002Fmain\u002Fsrc\u002Frule-packs\u002Fnuxt\u002Frules\u002Fnuxt\u002Fno-client-conditional-in-template.ts",[63,64,66],"h2",{"id":65},"why-it-happens","Why it happens",[68,69,70],"p",{},"Server-rendered markup must match the first client render. Browser-only state, time, randomness, or hash-sensitive URLs can create hydration mismatches.",[63,72,74],{"id":73},"fix","Fix",[68,76,77],{},"Remove client conditional in template, or move it to the Nuxt runtime\u002FAPI that owns that behavior.",[63,79,81],{"id":80},"example","Example",[83,84,86],"h3",{"id":85},"use-clientonly-for-client-conditions","Use ClientOnly for client conditions",[68,88,89],{},"Before",[91,92,97],"pre",{"className":93,"code":94,"language":95,"meta":96,"style":96},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n  \u003Cp v-if=\"import.meta.client\">Client only\u003C\u002Fp>\n\u003C\u002Ftemplate>\n","vue","",[98,99,100,116,154],"code",{"__ignoreMap":96},[101,102,105,109,113],"span",{"class":103,"line":104},"line",1,[101,106,108],{"class":107},"sMK4o","\u003C",[101,110,112],{"class":111},"swJcz","template",[101,114,115],{"class":107},">\n",[101,117,119,122,124,128,131,134,138,140,143,147,150,152],{"class":103,"line":118},2,[101,120,121],{"class":107},"  \u003C",[101,123,68],{"class":111},[101,125,127],{"class":126},"spNyl"," v-if",[101,129,130],{"class":107},"=",[101,132,133],{"class":107},"\"",[101,135,137],{"class":136},"sfazB","import.meta.client",[101,139,133],{"class":107},[101,141,142],{"class":107},">",[101,144,146],{"class":145},"sTEyZ","Client only",[101,148,149],{"class":107},"\u003C\u002F",[101,151,68],{"class":111},[101,153,115],{"class":107},[101,155,157,159,161],{"class":103,"line":156},3,[101,158,149],{"class":107},[101,160,112],{"class":111},[101,162,115],{"class":107},[68,164,165],{},"After",[91,167,169],{"className":93,"code":168,"language":95,"meta":96,"style":96},"\u003Ctemplate>\n  \u003CClientOnly>\n    \u003Cp>Client only\u003C\u002Fp>\n  \u003C\u002FClientOnly>\n\u003C\u002Ftemplate>\n",[98,170,171,179,188,205,215],{"__ignoreMap":96},[101,172,173,175,177],{"class":103,"line":104},[101,174,108],{"class":107},[101,176,112],{"class":111},[101,178,115],{"class":107},[101,180,181,183,186],{"class":103,"line":118},[101,182,121],{"class":107},[101,184,185],{"class":111},"ClientOnly",[101,187,115],{"class":107},[101,189,190,193,195,197,199,201,203],{"class":103,"line":156},[101,191,192],{"class":107},"    \u003C",[101,194,68],{"class":111},[101,196,142],{"class":107},[101,198,146],{"class":145},[101,200,149],{"class":107},[101,202,68],{"class":111},[101,204,115],{"class":107},[101,206,208,211,213],{"class":103,"line":207},4,[101,209,210],{"class":107},"  \u003C\u002F",[101,212,185],{"class":111},[101,214,115],{"class":107},[101,216,218,220,222],{"class":103,"line":217},5,[101,219,149],{"class":107},[101,221,112],{"class":111},[101,223,115],{"class":107},[63,225,227],{"id":226},"verify-the-fix","Verify the fix",[68,229,230],{},"Run only this rule after editing so the report stays focused on the diagnostic you are closing:",[91,232,236],{"className":233,"code":234,"language":235,"meta":96,"style":96},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","pnpm nuxt doctor --rules nuxt\u002Fhydration\u002Fno-client-conditional-in-template\n","bash",[98,237,238],{"__ignoreMap":96},[101,239,240,244,247,250,253],{"class":103,"line":104},[101,241,243],{"class":242},"sBMFI","pnpm",[101,245,246],{"class":136}," nuxt",[101,248,249],{"class":136}," doctor",[101,251,252],{"class":136}," --rules",[101,254,255],{"class":136}," nuxt\u002Fhydration\u002Fno-client-conditional-in-template\n",[63,257,259],{"id":258},"useful-links","Useful links",[261,262,263],"ul",{},[264,265,266],"li",{},[267,268,271],"a",{"href":54,"rel":269},[270],"nofollow","Upstream docs",[63,273,275],{"id":274},"related-rule","Related rule",[261,277,278],{},[264,279,280],{},[267,281,282],{"href":58},[98,283,57],{},[285,286,287],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}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}",{"title":96,"searchDepth":118,"depth":118,"links":289},[290,291,292,295,296,297],{"id":65,"depth":118,"text":66},{"id":73,"depth":118,"text":74},{"id":80,"depth":118,"text":81,"children":293},[294],{"id":85,"depth":156,"text":86},{"id":226,"depth":118,"text":227},{"id":258,"depth":118,"text":259},{"id":274,"depth":118,"text":275},"NUXT0031","Flags client conditional in template in Nuxt hydration code before it leaks into runtime behavior.","md","nuxt",{},true,"\u002Fdiagnostics\u002Fnuxt0031",{"title":46,"description":299},"diagnostics\u002FNUXT0031","7IoK_2iRxP2rUrL5yHnP4p4CaP2EZ-dqDtp5f6q7_is",1791309496977]