Request import { Template } from 'vue'

[s3xysteak]

For example:

const ExampleComponent = defineComponent(
  props => {
    return () => <props.as></props.as>
  },
  { 
    props: { 
      as: { 
        type: [Object, String], 
        default: 'div' 
      }
    } 
  }
)

It seems good at

<template>
  <ExampleComponent as="button" />
</template>

However, when I use it as template:

<template>
  <SomeOtherComponent>
    <ExampleComponent as="template" v-for="item in list" :key="item.id" />
  </SomeOtherComponent>
</template>

It becomes a <template> HTML instead of <template> component in vue.
So I think we need a export component like:

<script setup>
import { template } from 'vue'
</script>

<template>
  <SomeOtherComponent>
    <ExampleComponent :as="template" v-for="item in list" :key="item.id" />
  </SomeOtherComponent>
</template>