\")\r\n})\r\n```\r\n\r\n```bash\r\nTypeError: Cannot read properties of undefined (reading 'completed')\r\n ❯ Proxy._sfc_render components/ToDo.vue:2:28\r\n 1| \u003Ctemplate>\r\n 2| \u003Cdiv :class=\"`task ${task.completed ? 'is-complete' : ''}`\">\r\n | ^\r\n 3| \u003Cdiv class=\"content\">{{ task.title }}\u003C/div>\r\n 4| \u003Cdiv class=\"buttons\">\r\n ❯ Proxy.clonedComponent.render node_modules/@nuxt/test-utils/dist/runtime-utils/index.mjs:142:37\r\n ❯ renderComponentRoot node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:6246:16\r\n ❯ ReactiveEffect.componentUpdateFn [as fn] node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:4921:46\r\n ❯ ReactiveEffect.run node_modules/@vue/reactivity/dist/reactivity.cjs.js:181:19\r\n ❯ instance.update node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:5052:16\r\n ❯ setupRenderEffect node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:5062:5\r\n ❯ mountComponent node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:4830:7\r\n ❯ processComponent node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:4784:9\r\n ❯ patch node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:4313:11\r\n\r\nThis error originated in \"tests/components/ToDo.vue.test.js\" test file. It doesn't mean the error was thrown inside the file itself, but while it was running.\r\nThe latest test that might've caused the error is \"can mount todo component\". It might mean one of the following:\r\n- The error was thrown, while Vitest was running this test.\r\n- If the error occurred after the test had been completed, this was the last documented test before it was thrown.\r\n```\r\nI have tried various things along this line of thought from various scraps of information I can find on blogs and stack overflow but at least 50% of it is for nuxt2 and out of date.\r\n\r\n### Describe the bug\r\n\r\nI would expect a mature framework to have better unit test examples and especially a simple unit test of a simple view component with a data prop\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[2967,2970],{"name":2968,"color":2969},"documentation","5319e7",{"name":2971,"color":2972},"good first issue","fbca04",28346,"No documentation on how to unit test a simple component with data prop","2024-08-08T09:54:58Z","https://github.com/nuxt/nuxt/issues/28346",0.71963257,{"description":2979,"labels":2980,"number":2991,"owner":2868,"repository":2868,"state":2910,"title":2992,"updated_at":2993,"url":2994,"score":2995},"### Environment\n\n- Operating System: Windows_NT\n- Node Version: v18.16.0\n- Nuxt Version: 3.4.3\n- Nitro Version: 2.4.0\n- Package Manager: pnpm@8.5.0\n- Builder: vite\n- User Config: experimental, modules, colorMode\n- Runtime Modules: @unocss/nuxt@0.51.12, @vueuse/nuxt@10.1.2, nuxt-icon@0.4.0, nuxt-swiper@1.1.0, @nuxt/devtools@0.4.6, @nuxt/image-edge@1.0.0-28020728.5df24eb, @nuxtjs/color-mode@3.2.0\n- Build Modules: -\n\n### Reproduction\n\n\n\nThis error doesn't seem to be reproducible on Stackblitz so I have included a [github repo](https://github.com/tobychidi/nuxt-utils-import-error)\n\n### Describe the bug\n\nWhen functions are auto-imported from utils/ composables and used in Vue SFC Template, VsCode throws and error. Yes, I use the latest volar. This error appeared after `pnpm up` That bumped my Vue version to 3.3.1.\n\nI have not tried reverting Vue versions though. \n\n### Additional context\n\nExample: \n```\nProperty 'useShowSnack' does not exist on type '{ $: ComponentInternalInstance; $data: {}; $props: { key?: string | number | symbol | undefined; ref?: VNodeRef | undefined; ref_for?: boolean | undefined; ... 8 more ...; style?: unknown; }; ... 10 more ...; $watch\u003CT extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (arg...'.ts(2339)\n```\n\n_No response_\n\n### Logs\n\n_No response_",[2981,2982,2985,2988],{"name":2937,"color":2938},{"name":2983,"color":2984},"workaround available","11376d",{"name":2986,"color":2987},"upstream","E8A36D",{"name":2989,"color":2990},"upstream-bug","B60205",20827,"TS Error with auto-imports from composables and utils in Vue Template after 3.3","2024-11-07T20:13:37Z","https://github.com/nuxt/nuxt/issues/20827",0.7203325,["Reactive",2997],{},["Set"],["ShallowReactive",3000],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f2Xi14SWi5ObhkCy_etB4KNuNUFagfw7mauS9b13Ds0E":-1},"/nuxt/test-utils/984"]