feat(SvgIcon): svg组件setup语法糖优化

src/components/SvgIcon/index.vue

@@ -4,12 +4,10 @@
   </svg>
 </template>
 
-<script>
+<script setup lang="ts">
-import { defineComponent, computed } from 'vue';
+import { computed } from 'vue';
 
-export default defineComponent({
+const props=defineProps({
-  name: 'SvgIcon',
-  props: {
   prefix: {
     type: String,
     default: 'icon',
@@ -21,13 +19,10 @@ export default defineComponent({
   color: {
     type: String,
     default: ''
-    },
+  }
-  },
+})
-  setup(props) {
+
-    const symbolId = computed(() => `#${props.prefix}-${props.iconClass}`);
+const symbolId = computed(() => `#${props.prefix}-${props.iconClass}`);
-    return { symbolId };
-  },
-});
 </script>
 
 <style scoped>