[{"data":1,"prerenderedAt":329},["ShallowReactive",2],{"navigation_docs":3,"diagnostic-content-NUXT0067":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":317,"description":318,"docsUrl":54,"extension":319,"fix":320,"framework":321,"meta":322,"navigation":323,"pack":56,"path":324,"ruleId":57,"rulePath":58,"seo":325,"severity":59,"source":60,"sourceUrl":61,"stem":326,"why":327,"__hash__":328},"diagnostics\u002Fdiagnostics\u002FNUXT0067.md","NUXT0067: Use VueUse storage composables",{"type":48,"value":49,"toc":306},"minimark",[50,62,67,76,80,86,90,95,98,205,208,242,246,249,274,278,290,294,302],[51,52],"rule-metadata",{"category":53,"docsUrl":54,"fix":55,"pack":56,"ruleId":57,"rulePath":58,"severity":59,"source":60,"sourceUrl":61},"browser-api","https:\u002F\u002Fvueuse.org\u002Fcore\u002FuseStorage\u002F#usage","suggestion","vite-doctor\u002Fvueuse","vueuse\u002Fprefer-use-storage","\u002Fnuxt\u002Frules\u002Fbrowser-api\u002Fprefer-use-storage","info","src\u002Frule-packs\u002Fnuxt\u002Frules\u002Fvueuse.ts","https:\u002F\u002Fgithub.com\u002Fonmax\u002Fvite-doctor\u002Fblob\u002Fmain\u002Fsrc\u002Frule-packs\u002Fnuxt\u002Frules\u002Fvueuse.ts",[63,64,66],"h2",{"id":65},"why-it-happens","Why it happens",[68,69,70,71,75],"p",{},"Manual storage reads and watches duplicate serialization, cross-tab synchronization, default handling, and reactive updates already handled by ",[72,73,74],"code",{},"useStorage()",".",[63,77,79],{"id":78},"fix","Fix",[68,81,82,83,85],{},"Use VueUse ",[72,84,74],{}," for client storage so refs, serialization, and cleanup stay together.",[63,87,89],{"id":88},"example","Example",[91,92,94],"h3",{"id":93},"use-vueuse-storage","Use VueUse storage",[68,96,97],{},"Before",[99,100,105],"pre",{"className":101,"code":102,"language":103,"meta":104,"style":104},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","const theme = ref(localStorage.getItem('theme') || 'light')\nwatch(theme, value => localStorage.setItem('theme', value))\n","ts","",[72,106,107,165],{"__ignoreMap":104},[108,109,112,116,120,124,128,131,133,136,139,142,146,148,151,154,157,160,162],"span",{"class":110,"line":111},"line",1,[108,113,115],{"class":114},"spNyl","const",[108,117,119],{"class":118},"sTEyZ"," theme ",[108,121,123],{"class":122},"sMK4o","=",[108,125,127],{"class":126},"s2Zo4"," ref",[108,129,130],{"class":118},"(localStorage",[108,132,75],{"class":122},[108,134,135],{"class":126},"getItem",[108,137,138],{"class":118},"(",[108,140,141],{"class":122},"'",[108,143,145],{"class":144},"sfazB","theme",[108,147,141],{"class":122},[108,149,150],{"class":118},") ",[108,152,153],{"class":122},"||",[108,155,156],{"class":122}," '",[108,158,159],{"class":144},"light",[108,161,141],{"class":122},[108,163,164],{"class":118},")\n",[108,166,168,171,174,177,181,184,187,189,192,194,196,198,200,202],{"class":110,"line":167},2,[108,169,170],{"class":126},"watch",[108,172,173],{"class":118},"(theme",[108,175,176],{"class":122},",",[108,178,180],{"class":179},"sHdIc"," value",[108,182,183],{"class":114}," =>",[108,185,186],{"class":118}," localStorage",[108,188,75],{"class":122},[108,190,191],{"class":126},"setItem",[108,193,138],{"class":118},[108,195,141],{"class":122},[108,197,145],{"class":144},[108,199,141],{"class":122},[108,201,176],{"class":122},[108,203,204],{"class":118}," value))\n",[68,206,207],{},"After",[99,209,211],{"className":101,"code":210,"language":103,"meta":104,"style":104},"const theme = useStorage('theme', 'light')\n",[72,212,213],{"__ignoreMap":104},[108,214,215,217,219,221,224,226,228,230,232,234,236,238,240],{"class":110,"line":111},[108,216,115],{"class":114},[108,218,119],{"class":118},[108,220,123],{"class":122},[108,222,223],{"class":126}," useStorage",[108,225,138],{"class":118},[108,227,141],{"class":122},[108,229,145],{"class":144},[108,231,141],{"class":122},[108,233,176],{"class":122},[108,235,156],{"class":122},[108,237,159],{"class":144},[108,239,141],{"class":122},[108,241,164],{"class":118},[63,243,245],{"id":244},"verify-the-fix","Verify the fix",[68,247,248],{},"Run only this rule after editing so the report stays focused on the diagnostic you are closing:",[99,250,254],{"className":251,"code":252,"language":253,"meta":104,"style":104},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","pnpm nuxt doctor --rules vueuse\u002Fprefer-use-storage\n","bash",[72,255,256],{"__ignoreMap":104},[108,257,258,262,265,268,271],{"class":110,"line":111},[108,259,261],{"class":260},"sBMFI","pnpm",[108,263,264],{"class":144}," nuxt",[108,266,267],{"class":144}," doctor",[108,269,270],{"class":144}," --rules",[108,272,273],{"class":144}," vueuse\u002Fprefer-use-storage\n",[63,275,277],{"id":276},"useful-links","Useful links",[279,280,281],"ul",{},[282,283,284],"li",{},[285,286,289],"a",{"href":54,"rel":287},[288],"nofollow","Upstream docs",[63,291,293],{"id":292},"related-rule","Related rule",[279,295,296],{},[282,297,298],{},[285,299,300],{"href":58},[72,301,57],{},[303,304,305],"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 pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}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":104,"searchDepth":167,"depth":167,"links":307},[308,309,310,314,315,316],{"id":65,"depth":167,"text":66},{"id":78,"depth":167,"text":79},{"id":88,"depth":167,"text":89,"children":311},[312],{"id":93,"depth":313,"text":94},3,{"id":244,"depth":167,"text":245},{"id":276,"depth":167,"text":277},{"id":292,"depth":167,"text":293},"NUXT0067","Finds VueUse project code that should use the supported use storage pattern instead.","md","Use VueUse useStorage() for client storage so refs, serialization, and cleanup stay together.","nuxt",{},true,"\u002Fdiagnostics\u002Fnuxt0067",{"title":46,"description":318},"diagnostics\u002FNUXT0067","Manual storage reads and watches duplicate serialization, cross-tab synchronization, default handling, and reactive updates already handled by useStorage().","zjKKwOjb7WpHrJqx5TEC51C3FFQ2j_UA_HUuzXuyAnI",1791309505852]