Explicit import from #component of .client components throws an error server side

[huang-julien]

Environment

---

• Operating System: Linux
• Node Version: v16.15.0
• Nuxt Version: 3.0.0-rc.8
• Package Manager: yarn@3.2.3
• Builder: vite
• User Config: -
• Runtime Modules: -
• Build Modules: -

---

Reproduction

https://stackblitz.com/edit/github-ewymne?file=app.vue,components%2FHello.client.vue

Describe the bug

Hi 👋 I ran into this issue when trying to import a client only component with an explicit import

import { Hello } from "#components"

However it seems that a .server component fallback is mandatory for Nuxt server-side, I can workaround this by adding a Hello.server.vue but i don't think that this is an expected behavior.

Calling the component without specifying the import works.

Additional context

No response

Logs

No response

[huang-julien]

Not sure if this should be in a separate issue
https://stackblitz.com/edit/github-ewymne-tuweve?file=app.vue,components%2FHello.server.vue
adding a .server fallback and explicitly importing the component resultin a hydration mismatch

EDIT: my bad, explicit imports does not work even with #components. @danielroe Are .client.vue components supposed to be converted with createClientOnly when importing from #components ?