\n\nAm I doing something wrong? Or is TS support for variants just not completed yet?\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3171,3172,3175],{"name":3140,"color":3141},{"name":3173,"color":3174},"needs reproduction","CB47CF",{"name":3176,"color":3177},"v3","49DCB8",4046,"closed","provide a custom TS-safe custom variant","2025-05-23T13:22:19Z","https://github.com/nuxt/ui/issues/4046",0.6218116,{"labels":3185,"number":3192,"owner":3149,"repository":3149,"state":3179,"title":3193,"updated_at":3194,"url":3195,"score":3196},[3186,3189],{"name":3187,"color":3188},"pending triage","E99695",{"name":3190,"color":3191},"2.x","d4c5f9",6894,"Typescript linting issue","2023-01-22T15:34:48Z","https://github.com/nuxt/nuxt/issues/6894",0.630204,{"description":3198,"labels":3199,"number":3210,"owner":3149,"repository":3149,"state":3179,"title":3211,"updated_at":3212,"url":3213,"score":3214},"### Environment\r\n\r\n- Operating System: Darwin\r\n- Node Version: v18.14.0\r\n- Nuxt Version: 3.6.1\r\n- Nitro Version: 2.5.2\r\n- Package Manager: yarn@1.22.19\r\n- Builder: vite\r\n- User Config: -\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n\r\n**VsCode 1.79.2**\r\n- vscode.typescript-language-features: disabled\r\n- Vue.volar: 1.8.3, enabled\r\n- Vue.vscode-typescript-vue-plugin: 1.8.3, enabled\r\n\r\n### Reproduction\r\n\r\nhttps://github.com/niklas-may/nuxt-module-issue-reproduction\r\n\r\n### Describe the bug\r\n\r\n**Preface**\r\n_Thank you for your amazing work on Nuxt! I am not sure where this issue is best raised, Nuxt, VsCode or Vue. But due to the special typescript tooling with auto imports, I thought it's best to start here, and would be happy to hear if anybody observed a similar behaviour or has a solution._ \r\n\r\n**Description**\r\nWhen I open `~/.nuxt/components.d.ts` in VsCode and hover over an imported component, VsCode IntelliSense popover displays the correct types for this component.\r\nBut when I use the component in any other components template block, for example `~/app.vue`, the typing is missing the prop types.\r\n\r\n### Component and Type Definitions\r\n\r\n`~/../src/runtime/MyButton.vue`\r\n\r\n```vue\r\n\u003Ctemplate>\r\n \u003Cdiv style=\"border: 1px solid pink\">\r\n \u003Cslot />\r\n \u003C/div>\r\n\u003C/template>\r\n\u003Cscript setup lang=\"ts\">\r\nwithDefaults(\r\n defineProps\u003C{\r\n variant: \"fill\" | \"ghost\";\r\n }>(),\r\n { variant: \"fill\" }\r\n);\r\n\u003C/script>\r\n```\r\n\r\n`~/.nuxt/components.d.ts`\r\n\r\n```TypeScript\r\ndeclare module 'vue' {\r\n export interface GlobalComponents {\r\n //...\r\n 'MyButton': typeof import(\"../../src/runtime/components/MyButton.vue\")['default']\r\n //...\r\n }\r\n}\r\n\r\nexport const MyButton: typeof import(\"../../src/runtime/components/MyButton.vue\")['default']\r\n\r\nexport const componentNames: string[]\r\n```\r\n\r\n\r\n### Correct Intellisense\r\n\r\nVsCode popopver hovering `'MyButton'` in `~/.nuxt/components.d.ts`\r\n\r\n```TypeScript\r\n(property) GlobalComponents['MyButton']: __VLS_WithTemplateSlots\u003CDefineComponent\u003C{\r\n variant: {\r\n type: PropType\u003C\"fill\" | \"ghost\">;\r\n required: true;\r\n default: string;\r\n };\r\n}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ... 5 more ..., {}>, {\r\n ...;\r\n}>\r\n````\r\n\r\n### Wrong Intellisense\r\n\r\nVsCode popopver hovering `\u003CMyButton />` in the template block of `~/app.vue` (or any other template)\r\n\r\n```TypeScript\r\n(property) 'MyButton': DefineComponent\u003C{}, {}, any>\r\n```\r\n\r\n### Additional context\r\n\r\nThe above example is the current state of the reproduction repo. But a different, but similar behavior happened in other reports (for example a yarn workspace repo). Strange enough, sometimes, it works fine...\r\n\r\n### Logs\r\n\r\n_No response_",[3200,3203,3206,3207],{"name":3201,"color":3202},"types","2875C3",{"name":3204,"color":3205},"3.x","29bc7f",{"name":3187,"color":3188},{"name":3208,"color":3209},"upstream","E8A36D",21933,"Component appears to be untyped in template block","2023-12-12T14:36:22Z","https://github.com/nuxt/nuxt/issues/21933",0.6331038,{"description":3216,"labels":3217,"number":3223,"owner":3149,"repository":3149,"state":3179,"title":3224,"updated_at":3225,"url":3226,"score":3227},"### Environment\n\n------------------------------\n- Operating System: Windows_NT\n- Node Version: v22.11.0\n- Nuxt Version: 3.15.4\n- CLI Version: 3.21.1\n- Nitro Version: 2.10.4\n- Package Manager: bun@1.2.1\n- Builder: -\n- User Config: modules, css, ssr, devtools, future, typescript, vite, hooks, nitro, compatibilityDate, runtimeConfig\n- Runtime Modules: @nuxt/ui@3.0.0-alpha.12, nuxt-mikro-orm-module@0.4.1, @nuxt/eslint@1.0.1, nuxt-auth-utils@0.5.15, @nuxt/image@1.9.0\n- Build Modules: -\n------------------------------\n\n### Reproduction\n\nUse this `app.vue`:\n```\n// app.vue\n\u003Cscript setup lang=\"ts\">\n\n\u003C/script>\n\n\u003Ctemplate>\n \u003C!-- https://github.com/nuxt/nuxt/issues/25214#issuecomment-1894051562 -->\n \u003Cdiv>\n \u003CNuxtLoadingIndicator />\n \u003CNuxtRouteAnnouncer />\n\n \u003CNuxtLayout>\n \u003CUApp>\n \u003CNuxtPage />\n \u003C/UApp>\n \u003C/NuxtLayout>\n \u003C/div>\n\u003C/template>\n\n\u003Cstyle>\nbody {\n @apply antialiased;\n background: var(--ui-bg-muted);\n}\n\n.dark {\n body {\n @apply antialiased;\n background: var(--ui-bg);\n }\n}\n\u003C/style>\n```\n\nGo to any page with layout, wait 10-20 sec then try to navigate to another page.\n\n### Describe the bug\n\nSame problem:\nwhen i use navigateTo cant load the page.\nNavigate using user action(navigation menu mouse click) can't load the page\n\n```\n\"nuxt\": \"^3.15.4\",\n\"vue\": \"^3.5.13\",\n\"vue-router\": \"^4.5.0\",\n\"@nuxt/ui\": \"^3.0.0-alpha.10\",\n```\nI get that warning:\n\n\nThen that error:\n\n\nHere is my `app.vue`:\n```\n\u003Cscript setup lang=\"ts\">\n\n\u003C/script>\n\n\u003Ctemplate>\n \u003C!-- https://github.com/nuxt/nuxt/issues/25214#issuecomment-1894051562 -->\n \u003Cdiv>\n \u003CNuxtLoadingIndicator />\n \u003CNuxtRouteAnnouncer />\n\n \u003CNuxtLayout>\n \u003CUApp>\n \u003CNuxtPage />\n \u003C/UApp>\n \u003C/NuxtLayout>\n \u003C/div>\n\u003C/template>\n\n\u003Cstyle>\nbody {\n @apply antialiased;\n background: var(--ui-bg-muted);\n}\n\n.dark {\n body {\n @apply antialiased;\n background: var(--ui-bg);\n }\n}\n\u003C/style>\n```\n\n@TheAlexLichter \n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3218,3219,3220],{"name":3187,"color":3188},{"name":3173,"color":3144},{"name":3221,"color":3222},"closed-by-bot","ededed",31010,"Unhandled error during execution of component update, Uncaught (in promise) TypeError: node is null","2025-02-28T02:01:44Z","https://github.com/nuxt/nuxt/issues/31010",0.6380162,{"description":3229,"labels":3230,"number":3233,"owner":3149,"repository":3149,"state":3179,"title":3234,"updated_at":3235,"url":3236,"score":3237},"### Environment\r\n\r\n- Operating System: Linux\r\n- Node Version: v20.9.0\r\n- Nuxt Version: 3.8.2\r\n- CLI Version: 3.10.0\r\n- Nitro Version: 2.8.1\r\n- Package Manager: pnpm@8.11.0\r\n- Builder: -\r\n- User Config: devtools, typescript, imports, components\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/github-ydvwun?file=app.vue\r\n\r\nThe error does not show immediately when the application starts. \r\nEdit the HTML of `app.vue` and save. The error is then shown\r\n\r\n### Describe the bug\r\n\r\nWhen using `\"allowJs\": false` in `tsconfig.json` and `typeCheck: true` is `nuxt.config.ts`, the following error is thrown by `vue-tsc` after an `hmr update` by editing a file:\r\n```\r\n ERROR(vue-tsc) File '/home/david/projects/no-js-error/node_modules/.pnpm/@nuxt+ui-templates@1.3.1/node_modules/@nuxt/ui-templates/dist/templates/welcome.vue.js' is a JavaScript file. Did you mean to enable the 'allowJs' option?\r\n The file is in the program because:\r\n Root file specified for compilation\r\n FILE undefined:\r\n\r\nundefined\r\n```\r\n\r\nThe `NuxtWelcome` component is not used in `app.vue`, but is included in `.nuxt/components.d.ts` along with many other unused components.\r\n\r\nI assumed, at the very least, the bundled components should be typescript components, or, preferably (and what I expected), unused components should not be bundled\r\n\r\n### Additional context\r\n\r\nTested with `npm` and `pnpm` and the same behavior is observed in both cases\r\n\r\n### Logs\r\n\r\n```shell-script\r\ndavid@david-desktop:~/projects/no-js-error$ pnpm run dev\r\n\r\n> nuxt-app@ dev /home/david/projects/no-js-error\r\n> nuxt dev\r\n\r\nNuxt 3.8.2 with Nitro 2.8.1 11:46:35\r\n 11:46:35\r\n ➜ Local: http://localhost:3000/\r\n ➜ Network: use --host to expose\r\n\r\n ➜ DevTools: press Shift + Alt + D in the browser (v1.0.5) 11:46:36\r\n\r\nℹ Vite server warmed up in 1125ms 11:46:37\r\nℹ Vite client warmed up in 1338ms 11:46:37\r\n✔ Nitro built in 390 ms nitro 11:46:38\r\n\r\n ERROR 11:46:38\r\n[vue-tsc] Found 0 errors. Watching for file changes.\r\n\r\nℹ hmr update /app.vue\r\n\r\n ERROR 11:46:45\r\n ERROR(vue-tsc) File '/home/david/projects/no-js-error/node_modules/.pnpm/@nuxt+ui-templates@1.3.1/node_modules/@nuxt/ui-templates/dist/templates/welcome.vue.js' is a JavaScript file. Did you mean to enable the 'allowJs' option?\r\n The file is in the program because:\r\n Root file specified for compilation\r\n FILE undefined:\r\n\r\nundefined\r\n\r\n[vue-tsc] Found 1 error. Watching for file changes.\r\n```\r\n",[3231,3232],{"name":3201,"color":3202},{"name":3187,"color":3188},24651,"Cannot use typescript typeCheck and allowJs: false simultaneously. vue-tsc error thrown","2025-05-30T11:26:47Z","https://github.com/nuxt/nuxt/issues/24651",0.64119333,{"description":3239,"labels":3240,"number":3243,"owner":3149,"repository":3149,"state":3179,"title":3244,"updated_at":3245,"url":3246,"score":3247},"### Environment\n\n------------------------------\r\n- Operating System: Darwin\r\n- Node Version: v22.3.0\r\n- Nuxt Version: 3.13.0\r\n- CLI Version: 3.13.1\r\n- Nitro Version: 2.9.7\r\n- Package Manager: yarn@1.22.22\r\n- Builder: -\r\n- User Config: devtools, app, runtimeConfig, css, modules, i18n, primevue, image, nuxt-jsonld, mapbox, compatibilityDate\r\n- Runtime Modules: @nuxt/eslint@0.4.0, @nuxtjs/tailwindcss@6.12.1, @nuxtjs/i18n@8.5.1, @primevue/nuxt-module@4.0.3, @nuxt/image@1.8.0, @nuxtjs/strapi@1.12.0, nuxt-icons@3.2.1, @pinia/nuxt@0.5.4, nuxt-jsonld@2.0.8, nuxt-mapbox@1.6.0\r\n- Build Modules: -\r\n------------------------------\n\n### Reproduction\n\nI can't reproduce it\n\n### Describe the bug\n\nTypescript throws me an error in common inline instances within the template, such as $route or $t (nuxtI18n).\r\nExample $route:\r\n\r\nExample $t:\r\n\r\n\r\nI also noticed that within the setup script, when I try, for example, to do an import of an interface that is in a .ts file, it does not recognise it, and tells me that all the files are in .js format.\r\n\r\n\r\nI cannot reproduce the problem, does anyone have an idea what the problem might be?\r\nThanks\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3241,3242],{"name":3187,"color":3188},{"name":3173,"color":3144},28761,"Typescript not recognize .ts file and commons instance on template.","2024-08-30T14:25:32Z","https://github.com/nuxt/nuxt/issues/28761",0.64170307,{"labels":3249,"number":3256,"owner":3149,"repository":3149,"state":3179,"title":3257,"updated_at":3258,"url":3259,"score":3260},[3250,3251,3252,3253],{"name":3204,"color":3205},{"name":3187,"color":3188},{"name":3173,"color":3144},{"name":3254,"color":3255},"layers","006B75",25230,"Wrong tsconfig when operating in monorepo","2024-05-24T14:00:23Z","https://github.com/nuxt/nuxt/issues/25230",0.64299923,{"description":3262,"labels":3263,"number":3270,"owner":3149,"repository":3163,"state":3179,"title":3271,"updated_at":3272,"url":3273,"score":3274},"### Environment\n\n- Operating System: `Windows_NT`\n- Node Version: `v22.11.0`\n- Nuxt Version: `3.16.2`\n- CLI Version: `3.24.1`\n- Nitro Version: `2.11.9`\n- Package Manager: `pnpm@9.12.2`\n- Builder: `-`\n- User Config: `future`, `compatibilityDate`, `devtools`, `modules`, `css`\n- Runtime Modules: `@nuxt/ui@3.0.2`, `@vueuse/nuxt@13.1.0`, `@vue-macros/nuxt@3.0.0-beta.8`\n- Build Modules: `-`\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.16.2\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/new-star-4x9vqf\n\njust run the repo check in terminal for warnings\n\n### Description\n\nhi, \n\ni am getting type warnings like this for all components, every thing works fine, i am not even using typescript in my Vue SFC\n\n```\n WARN warning: unplugin-vue-better-define TransformError: Cannot resolve TS type: ButtonProps 11:01:47 pm \n Plugin: unplugin-vue-better-define\n File: F:/node-local/nuxt-apps/nuxt-with-nuxt-ui/node_modules/.pnpm/@nuxt+ui@3.0.2_@babel+parser@7.27.0_db0@0.3.1_embla-carousel@8.6.0_ioredis@5.6.1_magicast@0.3_eiavxvfntsids5hrxwa6ymgw74/node_modules/@nuxt/ui/dist/runtime/components/Button.vue\n\n\n WARN warning: unplugin-vue-better-define TransformError: Cannot resolve TS type: LinkProps 11:01:46 pm \n Plugin: unplugin-vue-better-define\n File: F:/node-local/nuxt-apps/nuxt-with-nuxt-ui/node_modules/.pnpm/@nuxt+ui@3.0.2_@babel+parser@7.27.0_db0@0.3.1_embla-carousel@8.6.0_ioredis@5.6.1_magicast@0.3_eiavxvfntsids5hrxwa6ymgw74/node_modules/@nuxt/ui/dist/runtime/components/Link.vue\n\n\n WARN Cannot resolve TS type: LinkProps 11:01:46 pm \n\n at /F:/node-local/nuxt-apps/nuxt-with-nuxt-ui/node_modules/.pnpm/@vue-macros+api@3.0.0-beta.8_vue@3.5.13_typescript@5.8.3_/node_modules/@vue-macros/api/dist/index.js:1308:13 \n\n\n```\n\n### Additional context\n\nif i remove the `@vue-macros/nuxt` plugin all warnings gone\n\n### Logs\n\n```shell-script\n\n```",[3264,3265,3266,3267,3268],{"name":3140,"color":3141},{"name":3176,"color":3177},{"name":3160,"color":3161},{"name":3221,"color":3222},{"name":3269,"color":3222},"stale",3909,"conflict with @vue-macros/nuxt 'Type warnings'","2025-08-20T02:09:00Z","https://github.com/nuxt/ui/issues/3909",0.6468566,["Reactive",3276],{},["Set"],["ShallowReactive",3279],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fr_4Ji-8srA59zzsN4TyMPtT3TbdPtae9Gs6cOf5qx_w":-1},"/nuxt/ui/4778"]