[{"data":1,"prerenderedAt":399},["ShallowReactive",2],{"navigation_docs":3,"diagnostic-content-VUE0004":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":390,"description":391,"docsUrl":54,"extension":392,"fix":77,"framework":95,"meta":393,"navigation":394,"pack":56,"path":395,"ruleId":57,"rulePath":58,"seo":396,"severity":59,"source":60,"sourceUrl":61,"stem":397,"why":70,"__hash__":398},"diagnostics\u002Fdiagnostics\u002FVUE0004.md","VUE0004: Clean up lifecycle resources",{"type":48,"value":49,"toc":381},"minimark",[50,62,67,71,75,78,82,87,90,203,206,324,328,331,362,366,377],[51,52],"rule-metadata",{"category":53,"docsUrl":54,"fix":55,"pack":56,"ruleId":57,"rulePath":58,"severity":59,"source":60,"sourceUrl":61},"lifecycle","","suggestion","vite-doctor\u002Fvue","vue\u002Flifecycle\u002Frequire-cleanup","\u002Fvue\u002Frules\u002Flifecycle\u002Frequire-cleanup","warn","src\u002Frule-packs\u002Fvue\u002Frules\u002Fvue\u002Frequire-lifecycle-cleanup.ts","https:\u002F\u002Fgithub.com\u002Fonmax\u002Fvite-doctor\u002Fblob\u002Fmain\u002Fsrc\u002Frule-packs\u002Fvue\u002Frules\u002Fvue\u002Frequire-lifecycle-cleanup.ts",[63,64,66],"h2",{"id":65},"why-it-happens","Why it happens",[68,69,70],"p",{},"Effects that outlive their component create leaks and stale updates. Register cleanup where Vue or VueUse can dispose it automatically.",[63,72,74],{"id":73},"fix","Fix",[68,76,77],{},"Add cleanup where Vue expects it, close to the code that depends on it.",[63,79,81],{"id":80},"example","Example",[83,84,86],"h3",{"id":85},"clean-up-lifecycle-side-effects","Clean up lifecycle side effects",[68,88,89],{},"Before",[91,92,96],"pre",{"className":93,"code":94,"language":95,"meta":54,"style":54},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nonMounted(() => {\n  window.addEventListener('resize', onResize)\n})\n\u003C\u002Fscript>\n","vue",[97,98,99,134,154,185,193],"code",{"__ignoreMap":54},[100,101,104,108,112,116,119,122,125,129,131],"span",{"class":102,"line":103},"line",1,[100,105,107],{"class":106},"sMK4o","\u003C",[100,109,111],{"class":110},"swJcz","script",[100,113,115],{"class":114},"spNyl"," setup",[100,117,118],{"class":114}," lang",[100,120,121],{"class":106},"=",[100,123,124],{"class":106},"\"",[100,126,128],{"class":127},"sfazB","ts",[100,130,124],{"class":106},[100,132,133],{"class":106},">\n",[100,135,137,141,145,148,151],{"class":102,"line":136},2,[100,138,140],{"class":139},"s2Zo4","onMounted",[100,142,144],{"class":143},"sTEyZ","(",[100,146,147],{"class":106},"()",[100,149,150],{"class":114}," =>",[100,152,153],{"class":106}," {\n",[100,155,157,160,163,166,168,171,174,176,179,182],{"class":102,"line":156},3,[100,158,159],{"class":143},"  window",[100,161,162],{"class":106},".",[100,164,165],{"class":139},"addEventListener",[100,167,144],{"class":110},[100,169,170],{"class":106},"'",[100,172,173],{"class":127},"resize",[100,175,170],{"class":106},[100,177,178],{"class":106},",",[100,180,181],{"class":143}," onResize",[100,183,184],{"class":110},")\n",[100,186,188,191],{"class":102,"line":187},4,[100,189,190],{"class":106},"}",[100,192,184],{"class":143},[100,194,196,199,201],{"class":102,"line":195},5,[100,197,198],{"class":106},"\u003C\u002F",[100,200,111],{"class":110},[100,202,133],{"class":106},[68,204,205],{},"After",[91,207,209],{"className":93,"code":208,"language":95,"meta":54,"style":54},"\u003Cscript setup lang=\"ts\">\nonMounted(() => {\n  window.addEventListener('resize', onResize)\n})\nonBeforeUnmount(() => {\n  window.removeEventListener('resize', onResize)\n})\n\u003C\u002Fscript>\n",[97,210,211,231,243,265,271,284,308,315],{"__ignoreMap":54},[100,212,213,215,217,219,221,223,225,227,229],{"class":102,"line":103},[100,214,107],{"class":106},[100,216,111],{"class":110},[100,218,115],{"class":114},[100,220,118],{"class":114},[100,222,121],{"class":106},[100,224,124],{"class":106},[100,226,128],{"class":127},[100,228,124],{"class":106},[100,230,133],{"class":106},[100,232,233,235,237,239,241],{"class":102,"line":136},[100,234,140],{"class":139},[100,236,144],{"class":143},[100,238,147],{"class":106},[100,240,150],{"class":114},[100,242,153],{"class":106},[100,244,245,247,249,251,253,255,257,259,261,263],{"class":102,"line":156},[100,246,159],{"class":143},[100,248,162],{"class":106},[100,250,165],{"class":139},[100,252,144],{"class":110},[100,254,170],{"class":106},[100,256,173],{"class":127},[100,258,170],{"class":106},[100,260,178],{"class":106},[100,262,181],{"class":143},[100,264,184],{"class":110},[100,266,267,269],{"class":102,"line":187},[100,268,190],{"class":106},[100,270,184],{"class":143},[100,272,273,276,278,280,282],{"class":102,"line":195},[100,274,275],{"class":139},"onBeforeUnmount",[100,277,144],{"class":143},[100,279,147],{"class":106},[100,281,150],{"class":114},[100,283,153],{"class":106},[100,285,287,289,291,294,296,298,300,302,304,306],{"class":102,"line":286},6,[100,288,159],{"class":143},[100,290,162],{"class":106},[100,292,293],{"class":139},"removeEventListener",[100,295,144],{"class":110},[100,297,170],{"class":106},[100,299,173],{"class":127},[100,301,170],{"class":106},[100,303,178],{"class":106},[100,305,181],{"class":143},[100,307,184],{"class":110},[100,309,311,313],{"class":102,"line":310},7,[100,312,190],{"class":106},[100,314,184],{"class":143},[100,316,318,320,322],{"class":102,"line":317},8,[100,319,198],{"class":106},[100,321,111],{"class":110},[100,323,133],{"class":106},[63,325,327],{"id":326},"verify-the-fix","Verify the fix",[68,329,330],{},"Run only this rule after editing so the report stays focused on the diagnostic you are closing:",[91,332,336],{"className":333,"code":334,"language":335,"meta":54,"style":54},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","pnpm vite-doctor . --framework vue --rules vue\u002Flifecycle\u002Frequire-cleanup\n","bash",[97,337,338],{"__ignoreMap":54},[100,339,340,344,347,350,353,356,359],{"class":102,"line":103},[100,341,343],{"class":342},"sBMFI","pnpm",[100,345,346],{"class":127}," vite-doctor",[100,348,349],{"class":127}," .",[100,351,352],{"class":127}," --framework",[100,354,355],{"class":127}," vue",[100,357,358],{"class":127}," --rules",[100,360,361],{"class":127}," vue\u002Flifecycle\u002Frequire-cleanup\n",[63,363,365],{"id":364},"related-rule","Related rule",[367,368,369],"ul",{},[370,371,372],"li",{},[373,374,375],"a",{"href":58},[97,376,57],{},[378,379,380],"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 .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":54,"searchDepth":136,"depth":136,"links":382},[383,384,385,388,389],{"id":65,"depth":136,"text":66},{"id":73,"depth":136,"text":74},{"id":80,"depth":136,"text":81,"children":386},[387],{"id":85,"depth":156,"text":86},{"id":326,"depth":136,"text":327},{"id":364,"depth":136,"text":365},"VUE0004","Checks that Vue lifecycle code includes the cleanup needed for predictable behavior.","md",{},true,"\u002Fdiagnostics\u002Fvue0004",{"title":46,"description":391},"diagnostics\u002FVUE0004","v0SxNWq_E6bXdDrG4L79Mk8aoEiArGtfBfQnetyhBlc",1791309482259]