Dynamic component with auto imported components (component is)

Environment

Stackblitz

Reproduction

https://stackblitz.com/edit/nuxt3-windicss-rktywp?file=components/Dynamic.vue

Describe the bug

<component :is doesn’t import components if they are not registered inside the dynamic component itself. From my recollection, this didn’t occur in Nuxt2.

Additional context

No response

Logs

No response

[danielroe]

You either need to set components.global to true, or you can specifically resolve components you need, e.g.:

<template>
  <component :is="computedComp" />
</template>

<script setup>
const computedComp = computed(() => thing ? resolveComponent('LazySomeComponent') : resolveComponent('SomeOtherComponent'))
</script>

See https://github.com/nuxt/framework/discussions/2883.

[danielroe]

The point is that it has to be a string so we can know to import it at build time. If you want to handle it dynamically you will need to set that component directory as a global component (or indeed all of your components as globally registered).