From 81952277255acde0a705bcd2028daecc57a2c388 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=83=9D=E5=85=88=E7=91=9E?= <1490493387@qq.com>
Date: Sun, 2 Jan 2022 10:16:01 +0800
Subject: [PATCH] =?UTF-8?q?feat(SvgIcon):=20svg=E7=BB=84=E4=BB=B6setup?=
 =?UTF-8?q?=E8=AF=AD=E6=B3=95=E7=B3=96=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/SvgIcon/index.vue | 37 ++++++++++++++------------------
 1 file changed, 16 insertions(+), 21 deletions(-)

diff --git a/src/components/SvgIcon/index.vue b/src/components/SvgIcon/index.vue
index c612a517..05cc3cde 100644
--- a/src/components/SvgIcon/index.vue
+++ b/src/components/SvgIcon/index.vue
@@ -4,30 +4,25 @@
   </svg>
 </template>
 
-<script>
-import { defineComponent, computed } from 'vue';
+<script setup lang="ts">
+import { computed } from 'vue';
 
-export default defineComponent({
-  name: 'SvgIcon',
-  props: {
-    prefix: {
-      type: String,
-      default: 'icon',
-    },
-    iconClass: {
-      type: String,
-      required: true,
-    },
-    color: {
-      type: String,
-      default: ''
-    },
+const props=defineProps({
+  prefix: {
+    type: String,
+    default: 'icon',
   },
-  setup(props) {
-    const symbolId = computed(() => `#${props.prefix}-${props.iconClass}`);
-    return { symbolId };
+  iconClass: {
+    type: String,
+    required: true,
   },
-});
+  color: {
+    type: String,
+    default: ''
+  }
+})
+
+const symbolId = computed(() => `#${props.prefix}-${props.iconClass}`);
 </script>
 
 <style scoped>