[{"data":1,"prerenderedAt":353},["ShallowReactive",2],{"navigation_docs":3,"diagnostic-content-VUE0011":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":344,"description":345,"docsUrl":54,"extension":346,"fix":77,"framework":95,"meta":347,"navigation":348,"pack":56,"path":349,"ruleId":57,"rulePath":58,"seo":350,"severity":59,"source":60,"sourceUrl":61,"stem":351,"why":70,"__hash__":352},"diagnostics\u002Fdiagnostics\u002FVUE0011.md","VUE0011: Do not read browser APIs in SSR setup paths",{"type":48,"value":49,"toc":334},"minimark",[50,62,67,71,75,78,82,87,90,166,169,264,268,271,302,306,318,322,330],[51,52],"rule-metadata",{"category":53,"docsUrl":54,"fix":55,"pack":56,"ruleId":57,"rulePath":58,"severity":59,"source":60,"sourceUrl":61},"ssr","https:\u002F\u002Fvuejs.org\u002Fguide\u002Fscaling-up\u002Fssr.html#writing-ssr-friendly-code","suggestion","vite-doctor\u002Fvue","vue\u002Fssr\u002Fno-browser-api-in-setup","\u002Fvue\u002Frules\u002Fssr\u002Fno-browser-api-in-setup","error","src\u002Frule-packs\u002Fvue\u002Frules\u002Fvue\u002Fno-browser-api-in-setup.ts","https:\u002F\u002Fgithub.com\u002Fonmax\u002Fvite-doctor\u002Fblob\u002Fmain\u002Fsrc\u002Frule-packs\u002Fvue\u002Frules\u002Fvue\u002Fno-browser-api-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 API in setup, or move it to the Vue runtime\u002FAPI that owns that behavior.",[63,79,81],{"id":80},"example","Example",[83,84,86],"h3",{"id":85},"move-browser-api-usage-to-mounted","Move browser API usage to mounted",[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\">\nconst width = window.innerWidth\n\u003C\u002Fscript>\n","vue","",[98,99,100,135,156],"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,141,145,147,150,153],{"class":103,"line":137},2,[101,139,140],{"class":115},"const",[101,142,144],{"class":143},"sTEyZ"," width ",[101,146,122],{"class":107},[101,148,149],{"class":143}," window",[101,151,152],{"class":107},".",[101,154,155],{"class":143},"innerWidth\n",[101,157,159,162,164],{"class":103,"line":158},3,[101,160,161],{"class":107},"\u003C\u002F",[101,163,112],{"class":111},[101,165,134],{"class":107},[68,167,168],{},"After",[91,170,172],{"className":93,"code":171,"language":95,"meta":96,"style":96},"\u003Cscript setup lang=\"ts\">\nconst width = ref(0)\nonMounted(() => { width.value = window.innerWidth })\n\u003C\u002Fscript>\n",[98,173,174,194,216,255],{"__ignoreMap":96},[101,175,176,178,180,182,184,186,188,190,192],{"class":103,"line":104},[101,177,108],{"class":107},[101,179,112],{"class":111},[101,181,116],{"class":115},[101,183,119],{"class":115},[101,185,122],{"class":107},[101,187,125],{"class":107},[101,189,129],{"class":128},[101,191,125],{"class":107},[101,193,134],{"class":107},[101,195,196,198,200,202,206,209,213],{"class":103,"line":137},[101,197,140],{"class":115},[101,199,144],{"class":143},[101,201,122],{"class":107},[101,203,205],{"class":204},"s2Zo4"," ref",[101,207,208],{"class":143},"(",[101,210,212],{"class":211},"sbssI","0",[101,214,215],{"class":143},")\n",[101,217,218,221,223,226,229,232,235,237,240,243,245,247,250,253],{"class":103,"line":158},[101,219,220],{"class":204},"onMounted",[101,222,208],{"class":143},[101,224,225],{"class":107},"()",[101,227,228],{"class":115}," =>",[101,230,231],{"class":107}," {",[101,233,234],{"class":143}," width",[101,236,152],{"class":107},[101,238,239],{"class":143},"value",[101,241,242],{"class":107}," =",[101,244,149],{"class":143},[101,246,152],{"class":107},[101,248,249],{"class":143},"innerWidth",[101,251,252],{"class":107}," }",[101,254,215],{"class":143},[101,256,258,260,262],{"class":103,"line":257},4,[101,259,161],{"class":107},[101,261,112],{"class":111},[101,263,134],{"class":107},[63,265,267],{"id":266},"verify-the-fix","Verify the fix",[68,269,270],{},"Run only this rule after editing so the report stays focused on the diagnostic you are closing:",[91,272,276],{"className":273,"code":274,"language":275,"meta":96,"style":96},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","pnpm vite-doctor . --framework vue --rules vue\u002Fssr\u002Fno-browser-api-in-setup\n","bash",[98,277,278],{"__ignoreMap":96},[101,279,280,284,287,290,293,296,299],{"class":103,"line":104},[101,281,283],{"class":282},"sBMFI","pnpm",[101,285,286],{"class":128}," vite-doctor",[101,288,289],{"class":128}," .",[101,291,292],{"class":128}," --framework",[101,294,295],{"class":128}," vue",[101,297,298],{"class":128}," --rules",[101,300,301],{"class":128}," vue\u002Fssr\u002Fno-browser-api-in-setup\n",[63,303,305],{"id":304},"useful-links","Useful links",[307,308,309],"ul",{},[310,311,312],"li",{},[313,314,317],"a",{"href":54,"rel":315},[316],"nofollow","Upstream docs",[63,319,321],{"id":320},"related-rule","Related rule",[307,323,324],{},[310,325,326],{},[313,327,328],{"href":58},[98,329,57],{},[331,332,333],"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 .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}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":335},[336,337,338,341,342,343],{"id":65,"depth":137,"text":66},{"id":73,"depth":137,"text":74},{"id":80,"depth":137,"text":81,"children":339},[340],{"id":85,"depth":158,"text":86},{"id":266,"depth":137,"text":267},{"id":304,"depth":137,"text":305},{"id":320,"depth":137,"text":321},"VUE0011","Flags browser API in setup in Vue SSR code before it leaks into runtime behavior.","md",{},true,"\u002Fdiagnostics\u002Fvue0011",{"title":46,"description":345},"diagnostics\u002FVUE0011","_atJxrGkAyyl1oGs0EEj1h4C5hKi12bnVNklLJ2ekkg",1791309481228]