component registering in < script setup>

[Darma1106]

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

How to register component with name in < script setup> to make a active component ?

[LinusBorg]

Don't use names, use the Component object directly.

<script setup>
import ComponentA from './ComponentA.vue'
import ComponentB from './ComponentB.vue'

const componentName = ref()

function toggleComponent() {
  componentName.value =  componentName.value === ComponentA
    ? ComponentB
    : ComponentA
}
</script>