[{"data":1,"prerenderedAt":373},["ShallowReactive",2],{"navigation_docs":3,"diagnostic-content-VUE0007":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":363,"description":364,"docsUrl":54,"extension":365,"fix":366,"framework":104,"meta":367,"navigation":368,"pack":56,"path":369,"ruleId":57,"rulePath":58,"seo":370,"severity":59,"source":60,"sourceUrl":61,"stem":371,"why":70,"__hash__":372},"diagnostics\u002Fdiagnostics\u002FVUE0007.md","VUE0007: Do not destructure setup props",{"type":48,"value":49,"toc":353},"minimark",[50,62,67,71,75,87,91,96,99,195,198,284,288,291,321,325,337,341,349],[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\u002Fapi\u002Fcomposition-api-setup.html#accessing-props","suggestion","vite-doctor\u002Fvue","vue\u002Freactivity\u002Fno-setup-props-destructure","\u002Fvue\u002Frules\u002Freactivity\u002Fno-setup-props-destructure","error","src\u002Frule-packs\u002Fvue\u002Frules\u002Fvue\u002Fno-setup-props-destructure.ts","https:\u002F\u002Fgithub.com\u002Fonmax\u002Fvite-doctor\u002Fblob\u002Fmain\u002Fsrc\u002Frule-packs\u002Fvue\u002Frules\u002Fvue\u002Fno-setup-props-destructure.ts",[63,64,66],"h2",{"id":65},"why-it-happens","Why it happens",[68,69,70],"p",{},"The props proxy is reactive, but local destructured bindings are snapshots.",[63,72,74],{"id":73},"fix","Fix",[68,76,77,78,82,83,86],{},"Use props.foo, ",[79,80,81],"code",{},"toRefs(props)",", or ",[79,84,85],{},"\u003Cscript setup>"," reactive props destructuring.",[63,88,90],{"id":89},"example","Example",[92,93,95],"h3",{"id":94},"preserve-prop-reactivity","Preserve prop reactivity",[68,97,98],{},"Before",[100,101,106],"pre",{"className":102,"code":103,"language":104,"meta":105,"style":105},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nconst { count } = defineProps\u003C{ count: number }>()\n\u003C\u002Fscript>\n","vue","",[79,107,108,143,185],{"__ignoreMap":105},[109,110,113,117,121,125,128,131,134,138,140],"span",{"class":111,"line":112},"line",1,[109,114,116],{"class":115},"sMK4o","\u003C",[109,118,120],{"class":119},"swJcz","script",[109,122,124],{"class":123},"spNyl"," setup",[109,126,127],{"class":123}," lang",[109,129,130],{"class":115},"=",[109,132,133],{"class":115},"\"",[109,135,137],{"class":136},"sfazB","ts",[109,139,133],{"class":115},[109,141,142],{"class":115},">\n",[109,144,146,149,152,156,159,162,166,169,172,175,179,182],{"class":111,"line":145},2,[109,147,148],{"class":123},"const",[109,150,151],{"class":115}," {",[109,153,155],{"class":154},"sTEyZ"," count ",[109,157,158],{"class":115},"}",[109,160,161],{"class":115}," =",[109,163,165],{"class":164},"s2Zo4"," defineProps",[109,167,168],{"class":115},"\u003C{",[109,170,171],{"class":119}," count",[109,173,174],{"class":115},":",[109,176,178],{"class":177},"sBMFI"," number",[109,180,181],{"class":115}," }>",[109,183,184],{"class":154},"()\n",[109,186,188,191,193],{"class":111,"line":187},3,[109,189,190],{"class":115},"\u003C\u002F",[109,192,120],{"class":119},[109,194,142],{"class":115},[68,196,197],{},"After",[100,199,201],{"className":102,"code":200,"language":104,"meta":105,"style":105},"\u003Cscript setup lang=\"ts\">\nconst props = defineProps\u003C{ count: number }>()\nconst count = toRef(props, 'count')\n\u003C\u002Fscript>\n",[79,202,203,223,246,275],{"__ignoreMap":105},[109,204,205,207,209,211,213,215,217,219,221],{"class":111,"line":112},[109,206,116],{"class":115},[109,208,120],{"class":119},[109,210,124],{"class":123},[109,212,127],{"class":123},[109,214,130],{"class":115},[109,216,133],{"class":115},[109,218,137],{"class":136},[109,220,133],{"class":115},[109,222,142],{"class":115},[109,224,225,227,230,232,234,236,238,240,242,244],{"class":111,"line":145},[109,226,148],{"class":123},[109,228,229],{"class":154}," props ",[109,231,130],{"class":115},[109,233,165],{"class":164},[109,235,168],{"class":115},[109,237,171],{"class":119},[109,239,174],{"class":115},[109,241,178],{"class":177},[109,243,181],{"class":115},[109,245,184],{"class":154},[109,247,248,250,252,254,257,260,263,266,269,272],{"class":111,"line":187},[109,249,148],{"class":123},[109,251,155],{"class":154},[109,253,130],{"class":115},[109,255,256],{"class":164}," toRef",[109,258,259],{"class":154},"(props",[109,261,262],{"class":115},",",[109,264,265],{"class":115}," '",[109,267,268],{"class":136},"count",[109,270,271],{"class":115},"'",[109,273,274],{"class":154},")\n",[109,276,278,280,282],{"class":111,"line":277},4,[109,279,190],{"class":115},[109,281,120],{"class":119},[109,283,142],{"class":115},[63,285,287],{"id":286},"verify-the-fix","Verify the fix",[68,289,290],{},"Run only this rule after editing so the report stays focused on the diagnostic you are closing:",[100,292,296],{"className":293,"code":294,"language":295,"meta":105,"style":105},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","pnpm vite-doctor . --framework vue --rules vue\u002Freactivity\u002Fno-setup-props-destructure\n","bash",[79,297,298],{"__ignoreMap":105},[109,299,300,303,306,309,312,315,318],{"class":111,"line":112},[109,301,302],{"class":177},"pnpm",[109,304,305],{"class":136}," vite-doctor",[109,307,308],{"class":136}," .",[109,310,311],{"class":136}," --framework",[109,313,314],{"class":136}," vue",[109,316,317],{"class":136}," --rules",[109,319,320],{"class":136}," vue\u002Freactivity\u002Fno-setup-props-destructure\n",[63,322,324],{"id":323},"useful-links","Useful links",[326,327,328],"ul",{},[329,330,331],"li",{},[332,333,336],"a",{"href":54,"rel":334},[335],"nofollow","Upstream docs",[63,338,340],{"id":339},"related-rule","Related rule",[326,342,343],{},[329,344,345],{},[332,346,347],{"href":58},[79,348,57],{},[350,351,352],"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 .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}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);}",{"title":105,"searchDepth":145,"depth":145,"links":354},[355,356,357,360,361,362],{"id":65,"depth":145,"text":66},{"id":73,"depth":145,"text":74},{"id":89,"depth":145,"text":90,"children":358},[359],{"id":94,"depth":187,"text":95},{"id":286,"depth":145,"text":287},{"id":323,"depth":145,"text":324},{"id":339,"depth":145,"text":340},"VUE0007","Classic setup(props) props lose reactivity when destructured directly.","md","Use props.foo, toRefs(props), or \u003Cscript setup> reactive props destructuring.",{},true,"\u002Fdiagnostics\u002Fvue0007",{"title":46,"description":364},"diagnostics\u002FVUE0007","HGZ7niSpp345zzvusN9At0dIfz4iXqkazLORPkA580c",1791309481527]