[{"data":1,"prerenderedAt":290},["ShallowReactive",2],{"navigation_docs":3,"diagnostic-content-NUXT0060":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":280,"description":281,"docsUrl":54,"extension":282,"fix":77,"framework":283,"meta":284,"navigation":285,"pack":56,"path":286,"ruleId":57,"rulePath":58,"seo":287,"severity":59,"source":60,"sourceUrl":61,"stem":288,"why":70,"__hash__":289},"diagnostics\u002Fdiagnostics\u002FNUXT0060.md","NUXT0060: useState values must be serializable",{"type":48,"value":49,"toc":268},"minimark",[50,62,67,71,75,78,82,87,90,160,163,204,208,211,236,240,252,256,264],[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\u002Fapi\u002Fcomposables\u002Fuse-state#usage","suggestion","vite-doctor\u002Fnuxt","nuxt\u002Fstate\u002Fno-nonserializable-usestate","\u002Fnuxt\u002Frules\u002Fstate\u002Fno-nonserializable-usestate","error","src\u002Frule-packs\u002Fnuxt\u002Frules\u002Fnuxt\u002Fno-non-serializable-use-state.ts","https:\u002F\u002Fgithub.com\u002Fonmax\u002Fvite-doctor\u002Fblob\u002Fmain\u002Fsrc\u002Frule-packs\u002Fnuxt\u002Frules\u002Fnuxt\u002Fno-non-serializable-use-state.ts",[63,64,66],"h2",{"id":65},"why-it-happens","Why it happens",[68,69,70],"p",{},"Nuxt serializes payload state with devalue, which supports Map, Set, Date, and RegExp values. Functions and live sockets cannot be transferred to the client as payload state.",[63,72,74],{"id":73},"fix","Fix",[68,76,77],{},"Use values supported by Nuxt's payload serializer, or keep live resources outside payload state.",[63,79,81],{"id":80},"example","Example",[83,84,86],"h3",{"id":85},"keep-usestate-serializable","Keep useState serializable",[68,88,89],{},"Before",[91,92,97],"pre",{"className":93,"code":94,"language":95,"meta":96,"style":96},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","const socket = useState('socket', () => new WebSocket('wss:\u002F\u002Fexample.com'))\n","ts","",[98,99,100],"code",{"__ignoreMap":96},[101,102,105,109,113,117,121,124,127,131,133,136,139,142,145,148,150,152,155,157],"span",{"class":103,"line":104},"line",1,[101,106,108],{"class":107},"spNyl","const",[101,110,112],{"class":111},"sTEyZ"," socket ",[101,114,116],{"class":115},"sMK4o","=",[101,118,120],{"class":119},"s2Zo4"," useState",[101,122,123],{"class":111},"(",[101,125,126],{"class":115},"'",[101,128,130],{"class":129},"sfazB","socket",[101,132,126],{"class":115},[101,134,135],{"class":115},",",[101,137,138],{"class":115}," ()",[101,140,141],{"class":107}," =>",[101,143,144],{"class":115}," new",[101,146,147],{"class":119}," WebSocket",[101,149,123],{"class":111},[101,151,126],{"class":115},[101,153,154],{"class":129},"wss:\u002F\u002Fexample.com",[101,156,126],{"class":115},[101,158,159],{"class":111},"))\n",[68,161,162],{},"After",[91,164,166],{"className":93,"code":165,"language":95,"meta":96,"style":96},"const socketUrl = useState('socket-url', () => 'wss:\u002F\u002Fexample.com')\n",[98,167,168],{"__ignoreMap":96},[101,169,170,172,175,177,179,181,183,186,188,190,192,194,197,199,201],{"class":103,"line":104},[101,171,108],{"class":107},[101,173,174],{"class":111}," socketUrl ",[101,176,116],{"class":115},[101,178,120],{"class":119},[101,180,123],{"class":111},[101,182,126],{"class":115},[101,184,185],{"class":129},"socket-url",[101,187,126],{"class":115},[101,189,135],{"class":115},[101,191,138],{"class":115},[101,193,141],{"class":107},[101,195,196],{"class":115}," '",[101,198,154],{"class":129},[101,200,126],{"class":115},[101,202,203],{"class":111},")\n",[63,205,207],{"id":206},"verify-the-fix","Verify the fix",[68,209,210],{},"Run only this rule after editing so the report stays focused on the diagnostic you are closing:",[91,212,216],{"className":213,"code":214,"language":215,"meta":96,"style":96},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","pnpm nuxt doctor --rules nuxt\u002Fstate\u002Fno-nonserializable-usestate\n","bash",[98,217,218],{"__ignoreMap":96},[101,219,220,224,227,230,233],{"class":103,"line":104},[101,221,223],{"class":222},"sBMFI","pnpm",[101,225,226],{"class":129}," nuxt",[101,228,229],{"class":129}," doctor",[101,231,232],{"class":129}," --rules",[101,234,235],{"class":129}," nuxt\u002Fstate\u002Fno-nonserializable-usestate\n",[63,237,239],{"id":238},"useful-links","Useful links",[241,242,243],"ul",{},[244,245,246],"li",{},[247,248,251],"a",{"href":54,"rel":249},[250],"nofollow","Upstream docs",[63,253,255],{"id":254},"related-rule","Related rule",[241,257,258],{},[244,259,260],{},[247,261,262],{"href":58},[98,263,57],{},[265,266,267],"style",{},"html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}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);}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}",{"title":96,"searchDepth":269,"depth":269,"links":270},2,[271,272,273,277,278,279],{"id":65,"depth":269,"text":66},{"id":73,"depth":269,"text":74},{"id":80,"depth":269,"text":81,"children":274},[275],{"id":85,"depth":276,"text":86},3,{"id":206,"depth":269,"text":207},{"id":238,"depth":269,"text":239},{"id":254,"depth":269,"text":255},"NUXT0060","Report unsupported live values stored in Nuxt payload state.","md","nuxt",{},true,"\u002Fdiagnostics\u002Fnuxt0060",{"title":46,"description":281},"diagnostics\u002FNUXT0060","nSzwtg2KWVy1Da-STCB8dBB6NQ4u2euiGNgWHYwXyBE",1791309499304]