封裝Vue 的 SVG 元件

svg靜態資源

在assets下新建一個 svg 資料夾，用於存放svg圖片

svgIcon元件

在components 下新建一個資料夾，包含兩個檔案index.ts和SvgIcon.vue

vue.config.js

main.ts

需要引入元件svgIcon

使用

**.vue

<svg-icon iconClass="invite" className="icon icon-invite" />

**.scss

.icon-invite {

width: 12px;

height: 12px;

color: var(--color-primary);

}