feat(module): add experimental.componentDetection option

[benjamincanac]

🔗 Linked issue

Resolves #5212

❓ Type of change

• 📖 Documentation (updates to the documentation or readme)
• 🐞 Bug fix (a non-breaking change that fixes an issue)
• 👌 Enhancement (improving an existing functionality)
• ✨ New feature (a non-breaking change that adds functionality)
• 🧹 Chore (updates to the build process or auxiliary tools and libraries)
• ⚠️ Breaking change (fix or feature that would cause existing functionality to change)

📚 Description

Adds an experimental.componentDetection option for automatic tree-shaking of component styles which only generates theme files for components actually used in your application, reducing CSS bundle size and improving LCP performance

📝 Checklist

• I have linked an issue or discussion.
• I have updated the documentation accordingly.

[pkg-pr-new]

npm i https://pkg.pr.new/@nuxt/ui@5222

commit: 699a27f

[maxarias-io]

Heads up:

[nuxi 1:39:42 PM]  ERROR  Nuxt Build Error: [vite:load-fallback] Could not load /Users/myprojectpathhere/node_modules/.cache/nuxt/.nuxt//ui/accordion (imported by node_modules/@nuxt/ui/dist/runtime/components/Accordion.vue): ENOENT: no such file or directory, open '/Users/myprojectpathhere/node_modules/.cache/nuxt/.nuxt//ui/accordion'

Look like you got a double slash

[benjamincanac]

@maxarias-io I'm having a hard-time reproducing your error, do you have a simple reproduction? Since the error reports node_modules/.cache have you tried a clean install?

[maxarias-io]

@maxarias-io I'm having a hard-time reproducing your error, do you have a simple reproduction? Since the error reports node_modules/.cache have you tried a clean install?

Sorry no minimal repro, this is a big project

I did retry with a clean install: rm -rf node_modules/ && rm -rf .nuxt/ && yarn && yarn build && yarn start no luck, same error.

Here's my info:

------------------------------
- Operating System: Darwin
- Node Version:     v24.8.0
- Nuxt Version:     4.1.0
- CLI Version:      3.28.0
- Nitro Version:    2.12.5
- Package Manager:  [email protected]
- Builder:          -
- User Config:      app, colorMode, compatibilityDate, critters, css, devtools, eslint, experimental, fonts, hooks, icon, image, modules, nitro, nuxt-jsonld, ogImage, pinia, pinoLogs, router, routeRules, runtimeConfig, scripts, site, sourcemap, srcDir, ui, vite, vitalizer
- Runtime Modules:  @pinia/[email protected], @vueuse/[email protected], [email protected], @nuxtjs/[email protected], @nuxt/[email protected], [email protected], @nuxt/[email protected], v-satori/[email protected], @nuxt/[email protected], @nuxtjs/[email protected], unplugin-icons/[email protected], @nuxt/test-utils/[email protected], @nuxt/[email protected], motion-v/[email protected], @nuxt/[email protected], @nuxtjs/[email protected], [email protected]
- Build Modules:    -
------------------------------