[{"data":1,"prerenderedAt":356},["ShallowReactive",2],{"navigation_docs":3,"diagnostic-content-NUXT0030":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":346,"description":347,"docsUrl":54,"extension":348,"fix":77,"framework":349,"meta":350,"navigation":351,"pack":56,"path":352,"ruleId":57,"rulePath":58,"seo":353,"severity":59,"source":60,"sourceUrl":61,"stem":354,"why":70,"__hash__":355},"diagnostics\u002Fdiagnostics\u002FNUXT0030.md","NUXT0030: Avoid browser side effects in universal setup",{"type":48,"value":49,"toc":336},"minimark",[50,62,67,71,75,78,82,87,90,184,187,272,276,279,304,308,320,324,332],[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#third-party-libraries-with-side-effects","suggestion","vite-doctor\u002Fnuxt","nuxt\u002Fhydration\u002Fno-browser-side-effects-in-setup","\u002Fnuxt\u002Frules\u002Fhydration\u002Fno-browser-side-effects-in-setup","error","src\u002Frule-packs\u002Fnuxt\u002Frules\u002Fnuxt\u002Fno-browser-side-effects-in-setup.ts","https:\u002F\u002Fgithub.com\u002Fonmax\u002Fvite-doctor\u002Fblob\u002Fmain\u002Fsrc\u002Frule-packs\u002Fnuxt\u002Frules\u002Fnuxt\u002Fno-browser-side-effects-in-setup.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 browser side effects in setup, 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},"move-browser-side-effects-out-of-setup","Move browser side effects out of setup",[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","\u003Cscript setup lang=\"ts\">\nlocalStorage.setItem('seen', '1')\n\u003C\u002Fscript>\n","vue","",[98,99,100,135,174],"code",{"__ignoreMap":96},[101,102,105,109,113,117,120,123,126,130,132],"span",{"class":103,"line":104},"line",1,[101,106,108],{"class":107},"sMK4o","\u003C",[101,110,112],{"class":111},"swJcz","script",[101,114,116],{"class":115},"spNyl"," setup",[101,118,119],{"class":115}," lang",[101,121,122],{"class":107},"=",[101,124,125],{"class":107},"\"",[101,127,129],{"class":128},"sfazB","ts",[101,131,125],{"class":107},[101,133,134],{"class":107},">\n",[101,136,138,142,145,149,152,155,158,160,163,166,169,171],{"class":103,"line":137},2,[101,139,141],{"class":140},"sTEyZ","localStorage",[101,143,144],{"class":107},".",[101,146,148],{"class":147},"s2Zo4","setItem",[101,150,151],{"class":140},"(",[101,153,154],{"class":107},"'",[101,156,157],{"class":128},"seen",[101,159,154],{"class":107},[101,161,162],{"class":107},",",[101,164,165],{"class":107}," '",[101,167,168],{"class":128},"1",[101,170,154],{"class":107},[101,172,173],{"class":140},")\n",[101,175,177,180,182],{"class":103,"line":176},3,[101,178,179],{"class":107},"\u003C\u002F",[101,181,112],{"class":111},[101,183,134],{"class":107},[68,185,186],{},"After",[91,188,190],{"className":93,"code":189,"language":95,"meta":96,"style":96},"\u003Cscript setup lang=\"ts\">\nonMounted(() => {\n  localStorage.setItem('seen', '1')\n})\n\u003C\u002Fscript>\n",[98,191,192,212,228,255,263],{"__ignoreMap":96},[101,193,194,196,198,200,202,204,206,208,210],{"class":103,"line":104},[101,195,108],{"class":107},[101,197,112],{"class":111},[101,199,116],{"class":115},[101,201,119],{"class":115},[101,203,122],{"class":107},[101,205,125],{"class":107},[101,207,129],{"class":128},[101,209,125],{"class":107},[101,211,134],{"class":107},[101,213,214,217,219,222,225],{"class":103,"line":137},[101,215,216],{"class":147},"onMounted",[101,218,151],{"class":140},[101,220,221],{"class":107},"()",[101,223,224],{"class":115}," =>",[101,226,227],{"class":107}," {\n",[101,229,230,233,235,237,239,241,243,245,247,249,251,253],{"class":103,"line":176},[101,231,232],{"class":140},"  localStorage",[101,234,144],{"class":107},[101,236,148],{"class":147},[101,238,151],{"class":111},[101,240,154],{"class":107},[101,242,157],{"class":128},[101,244,154],{"class":107},[101,246,162],{"class":107},[101,248,165],{"class":107},[101,250,168],{"class":128},[101,252,154],{"class":107},[101,254,173],{"class":111},[101,256,258,261],{"class":103,"line":257},4,[101,259,260],{"class":107},"}",[101,262,173],{"class":140},[101,264,266,268,270],{"class":103,"line":265},5,[101,267,179],{"class":107},[101,269,112],{"class":111},[101,271,134],{"class":107},[63,273,275],{"id":274},"verify-the-fix","Verify the fix",[68,277,278],{},"Run only this rule after editing so the report stays focused on the diagnostic you are closing:",[91,280,284],{"className":281,"code":282,"language":283,"meta":96,"style":96},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","pnpm nuxt doctor --rules nuxt\u002Fhydration\u002Fno-browser-side-effects-in-setup\n","bash",[98,285,286],{"__ignoreMap":96},[101,287,288,292,295,298,301],{"class":103,"line":104},[101,289,291],{"class":290},"sBMFI","pnpm",[101,293,294],{"class":128}," nuxt",[101,296,297],{"class":128}," doctor",[101,299,300],{"class":128}," --rules",[101,302,303],{"class":128}," nuxt\u002Fhydration\u002Fno-browser-side-effects-in-setup\n",[63,305,307],{"id":306},"useful-links","Useful links",[309,310,311],"ul",{},[312,313,314],"li",{},[315,316,319],"a",{"href":54,"rel":317},[318],"nofollow","Upstream docs",[63,321,323],{"id":322},"related-rule","Related rule",[309,325,326],{},[312,327,328],{},[315,329,330],{"href":58},[98,331,57],{},[333,334,335],"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 pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}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":137,"depth":137,"links":337},[338,339,340,343,344,345],{"id":65,"depth":137,"text":66},{"id":73,"depth":137,"text":74},{"id":80,"depth":137,"text":81,"children":341},[342],{"id":85,"depth":176,"text":86},{"id":274,"depth":137,"text":275},{"id":306,"depth":137,"text":307},{"id":322,"depth":137,"text":323},"NUXT0030","Flags browser side effects in setup in Nuxt hydration code before it leaks into runtime behavior.","md","nuxt",{},true,"\u002Fdiagnostics\u002Fnuxt0030",{"title":46,"description":347},"diagnostics\u002FNUXT0030","jZSPkF4LrV9BjYfODQDQJWsy-xx8hK5F9RCnY_HneU0",1791309496591]