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