[{"data":1,"prerenderedAt":425},["ShallowReactive",2],{"navigation_docs":3,"rule-content-\u002Fvue\u002Frules\u002Fcomposables\u002Frequire-use-prefix":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,"description":412,"diagnosticCodes":413,"docsUrl":55,"extension":414,"fix":56,"framework":415,"meta":416,"navigation":417,"pack":57,"path":419,"recommendedReplacement":420,"ruleId":58,"seo":421,"severity":59,"source":60,"sourceUrl":61,"stem":422,"why":423,"__hash__":424},"rules\u002Fvue\u002Frules\u002Fcomposables\u002Frequire-use-prefix.md","Name setup-bound composables with use",{"type":48,"value":49,"toc":403},"minimark",[50,62,67,105,109,124,128,150,154,166,170,175,178,308,311,399],[51,52],"rule-metadata",{"category":53,"diagnosticCodes":54,"docsUrl":55,"fix":56,"pack":57,"ruleId":58,"severity":59,"source":60,"sourceUrl":61},"composables","VUE0026","https:\u002F\u002Fvuejs.org\u002Fguide\u002Freusability\u002Fcomposables.html#conventions-and-best-practices","suggestion","vite-doctor\u002Fvue","vue\u002Fcomposables\u002Frequire-use-prefix","warn","src\u002Frule-packs\u002Fvue\u002Frules\u002Fvue\u002Frequire-use-prefix.ts","https:\u002F\u002Fgithub.com\u002Fonmax\u002Fvite-doctor\u002Fblob\u002Fmain\u002Fsrc\u002Frule-packs\u002Fvue\u002Frules\u002Fvue\u002Frequire-use-prefix.ts",[63,64,66],"h2",{"id":65},"run-this-rule","Run this rule",[68,69,74],"pre",{"className":70,"code":71,"language":72,"meta":73,"style":73},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","pnpm vite-doctor . --framework vue --rules vue\u002Fcomposables\u002Frequire-use-prefix\n","bash","",[75,76,77],"code",{"__ignoreMap":73},[78,79,82,86,90,93,96,99,102],"span",{"class":80,"line":81},"line",1,[78,83,85],{"class":84},"sBMFI","pnpm",[78,87,89],{"class":88},"sfazB"," vite-doctor",[78,91,92],{"class":88}," .",[78,94,95],{"class":88}," --framework",[78,97,98],{"class":88}," vue",[78,100,101],{"class":88}," --rules",[78,103,104],{"class":88}," vue\u002Fcomposables\u002Frequire-use-prefix\n",[63,106,108],{"id":107},"why-it-matters","Why it matters",[110,111,112,113,116,117,116,120,123],"p",{},"Vue composables are named with a use prefix so readers know a function must run synchronously during setup or inside another composable. Lifecycle hooks, ",[75,114,115],{},"inject()",", ",[75,118,119],{},"provide()",[75,121,122],{},"getCurrentInstance()",", and other composables fail or leak when a plainly named helper is called from an event handler, timer, or module scope.",[63,125,127],{"id":126},"recommended-fix","Recommended fix",[110,129,130,131,116,134,137,138,141,142,145,146,149],{},"Rename the function with a use prefix and call it only from setup or another composable. Functions that only create ",[75,132,133],{},"ref()",[75,135,136],{},"reactive()",", or ",[75,139,140],{},"computed()"," state, only read Nuxt app context such as ",[75,143,144],{},"useNuxtApp()"," or ",[75,147,148],{},"useState()",", define*\u002Fcreate* factories, Pinia stores, and on*\u002Fprovide*\u002Finject* helpers are not reported.",[63,151,153],{"id":152},"useful-links","Useful links",[155,156,157],"ul",{},[158,159,160],"li",{},[161,162,165],"a",{"href":55,"rel":163},[164],"nofollow","Rule reference",[63,167,169],{"id":168},"example","Example",[171,172,174],"h3",{"id":173},"name-setup-bound-functions-as-composables","Name setup-bound functions as composables",[110,176,177],{},"Before",[68,179,183],{"className":180,"code":181,"language":182,"meta":73,"style":73},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u002F\u002F app\u002Fcomposables\u002Fcart.ts\nexport function cartState() {\n  const items = useState\u003CCartItem[]>('cart', () => [])\n  onMounted(() => hydrateCart(items))\n  return { items }\n}\n","ts",[75,184,185,191,213,265,288,302],{"__ignoreMap":73},[78,186,187],{"class":80,"line":81},[78,188,190],{"class":189},"sHwdD","\u002F\u002F app\u002Fcomposables\u002Fcart.ts\n",[78,192,194,198,202,206,210],{"class":80,"line":193},2,[78,195,197],{"class":196},"s7zQu","export",[78,199,201],{"class":200},"spNyl"," function",[78,203,205],{"class":204},"s2Zo4"," cartState",[78,207,209],{"class":208},"sMK4o","()",[78,211,212],{"class":208}," {\n",[78,214,216,219,223,226,229,232,235,239,242,245,248,251,253,256,259,262],{"class":80,"line":215},3,[78,217,218],{"class":200},"  const",[78,220,222],{"class":221},"sTEyZ"," items",[78,224,225],{"class":208}," =",[78,227,228],{"class":204}," useState",[78,230,231],{"class":208},"\u003C",[78,233,234],{"class":84},"CartItem",[78,236,238],{"class":237},"swJcz","[]",[78,240,241],{"class":208},">",[78,243,244],{"class":237},"(",[78,246,247],{"class":208},"'",[78,249,250],{"class":88},"cart",[78,252,247],{"class":208},[78,254,255],{"class":208},",",[78,257,258],{"class":208}," ()",[78,260,261],{"class":200}," =>",[78,263,264],{"class":237}," [])\n",[78,266,268,271,273,275,277,280,282,285],{"class":80,"line":267},4,[78,269,270],{"class":204},"  onMounted",[78,272,244],{"class":237},[78,274,209],{"class":208},[78,276,261],{"class":200},[78,278,279],{"class":204}," hydrateCart",[78,281,244],{"class":237},[78,283,284],{"class":221},"items",[78,286,287],{"class":237},"))\n",[78,289,291,294,297,299],{"class":80,"line":290},5,[78,292,293],{"class":196},"  return",[78,295,296],{"class":208}," {",[78,298,222],{"class":221},[78,300,301],{"class":208}," }\n",[78,303,305],{"class":80,"line":304},6,[78,306,307],{"class":208},"}\n",[110,309,310],{},"After",[68,312,314],{"className":180,"code":313,"language":182,"meta":73,"style":73},"\u002F\u002F app\u002Fcomposables\u002Fcart.ts\nexport function useCart() {\n  const items = useState\u003CCartItem[]>('cart', () => [])\n  onMounted(() => hydrateCart(items))\n  return { items }\n}\n",[75,315,316,320,333,367,385,395],{"__ignoreMap":73},[78,317,318],{"class":80,"line":81},[78,319,190],{"class":189},[78,321,322,324,326,329,331],{"class":80,"line":193},[78,323,197],{"class":196},[78,325,201],{"class":200},[78,327,328],{"class":204}," useCart",[78,330,209],{"class":208},[78,332,212],{"class":208},[78,334,335,337,339,341,343,345,347,349,351,353,355,357,359,361,363,365],{"class":80,"line":215},[78,336,218],{"class":200},[78,338,222],{"class":221},[78,340,225],{"class":208},[78,342,228],{"class":204},[78,344,231],{"class":208},[78,346,234],{"class":84},[78,348,238],{"class":237},[78,350,241],{"class":208},[78,352,244],{"class":237},[78,354,247],{"class":208},[78,356,250],{"class":88},[78,358,247],{"class":208},[78,360,255],{"class":208},[78,362,258],{"class":208},[78,364,261],{"class":200},[78,366,264],{"class":237},[78,368,369,371,373,375,377,379,381,383],{"class":80,"line":267},[78,370,270],{"class":204},[78,372,244],{"class":237},[78,374,209],{"class":208},[78,376,261],{"class":200},[78,378,279],{"class":204},[78,380,244],{"class":237},[78,382,284],{"class":221},[78,384,287],{"class":237},[78,386,387,389,391,393],{"class":80,"line":290},[78,388,293],{"class":196},[78,390,296],{"class":208},[78,392,222],{"class":221},[78,394,301],{"class":208},[78,396,397],{"class":80,"line":304},[78,398,307],{"class":208},[400,401,402],"style",{},"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}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 .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}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}",{"title":73,"searchDepth":193,"depth":193,"links":404},[405,406,407,408,409],{"id":65,"depth":193,"text":66},{"id":107,"depth":193,"text":108},{"id":126,"depth":193,"text":127},{"id":152,"depth":193,"text":153},{"id":168,"depth":193,"text":169,"children":410},[411],{"id":173,"depth":215,"text":174},"Finds exported functions that need a component setup context but are not named like composables.",[54],"md","vue",{},{"title":418},"Composable names","\u002Fvue\u002Frules\u002Fcomposables\u002Frequire-use-prefix","Rename the function with a use prefix and call it only from setup or another composable. Functions that only create ref(), reactive(), or computed() state, only read Nuxt app context such as useNuxtApp() or useState(), define*\u002Fcreate* factories, Pinia stores, and on*\u002Fprovide*\u002Finject* helpers are not reported.",{"title":46,"description":412},"vue\u002Frules\u002Fcomposables\u002Frequire-use-prefix","Vue composables are named with a use prefix so readers know a function must run synchronously during setup or inside another composable. Lifecycle hooks, inject(), provide(), getCurrentInstance(), and other composables fail or leak when a plainly named helper is called from an event handler, timer, or module scope.","HwjB394zmrj_DpPmD_bPPctDRNCdSNDtCb9al_oGbMQ",1791309457417]