Repository navigation
[Docs] auto-import type declarations might not generated in the integration with vue projects #6769
Description
Package
v4.x
Description
We know that Nuxt UI uses unplugin-auto-import and unplugin-vue-components vite plugins, which should generate the files:
auto-imports.d.tscomponents.d.ts
on development/production environments.
The problem is that these declaration files are generated by Vite plugins, while the default Vue project boilerplate currently uses the following build setup:
{
"name": "vue-project",
"version": "0.0.0",
"private": true,
"type": "module",
"scripts": {
"dev": "vite",
"build": "run-p type-check \"build-only {@}\" --",
"preview": "vite preview",
"build-only": "vite build",
"type-check": "vue-tsc --build"
},
"dependencies": {
"vue": "^3.5.40"
}
}The build script above runs two processes in parallel : type-checking, vite build process.
This can create a race condition, because vue-tsc can possibly start before the Vite plugins, that have generated the required declaration files.
For example, a clean build may fail with a message like this:
error TS2304: Cannot find name 'useToast'.
This is expected because vue-tsc has no knowledge of the Nuxt UI auto-imports until auto-imports.d.ts has been generated.
I think it worth mentioning in Vue specific docs, as this is the default boilerplate of package.json that many people use.
Additional context
No response
Activity
coderabbitai commentedon Jul 23, 2026
🔗 Related PRs
#6595 - feat(vite): add
rootoption to override.nuxt-uidirectory location [closed]#6635 - feat(unplugin): pre-bundle used icons into the Vue/Vite build [merged]
#6728 - test: add benchmarks [merged]
#6731 - feat(vue): support experimental.componentDetection [open]
📝 Issue Planner
Check the box below or use the
@coderabbitai plancommand to generate an implementation plan and prompts that you can use with your favorite coding assistant.🧪 Issue enrichment is currently in open beta.
You can configure auto-planning by selecting labels in the issue_enrichment configuration.
To disable automatic issue enrichment, add the following to your
.coderabbit.yaml:💬 Have feedback or questions? Drop into our discord!
[-][Docs] auto-import type declarations might not generated in the integration with vue[/-][+][Docs] auto-import type declarations might not generated in the integration with vue projecrs[/+][-][Docs] auto-import type declarations might not generated in the integration with vue projecrs[/-][+][Docs] auto-import type declarations might not generated in the integration with vue projects[/+]