From 619b5e72d02b0944e0a1fc24a506cc81059c7dbf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=89=E5=92=B2=E6=99=BA=E5=AD=90?= <sxzz@sxzz.moe>
Date: Mon, 27 Nov 2023 15:07:45 +0800
Subject: [PATCH] refactor: simplify bundle files

---
 packages/vue/build/generate.ts | 9 ++++-----
 playground/src/App.vue         | 3 +++
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/packages/vue/build/generate.ts b/packages/vue/build/generate.ts
index e952f44..82b3331 100644
--- a/packages/vue/build/generate.ts
+++ b/packages/vue/build/generate.ts
@@ -56,11 +56,10 @@ async function transformToVueComponent(file: string) {
 <template>
 ${content}
 </template>
-<script lang="ts">
-import type { DefineComponent } from 'vue'
-export default ({
-  name: "${componentName}",
-}) as DefineComponent
+<script lang="ts" setup>
+defineOptions({
+  name: ${JSON.stringify(componentName)}
+})
 </script>`,
     'vue',
   )
diff --git a/playground/src/App.vue b/playground/src/App.vue
index bca5477..56eadb1 100644
--- a/playground/src/App.vue
+++ b/playground/src/App.vue
@@ -1,8 +1,11 @@
 <script lang="ts" setup>
 import { icons } from '@element-plus/icons-vue/global'
+import { Upload } from '@element-plus/icons-vue'
 </script>
 
 <template>
+  <Upload class="icon" />
+  <hr />
   <component :is="Icon" v-for="(Icon, key) in icons" :key="key" class="icon" />
   <hr />
   <component