[{"data":1,"prerenderedAt":309},["ShallowReactive",2],{"navigation_docs":3,"diagnostic-content-VUE0008":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":299,"description":300,"docsUrl":54,"extension":301,"fix":77,"framework":302,"meta":303,"navigation":304,"pack":56,"path":305,"ruleId":57,"rulePath":58,"seo":306,"severity":59,"source":60,"sourceUrl":61,"stem":307,"why":70,"__hash__":308},"diagnostics\u002Fdiagnostics\u002FVUE0008.md","VUE0008: Prefer refs from reusable composables",{"type":48,"value":49,"toc":289},"minimark",[50,62,67,71,75,78,82,87,90,171,174,218,222,225,257,261,273,277,285],[51,52],"rule-metadata",{"category":53,"docsUrl":54,"fix":55,"pack":56,"ruleId":57,"rulePath":58,"severity":59,"source":60,"sourceUrl":61},"reactivity","https:\u002F\u002Fvuejs.org\u002Fguide\u002Freusability\u002Fcomposables.html#return-values","suggestion","vite-doctor\u002Fvue","vue\u002Freactivity\u002Fprefer-composable-ref-return","\u002Fvue\u002Frules\u002Freactivity\u002Fprefer-composable-ref-return","warn","src\u002Frule-packs\u002Fvue\u002Frules\u002Fvue\u002Fprefer-composable-ref-return.ts","https:\u002F\u002Fgithub.com\u002Fonmax\u002Fvite-doctor\u002Fblob\u002Fmain\u002Fsrc\u002Frule-packs\u002Fvue\u002Frules\u002Fvue\u002Fprefer-composable-ref-return.ts",[63,64,66],"h2",{"id":65},"why-it-happens","Why it happens",[68,69,70],"p",{},"Returning ref.value gives callers a snapshot; returning the ref preserves updates and lets callers compose it with Vue reactivity.",[63,72,74],{"id":73},"fix","Fix",[68,76,77],{},"Use the Vue-supported composable ref return pattern instead.",[63,79,81],{"id":80},"example","Example",[83,84,86],"h3",{"id":85},"return-refs-from-composables","Return refs from composables",[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","export function useCounter() {\n  const count = ref(0)\n  return count.value\n}\n","ts","",[98,99,100,124,151,165],"code",{"__ignoreMap":96},[101,102,105,109,113,117,121],"span",{"class":103,"line":104},"line",1,[101,106,108],{"class":107},"s7zQu","export",[101,110,112],{"class":111},"spNyl"," function",[101,114,116],{"class":115},"s2Zo4"," useCounter",[101,118,120],{"class":119},"sMK4o","()",[101,122,123],{"class":119}," {\n",[101,125,127,130,134,137,140,144,148],{"class":103,"line":126},2,[101,128,129],{"class":111},"  const",[101,131,133],{"class":132},"sTEyZ"," count",[101,135,136],{"class":119}," =",[101,138,139],{"class":115}," ref",[101,141,143],{"class":142},"swJcz","(",[101,145,147],{"class":146},"sbssI","0",[101,149,150],{"class":142},")\n",[101,152,154,157,159,162],{"class":103,"line":153},3,[101,155,156],{"class":107},"  return",[101,158,133],{"class":132},[101,160,161],{"class":119},".",[101,163,164],{"class":132},"value\n",[101,166,168],{"class":103,"line":167},4,[101,169,170],{"class":119},"}\n",[68,172,173],{},"After",[91,175,177],{"className":93,"code":176,"language":95,"meta":96,"style":96},"export function useCounter() {\n  const count = ref(0)\n  return count\n}\n",[98,178,179,191,207,214],{"__ignoreMap":96},[101,180,181,183,185,187,189],{"class":103,"line":104},[101,182,108],{"class":107},[101,184,112],{"class":111},[101,186,116],{"class":115},[101,188,120],{"class":119},[101,190,123],{"class":119},[101,192,193,195,197,199,201,203,205],{"class":103,"line":126},[101,194,129],{"class":111},[101,196,133],{"class":132},[101,198,136],{"class":119},[101,200,139],{"class":115},[101,202,143],{"class":142},[101,204,147],{"class":146},[101,206,150],{"class":142},[101,208,209,211],{"class":103,"line":153},[101,210,156],{"class":107},[101,212,213],{"class":132}," count\n",[101,215,216],{"class":103,"line":167},[101,217,170],{"class":119},[63,219,221],{"id":220},"verify-the-fix","Verify the fix",[68,223,224],{},"Run only this rule after editing so the report stays focused on the diagnostic you are closing:",[91,226,230],{"className":227,"code":228,"language":229,"meta":96,"style":96},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","pnpm vite-doctor . --framework vue --rules vue\u002Freactivity\u002Fprefer-composable-ref-return\n","bash",[98,231,232],{"__ignoreMap":96},[101,233,234,238,242,245,248,251,254],{"class":103,"line":104},[101,235,237],{"class":236},"sBMFI","pnpm",[101,239,241],{"class":240},"sfazB"," vite-doctor",[101,243,244],{"class":240}," .",[101,246,247],{"class":240}," --framework",[101,249,250],{"class":240}," vue",[101,252,253],{"class":240}," --rules",[101,255,256],{"class":240}," vue\u002Freactivity\u002Fprefer-composable-ref-return\n",[63,258,260],{"id":259},"useful-links","Useful links",[262,263,264],"ul",{},[265,266,267],"li",{},[268,269,272],"a",{"href":54,"rel":270},[271],"nofollow","Upstream docs",[63,274,276],{"id":275},"related-rule","Related rule",[262,278,279],{},[265,280,281],{},[268,282,283],{"href":58},[98,284,57],{},[286,287,288],"style",{},"html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}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}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}",{"title":96,"searchDepth":126,"depth":126,"links":290},[291,292,293,296,297,298],{"id":65,"depth":126,"text":66},{"id":73,"depth":126,"text":74},{"id":80,"depth":126,"text":81,"children":294},[295],{"id":85,"depth":153,"text":86},{"id":220,"depth":126,"text":221},{"id":259,"depth":126,"text":260},{"id":275,"depth":126,"text":276},"VUE0008","Finds Vue reactivity code that should use the supported composable ref return pattern instead.","md","vue",{},true,"\u002Fdiagnostics\u002Fvue0008",{"title":46,"description":300},"diagnostics\u002FVUE0008","YcGLF2Bw9MiBMff2og5DZr2EaZKl-kUDSY1XmJsdfFM",1791309483031]