添加svg-sprite-loader

src/components/svgIcon.vue

@@ -0,0 +1,40 @@
+<template>
+  <svg :class="svgClass" v-bind="$attrs" :style="{color: color}">
+    <use :xlink:href="iconName"/>
+  </svg>
+</template>
+
+<script setup>
+
+
+import { defineProps, computed } from "vue";
+
+const props = defineProps({
+  name: {
+      type: String,
+      required: true
+    },
+    color: {
+      type: String,
+      default: ''
+    }
+})
+
+const iconName = computed(()=>`#icon-${props.name}`);
+const svgClass = computed(()=> {
+  console.log(props.name, 'props.name');
+  if (props.name) {
+        return `svg-icon icon-${props.name}`
+      }
+      return 'svg-icon'
+});
+</script>
+
+<style lang='less'>
+.svg-icon {
+  width: 1em;
+  height: 1em;
+  fill: currentColor;
+  vertical-align: middle;
+}
+</style>