How to generate custom tag/element(component) using insertAdjacentHTML in Vue

Using insertAdjacentHTML I can make div, span etc .. html element but cannot make custom tag forexample <myComponent> </myComponent>

Basically insertAdjacentHTML can generate html element, that’s I know but custom Component is also consisted with html tag. So I think there must be a way, generate custom element using like insertAdjacentHTML or else.

I tried test component and basic html element.
what I want is not generate html element but component.

code below is what I tried

“when someone click a button, then generate component” is my purpos

<template>
<button @click="test"></button>
</template>

<script setup>
import multiSelectComp from '@/views/utils/multiSelectComp'
function test(){
let tag = document.getElementById('test3');
  tag.insertAdjacentHTML("afterend", `<multiselect 
        :arg=true>
    </multiselect>`)
}
</script>