test: add async component in example

antfu · antfu · commit 203400b0ae5e · 2021-11-22T12:02:07.000+08:00
diff --git a/examples/vite-vue3/components.d.ts b/examples/vite-vue3/components.d.ts
@@ -6,19 +6,20 @@ declare module 'vue' {
   export interface GlobalComponents {
     Avatar: typeof import('./src/components/global/avatar.vue')['default']
     Book: typeof import('./src/components/book/index.vue')['default']
-    CarbonSvg: typeof import('./src/components/CarbonSvg.svg')['default']
+    CarbonSvg: typeof import('./src/components/CarbonSvg.svg?component')['default']
     ComponentA: typeof import('./src/components/ComponentA.vue')['default']
+    ComponentAsync: typeof import('./src/components/ComponentAsync.vue')['default']
     ComponentB: typeof import('./src/components/ComponentB.vue')['default']
     ComponentC: typeof import('./src/components/component-c.vue')['default']
     ComponentD: typeof import('./src/components/ComponentD.vue')['default']
-    IFaSolidDiceFive: typeof import('virtual:icons/fa-solid/dice-five')['default']
-    IHeroiconsOutlineMenuAlt2: typeof import('virtual:icons/heroicons-outline/menu-alt2')['default']
-    'IMdi:diceD12': typeof import('virtual:icons/mdi/dice-d12')['default']
-    IMdiLightAlarm: typeof import('virtual:icons/mdi-light/alarm')['default']
-    IRiApps2Line: typeof import('virtual:icons/ri/apps2-line')['default']
+    IFaSolidDiceFive: typeof import('~icons/fa-solid/dice-five')['default']
+    IHeroiconsOutlineMenuAlt2: typeof import('~icons/heroicons-outline/menu-alt2')['default']
+    'IMdi:diceD12': typeof import('~icons/mdi/dice-d12')['default']
+    IMdiLightAlarm: typeof import('~icons/mdi-light/alarm')['default']
+    IRiApps2Line: typeof import('~icons/ri/apps2-line')['default']
     MarkdownA: typeof import('./src/components/MarkdownA.md')['default']
     MarkdownB: typeof import('./src/components/MarkdownB.md')['default']
-    MyCustom: typeof import('./src/CustomResolved.vue')['default']
+    MyCustom: typeof import('./../../../../../../src/CustomResolved.vue')['default']
     Recursive: typeof import('./src/components/Recursive.vue')['default']
     UiButton: typeof import('./src/components/ui/button.vue')['default']
     UiNestedCheckbox: typeof import('./src/components/ui/nested/checkbox.vue')['default']
diff --git a/examples/vite-vue3/src/App.vue b/examples/vite-vue3/src/App.vue
@@ -1,5 +1,5 @@
 <script setup lang='ts'>
-import { ref } from 'vue'
+import { ref, defineAsyncComponent } from 'vue'
 
 const tree = ref({
   label: 'Top Level',
@@ -9,6 +9,8 @@ const tree = ref({
   ],
 })
 
+const ComponentAsync = defineAsyncComponent(() => import('./components/ComponentAsync.vue'))
+
 const rate = ref(2.5)
 const radio = ref('1')
 </script>
@@ -34,6 +36,11 @@ const radio = ref('1')
     <Avatar />
   </div>
 
+  <div class="block">
+    <h1>Async (2)</h1>
+    <ComponentAsync />
+  </div>
+
   <div class="block">
     <h1>Markdown (2)</h1>
     <MarkdownA />
diff --git a/examples/vite-vue3/src/components/ComponentA.vue b/examples/vite-vue3/src/components/ComponentA.vue
@@ -3,8 +3,6 @@
 </template>
 
 <script setup lang='ts'>
-import { defineProps } from 'vue'
-
 const props = defineProps({
   msg: String,
 })
diff --git a/examples/vite-vue3/src/components/ComponentAsync.vue b/examples/vite-vue3/src/components/ComponentAsync.vue
@@ -0,0 +1,5 @@
+<template>
+  <div>
+    This should be import async
+  </div>
+</template>
