[{"data":1,"prerenderedAt":407},["ShallowReactive",2],{"navigation_docs":3,"diagnostic-content-VUE0018":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":397,"description":398,"docsUrl":54,"extension":399,"fix":400,"framework":100,"meta":401,"navigation":402,"pack":56,"path":403,"ruleId":57,"rulePath":58,"seo":404,"severity":59,"source":60,"sourceUrl":61,"stem":405,"why":70,"__hash__":406},"diagnostics\u002Fdiagnostics\u002FVUE0018.md","VUE0018: Do not read watchEffect dependencies after await",{"type":48,"value":49,"toc":387},"minimark",[50,62,67,71,75,83,87,92,95,218,221,317,321,324,355,359,371,375,383],[51,52],"rule-metadata",{"category":53,"docsUrl":54,"fix":55,"pack":56,"ruleId":57,"rulePath":58,"severity":59,"source":60,"sourceUrl":61},"watchers","https:\u002F\u002Fvuejs.org\u002Fguide\u002Fessentials\u002Fwatchers.html#watcheffect","suggestion","vite-doctor\u002Fvue","vue\u002Fwatch\u002Fno-async-watcheffect-after-await-read","\u002Fvue\u002Frules\u002Fwatch\u002Fno-async-watcheffect-after-await-read","warn","src\u002Frule-packs\u002Fvue\u002Frules\u002Fvue\u002Fno-async-watch-effect-after-await-read.ts","https:\u002F\u002Fgithub.com\u002Fonmax\u002Fvite-doctor\u002Fblob\u002Fmain\u002Fsrc\u002Frule-packs\u002Fvue\u002Frules\u002Fvue\u002Fno-async-watch-effect-after-await-read.ts",[63,64,66],"h2",{"id":65},"why-it-happens","Why it happens",[68,69,70],"p",{},"Vue tracks watchEffect dependencies during synchronous execution. Reads after await do not establish dependencies that rerun the effect; ordinary object and method accesses do not establish reactive dependencies.",[63,72,74],{"id":73},"fix","Fix",[68,76,77,78,82],{},"Read reactive values before awaiting, or use ",[79,80,81],"code",{},"watch()"," with an explicit source.",[63,84,86],{"id":85},"example","Example",[88,89,91],"h3",{"id":90},"read-watcheffect-dependencies-before-await","Read watchEffect dependencies before await",[68,93,94],{},"Before",[96,97,102],"pre",{"className":98,"code":99,"language":100,"meta":101,"style":101},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nwatchEffect(async () => {\n  await loadSettings()\n  console.log(userId.value)\n})\n\u003C\u002Fscript>\n","vue","",[79,103,104,139,162,175,200,208],{"__ignoreMap":101},[105,106,109,113,117,121,124,127,130,134,136],"span",{"class":107,"line":108},"line",1,[105,110,112],{"class":111},"sMK4o","\u003C",[105,114,116],{"class":115},"swJcz","script",[105,118,120],{"class":119},"spNyl"," setup",[105,122,123],{"class":119}," lang",[105,125,126],{"class":111},"=",[105,128,129],{"class":111},"\"",[105,131,133],{"class":132},"sfazB","ts",[105,135,129],{"class":111},[105,137,138],{"class":111},">\n",[105,140,142,146,150,153,156,159],{"class":107,"line":141},2,[105,143,145],{"class":144},"s2Zo4","watchEffect",[105,147,149],{"class":148},"sTEyZ","(",[105,151,152],{"class":119},"async",[105,154,155],{"class":111}," ()",[105,157,158],{"class":119}," =>",[105,160,161],{"class":111}," {\n",[105,163,165,169,172],{"class":107,"line":164},3,[105,166,168],{"class":167},"s7zQu","  await",[105,170,171],{"class":144}," loadSettings",[105,173,174],{"class":115},"()\n",[105,176,178,181,184,187,189,192,194,197],{"class":107,"line":177},4,[105,179,180],{"class":148},"  console",[105,182,183],{"class":111},".",[105,185,186],{"class":144},"log",[105,188,149],{"class":115},[105,190,191],{"class":148},"userId",[105,193,183],{"class":111},[105,195,196],{"class":148},"value",[105,198,199],{"class":115},")\n",[105,201,203,206],{"class":107,"line":202},5,[105,204,205],{"class":111},"}",[105,207,199],{"class":148},[105,209,211,214,216],{"class":107,"line":210},6,[105,212,213],{"class":111},"\u003C\u002F",[105,215,116],{"class":115},[105,217,138],{"class":111},[68,219,220],{},"After",[96,222,224],{"className":98,"code":223,"language":100,"meta":101,"style":101},"\u003Cscript setup lang=\"ts\">\nwatchEffect(async () => {\n  const id = userId.value\n  await loadSettings()\n  console.log(id)\n})\n\u003C\u002Fscript>\n",[79,225,226,246,260,279,287,302,308],{"__ignoreMap":101},[105,227,228,230,232,234,236,238,240,242,244],{"class":107,"line":108},[105,229,112],{"class":111},[105,231,116],{"class":115},[105,233,120],{"class":119},[105,235,123],{"class":119},[105,237,126],{"class":111},[105,239,129],{"class":111},[105,241,133],{"class":132},[105,243,129],{"class":111},[105,245,138],{"class":111},[105,247,248,250,252,254,256,258],{"class":107,"line":141},[105,249,145],{"class":144},[105,251,149],{"class":148},[105,253,152],{"class":119},[105,255,155],{"class":111},[105,257,158],{"class":119},[105,259,161],{"class":111},[105,261,262,265,268,271,274,276],{"class":107,"line":164},[105,263,264],{"class":119},"  const",[105,266,267],{"class":148}," id",[105,269,270],{"class":111}," =",[105,272,273],{"class":148}," userId",[105,275,183],{"class":111},[105,277,278],{"class":148},"value\n",[105,280,281,283,285],{"class":107,"line":177},[105,282,168],{"class":167},[105,284,171],{"class":144},[105,286,174],{"class":115},[105,288,289,291,293,295,297,300],{"class":107,"line":202},[105,290,180],{"class":148},[105,292,183],{"class":111},[105,294,186],{"class":144},[105,296,149],{"class":115},[105,298,299],{"class":148},"id",[105,301,199],{"class":115},[105,303,304,306],{"class":107,"line":210},[105,305,205],{"class":111},[105,307,199],{"class":148},[105,309,311,313,315],{"class":107,"line":310},7,[105,312,213],{"class":111},[105,314,116],{"class":115},[105,316,138],{"class":111},[63,318,320],{"id":319},"verify-the-fix","Verify the fix",[68,322,323],{},"Run only this rule after editing so the report stays focused on the diagnostic you are closing:",[96,325,329],{"className":326,"code":327,"language":328,"meta":101,"style":101},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","pnpm vite-doctor . --framework vue --rules vue\u002Fwatch\u002Fno-async-watcheffect-after-await-read\n","bash",[79,330,331],{"__ignoreMap":101},[105,332,333,337,340,343,346,349,352],{"class":107,"line":108},[105,334,336],{"class":335},"sBMFI","pnpm",[105,338,339],{"class":132}," vite-doctor",[105,341,342],{"class":132}," .",[105,344,345],{"class":132}," --framework",[105,347,348],{"class":132}," vue",[105,350,351],{"class":132}," --rules",[105,353,354],{"class":132}," vue\u002Fwatch\u002Fno-async-watcheffect-after-await-read\n",[63,356,358],{"id":357},"useful-links","Useful links",[360,361,362],"ul",{},[363,364,365],"li",{},[366,367,370],"a",{"href":54,"rel":368},[369],"nofollow","Upstream docs",[63,372,374],{"id":373},"related-rule","Related rule",[360,376,377],{},[363,378,379],{},[366,380,381],{"href":58},[79,382,57],{},[384,385,386],"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 .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}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 .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":101,"searchDepth":141,"depth":141,"links":388},[389,390,391,394,395,396],{"id":65,"depth":141,"text":66},{"id":73,"depth":141,"text":74},{"id":85,"depth":141,"text":86,"children":392},[393],{"id":90,"depth":164,"text":91},{"id":319,"depth":141,"text":320},{"id":357,"depth":141,"text":358},{"id":373,"depth":141,"text":374},"VUE0018","Flags reactive dependency reads after an await in an async watchEffect callback.","md","Read reactive values before awaiting, or use watch() with an explicit source.",{},true,"\u002Fdiagnostics\u002Fvue0018",{"title":46,"description":398},"diagnostics\u002FVUE0018","FKQbul8vaw9NAwSKcFHu1fSRKfY5e_tt9n3pQ7DHTpY",1791309481671]