refactor: simplify bundle files

element-plus · Nov 27, 2023 · 619b5e7 · 619b5e7
1 parent 96643f1
commit 619b5e7
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git 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
@@ -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