\n\n```\n\u003Cdiv class=\"space-y-2\">\n \u003Cu-card variant=\"solid\" :ui=\"{ body: 'text-white' }\">Solid\u003C/u-card>\n\n \u003Cu-card variant=\"outline\">Outline\u003C/u-card>\n\n \u003Cu-card variant=\"soft\">Soft\u003C/u-card>\n\n \u003Cu-card variant=\"subtle\">Subtle\u003C/u-card>\n\n \u003Cu-card variant=\"ghost\">Ghost\u003C/u-card>\n \u003C/div>\n\n \u003Cdiv class=\"space-y-2\">\n \u003Cu-alert variant=\"solid\">\u003Ctemplate #title>Solid\u003C/template>\u003C/u-alert>\n\n \u003Cu-alert variant=\"outline\">\u003Ctemplate #title>Outline\u003C/template>\u003C/u-alert>\n\n \u003Cu-alert variant=\"soft\">\u003Ctemplate #title>Soft\u003C/template>\u003C/u-alert>\n\n \u003Cu-alert variant=\"subtle\">\u003Ctemplate #title>Subtle\u003C/template>\u003C/u-alert>\n\n \u003Cu-alert variant=\"ghost\">\u003Ctemplate #title>Ghost\u003C/template>\u003C/u-alert>\n \u003C/div>\n```\n\nBut they throw TypeScript errors. I also see that they are not present in the docs. Is this intended or not? If so, I'd expect to have these mentioned in the docs, with the default options exposed in the `app.config.ts` template, so that they can be easily overridden if needed.\n\nAI agents in particular tend to detect these errors and try to fix them while being instructed to do other things, wasting time, tokens and possibly messing up the code.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3248,3249,3250],{"name":3146,"color":3147},{"name":3163,"color":3164},{"name":3166,"color":3167},4778,"On some elements, variant=\"ghost\" throws TypeScript errors even though they work fine","2025-08-19T09:23:17Z","https://github.com/nuxt/ui/issues/4778",0.6647281,{"description":3257,"labels":3258,"number":3263,"owner":3152,"repository":3152,"state":3175,"title":3264,"updated_at":3265,"url":3266,"score":3267},"### Environment\n\n```\r\n------------------------------\r\n- Operating System: Linux\r\n- Node Version: v16.20.0\r\n- Nuxt Version: 3.6.3\r\n- Nitro Version: 2.5.2\r\n- Package Manager: npm@9.4.2\r\n- Builder: vite\r\n- User Config: -\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n------------------------------\r\n```\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-fmsgrj?file=tsconfig.json,components%2FHello.vue,app.vue,package.json,types%2Ftest.d.ts\r\n\r\n\r\n1. Run `npm run typecheck`\r\n2. Run `npm run dev`\n\n### Describe the bug\n\nI've tried to create globally available types for my Nuxt app and I've failed after many attempts.\r\n\r\nWhen you create a `types.d.ts` file with a type declaration it is available in the IDE and `nuxi typecheck` works like a charm not reporting any errors. However, when `nuxi dev` or `nuxi build` is run, it fails throwing `Unresolvable type reference or unsupported built-in utility type ` error.\r\n\r\n```ts\r\n// types.d.ts\r\ndeclare interface MyProps {\r\n prop: string\r\n}\r\n```\r\n\r\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\nNuxi 3.6.3 12:58:56 AM\r\nNuxt 3.6.3 with Nitro 2.5.2 12:58:56 AM\r\n 12:59:00 AM\r\n > Local: http://localhost:3000/ \r\n > Network: http://192.168.1.104:3000/\r\n\r\n\r\n ERROR [@vue/compiler-sfc] Unresolvable type reference or unsupported built-in utility type 12:59:06 AM\r\n\r\n/home/projects/github-fmsgrj/components/Hello.vue\r\n1 | \u003Cscript setup lang=\"ts\">\r\n2 | const props = defineProps\u003CTestProps>();\r\n | ^^^^^^^^^\r\n3 | \u003C/script>\r\n4 | \r\n\r\nℹ Vite client warmed up in 1617ms 12:59:07 AM\r\n✔ Nitro built in 867 ms \r\n```\n```\n",[3259,3260,3261,3262],{"name":3140,"color":3141},{"name":3219,"color":3220},{"name":3185,"color":3186},{"name":3149,"color":3150},22209,"`dev` and `build` do not recognize declared types but `typecheck` does.","2023-07-19T10:28:26Z","https://github.com/nuxt/nuxt/issues/22209",0.66650134,{"description":3269,"labels":3270,"number":3276,"owner":3152,"repository":3174,"state":3175,"title":3277,"updated_at":3278,"url":3279,"score":3280},"### Environment\n\n- Operating System: Darwin\n- Node Version: v20.12.0\n- Nuxt Version: - (using vue@latest)\n- CLI Version: 3.15.0\n- Nitro Version: -\n- Package Manager: pnpm@9.0.4\n- Builder: -\n- User Config: -\n- Runtime Modules: -\n- Build Modules: -\n\n### Version\n\nv3.0.0-alpha.8\n\n### Reproduction\n\nhttps://github.com/zugende/nuxt-ui-type-error-repro\n\n### Description\n\nWhen creating a fresh standalone Vue app using `pnpm create vue@latest` and then installing nuxt/ui by following the instructions here: https://ui3.nuxt.dev/getting-started/installation/vue one get type errors during the build process running `pnpm build`.\n\n👀 Update 15. Nov: Workaround is to disable type-check in your build command\n``` bash\n❌ \"build\": \"run-p type-check \\\"build-only {@}\\\" --\",\n✅ \"build-only\": \"vite build\",\n```\n\n### Additional context\n\n_No response_\n\n### Logs\n\n// more than 160 errors (shortened)\n\nnode_modules/.pnpm/@nuxt+ui@3.0.0-alpha.8_@babel+parser@7.26.2_embla-carousel@8.3.1_rollup@4.24.4_typescript@5.6_yljlai3w6pxxgcxew5prmihdom/node_modules/@nuxt/ui/dist/runtime/components/Tabs.vue:5:24 - error TS2307: Cannot find module '#build/app.config' or its corresponding type declarations.\n\n5 import _appConfig from '#build/app.config'\n ~~~~~~~~~~~~~~~~~~~\n\nnode_modules/.pnpm/@nuxt+ui@3.0.0-alpha.8_@babel+parser@7.26.2_embla-carousel@8.3.1_rollup@4.24.4_typescript@5.6_yljlai3w6pxxgcxew5prmihdom/node_modules/@nuxt/ui/dist/runtime/components/Textarea.vue:4:24 - error TS2307: Cannot find module '#build/app.config' or its corresponding type declarations.\n\n4 import _appConfig from '#build/app.config'\n ~~~~~~~~~~~~~~~~~~~\n\n[.....]\n\nFound 165 errors.",[3271,3272,3273],{"name":3146,"color":3147},{"name":3163,"color":3164},{"name":3274,"color":3275},"vue","42b883",2560,"Vue Vite plugin is causing type errors","2025-05-06T16:09:54Z","https://github.com/nuxt/ui/issues/2560",0.66838354,["Reactive",3282],{},["Set"],["ShallowReactive",3285],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fSvA0_ZrUSYANvW4amOBY1r5uHNShL1WyGrHRtY8GoVI":-1},"/nuxt/scripts/256"]