feature proposal: make <component :is='xx' work

[lishaobos]

Clear and concise description of the problem

<component :is='xx' is not work.

Suggested solution

user can provide some comments:

/* unplugin-vue-components ['name1', 'name2'] */

or we can provide API like this:

defineUnpluginComponents(
    ['name1', 'name2']
)

and then we auto imported name1,name2

before

(_openBlock(), _createBlock(_resolveDynamicComponent("name1")))

after

import name1 from 'xx'
import name2 from 'xx'

const _getUnpluginDynamicComponent = name => {
  const _unpluginDynamicComponent = {
      name1,
      name2
  }

  return _unpluginDynamicComponent[name] || name
}


// we can replace the _resolveDynamicComponent
(_openBlock(), _createBlock(_resolveDynamicComponent(_getUnpluginDynamicComponent("name1"))))


// or we can inject components
defineCompoennt({
  components: { name1, name2  },
  setup() {
  // ...
  }
})

Alternative

No response

Additional context

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guide.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate### Clear and concise

[lishaobos]

@antfu need some advice.

[antfu]

Thanks, but no. This is considered out of scope. If you need to do that, I'd suggest importing components explicitly or registering them as global components.

[lishaobos]

ok, i got it

[MrXiaoChuan]

要想使用<component :is='xx'，只能全局注册，就导致我都全局注册了组件库，为啥要用unplugin-vue-components插件

[edgexie]

const icons = ['carbon-drone', 'mdi-controller-outline', 'tabler-drone-off']
if I want v-for render those icons,
I think component :is is useful
但我看到不支持，那还有什么好办法么？