[{"data":1,"prerenderedAt":368},["ShallowReactive",2],{"navigation_docs":3,"diagnostic-content-NUXT0066":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":358,"description":359,"docsUrl":54,"extension":360,"fix":77,"framework":361,"meta":362,"navigation":363,"pack":56,"path":364,"ruleId":57,"rulePath":58,"seo":365,"severity":59,"source":60,"sourceUrl":61,"stem":366,"why":70,"__hash__":367},"diagnostics\u002Fdiagnostics\u002FNUXT0066.md","NUXT0066: Use VueUse scroll and element composables",{"type":48,"value":49,"toc":348},"minimark",[50,62,67,71,75,78,82,87,90,229,232,284,288,291,316,320,332,336,344],[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\u002FuseScroll\u002F#usage","suggestion","vite-doctor\u002Fvueuse","vueuse\u002Fprefer-use-scroll-and-element","\u002Fnuxt\u002Frules\u002Fbrowser-api\u002Fprefer-use-scroll-and-element","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],"p",{},"VueUse scroll helpers provide reactive coordinates and manage listeners across mounting, target changes, and disposal.",[63,72,74],{"id":73},"fix","Fix",[68,76,77],{},"Use the VueUse-supported use scroll and element pattern instead.",[63,79,81],{"id":80},"example","Example",[83,84,86],"h3",{"id":85},"use-vueuse-scroll-helpers","Use VueUse scroll helpers",[68,88,89],{},"Before",[91,92,97],"pre",{"className":93,"code":94,"language":95,"meta":96,"style":96},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nconst y = ref(window.scrollY)\nwindow.addEventListener('scroll', () => { y.value = window.scrollY })\n\u003C\u002Fscript>\n","vue","",[98,99,100,135,160,219],"code",{"__ignoreMap":96},[101,102,105,109,113,117,120,123,126,130,132],"span",{"class":103,"line":104},"line",1,[101,106,108],{"class":107},"sMK4o","\u003C",[101,110,112],{"class":111},"swJcz","script",[101,114,116],{"class":115},"spNyl"," setup",[101,118,119],{"class":115}," lang",[101,121,122],{"class":107},"=",[101,124,125],{"class":107},"\"",[101,127,129],{"class":128},"sfazB","ts",[101,131,125],{"class":107},[101,133,134],{"class":107},">\n",[101,136,138,141,145,147,151,154,157],{"class":103,"line":137},2,[101,139,140],{"class":115},"const",[101,142,144],{"class":143},"sTEyZ"," y ",[101,146,122],{"class":107},[101,148,150],{"class":149},"s2Zo4"," ref",[101,152,153],{"class":143},"(window",[101,155,156],{"class":107},".",[101,158,159],{"class":143},"scrollY)\n",[101,161,163,166,168,171,174,177,180,182,185,188,191,194,197,199,202,205,208,210,213,216],{"class":103,"line":162},3,[101,164,165],{"class":143},"window",[101,167,156],{"class":107},[101,169,170],{"class":149},"addEventListener",[101,172,173],{"class":143},"(",[101,175,176],{"class":107},"'",[101,178,179],{"class":128},"scroll",[101,181,176],{"class":107},[101,183,184],{"class":107},",",[101,186,187],{"class":107}," ()",[101,189,190],{"class":115}," =>",[101,192,193],{"class":107}," {",[101,195,196],{"class":143}," y",[101,198,156],{"class":107},[101,200,201],{"class":143},"value",[101,203,204],{"class":107}," =",[101,206,207],{"class":143}," window",[101,209,156],{"class":107},[101,211,212],{"class":143},"scrollY",[101,214,215],{"class":107}," }",[101,217,218],{"class":143},")\n",[101,220,222,225,227],{"class":103,"line":221},4,[101,223,224],{"class":107},"\u003C\u002F",[101,226,112],{"class":111},[101,228,134],{"class":107},[68,230,231],{},"After",[91,233,235],{"className":93,"code":234,"language":95,"meta":96,"style":96},"\u003Cscript setup lang=\"ts\">\nconst { y } = useWindowScroll()\n\u003C\u002Fscript>\n",[98,236,237,257,276],{"__ignoreMap":96},[101,238,239,241,243,245,247,249,251,253,255],{"class":103,"line":104},[101,240,108],{"class":107},[101,242,112],{"class":111},[101,244,116],{"class":115},[101,246,119],{"class":115},[101,248,122],{"class":107},[101,250,125],{"class":107},[101,252,129],{"class":128},[101,254,125],{"class":107},[101,256,134],{"class":107},[101,258,259,261,263,265,268,270,273],{"class":103,"line":137},[101,260,140],{"class":115},[101,262,193],{"class":107},[101,264,144],{"class":143},[101,266,267],{"class":107},"}",[101,269,204],{"class":107},[101,271,272],{"class":149}," useWindowScroll",[101,274,275],{"class":143},"()\n",[101,277,278,280,282],{"class":103,"line":162},[101,279,224],{"class":107},[101,281,112],{"class":111},[101,283,134],{"class":107},[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:",[91,292,296],{"className":293,"code":294,"language":295,"meta":96,"style":96},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","pnpm nuxt doctor --rules vueuse\u002Fprefer-use-scroll-and-element\n","bash",[98,297,298],{"__ignoreMap":96},[101,299,300,304,307,310,313],{"class":103,"line":104},[101,301,303],{"class":302},"sBMFI","pnpm",[101,305,306],{"class":128}," nuxt",[101,308,309],{"class":128}," doctor",[101,311,312],{"class":128}," --rules",[101,314,315],{"class":128}," vueuse\u002Fprefer-use-scroll-and-element\n",[63,317,319],{"id":318},"useful-links","Useful links",[321,322,323],"ul",{},[324,325,326],"li",{},[327,328,331],"a",{"href":54,"rel":329},[330],"nofollow","Upstream docs",[63,333,335],{"id":334},"related-rule","Related rule",[321,337,338],{},[324,339,340],{},[327,341,342],{"href":58},[98,343,57],{},[345,346,347],"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 .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":96,"searchDepth":137,"depth":137,"links":349},[350,351,352,355,356,357],{"id":65,"depth":137,"text":66},{"id":73,"depth":137,"text":74},{"id":80,"depth":137,"text":81,"children":353},[354],{"id":85,"depth":162,"text":86},{"id":286,"depth":137,"text":287},{"id":318,"depth":137,"text":319},{"id":334,"depth":137,"text":335},"NUXT0066","Finds VueUse project code that should use the supported use scroll and element pattern instead.","md","nuxt",{},true,"\u002Fdiagnostics\u002Fnuxt0066",{"title":46,"description":359},"diagnostics\u002FNUXT0066","O0hgg7ymmH8CRAOSaAx_bvA_VwkaLfQWCFhFWg9rhBk",1791309506107]