unplugin-vue-components conflict

[AQian0]

Environment

• Vue Version: 3.5.13
• Package Mannger: bun
• Bun Version: 1.1.45

Is this bug related to Nuxt or Vue?

Vue

Version

v3.0.0-alpha.11

Reproduction

https://codesandbox.io/p/devbox/morning-grass-t68z6n

Description

As shown in the example, components in Nuxt UI cannot be imported automatically.
When unplugin-vue-components is imported and used separately, the auto import in Nuxt UI is disabled.

However, unplugin-auto-import seems to work properly with Nuxt UI.

Additional context

No response

Logs

[imamnf]

I'm having the same issue. Have you had any workaround?

[imamnf]

So I've been wandering around the source code. How do I say it...

Why is Nuxt UI not auto importing when there is already a separate installed unplugin-vue-components? Because Nuxt UI is wrapping unplugin-vue-components inside it, not as one of resolvers. So they create its own declaration.

Try to switch the order inside vite.config (UI first, then Components); then you will get the components.d.ts from Nuxt UI.

So my question is, how to merge the two of them? I don't know how to do it, and it seems complicated when you already have an option within your own unplugin-vue-components.

Anyway, thank you for providing the issues, and thank you to the Nuxt team for everything.

Sorry for my broken English, and if I made a mistake about the information I got from the script.