fix: avoid native tag as component

playground/src/App.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { defineAsyncComponent } from '@vue/composition-api'
-
+import ButtonTest from './ButtonTest.vue';
 import HelloWorld from './HelloWorld.vue'
 
 const AsyncComponent = defineAsyncComponent(() => import('./Async.vue'))
@@ -12,6 +12,8 @@ function onUpdate(e: any) {
 </script>
 <template>
   <div>
+    <ButtonTest />
+
     <HelloWorld name="Vue 2" @update="onUpdate" />
 
     <AsyncComponent />

playground/src/ButtonTest.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+import Button from './Foo.vue';
+import button from './Foo.vue';
+</script>
+
+<template>
+  <div>
+    <button>{{ Button }}</button>
+    <Button>{{ button }}</Button>
+  </div>
+</template>

playground/src/Foo.vue

@@ -1,3 +1,8 @@
-<template>
-  <div>Foo</div>
-</template>
+<script setup lang="ts">
+
+</script>
+<template>
+  <div>
+    Button Component: <slot></slot>
+  </div>
+</template>