install icons

package.json

@@ -17,11 +17,13 @@
     "vue-router": "4"
   },
   "devDependencies": {
+    "@iconify/json": "^2.2.163",
     "@vitejs/plugin-vue": "^1.1.5",
     "@vue/compiler-sfc": "^3.0.5",
     "mockjs": "^1.1.0",
     "sass": "^1.30.0",
     "unplugin-auto-import": "^0.5.11",
+    "unplugin-icons": "^0.18.1",
     "unplugin-vue-components": "^0.17.18",
     "vite": "^3.1.7",
     "vite-plugin-mock": "^2.9.4",

src/views/dashboard/index.vue

@@ -48,7 +48,7 @@
 </template>
 
 <script setup>
-import {Bell, Money, Sell, User, View} from "@element-plus/icons-vue"
+import {Money, Sell, User, View} from "@element-plus/icons-vue"
 </script>
 <style lang="scss" scoped>
 .data-cards {

vite.config.js

@@ -6,6 +6,7 @@ import AutoImport from 'unplugin-auto-import/vite'
 import Components from 'unplugin-vue-components/vite'
 import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
 import vueSetupExtend from 'vite-plugin-vue-setup-extend'
+import Icons from 'unplugin-icons/vite'
 
 
 // https://vitejs.dev/config/
@@ -27,6 +28,7 @@ export default defineConfig(({ command }) => {
         resolvers: [ElementPlusResolver()],
       }),
       vueSetupExtend(),
+      Icons(),
     ]
   }
 })