3 files changed, 10 insertions, 0 deletions
diff --git a/src-vue/package-lock.json b/src-vue/package-lock.json
index 1f142ea8..589cf98f 100644
--- a/src-vue/package-lock.json
+++ b/src-vue/package-lock.json
@@ -8,6 +8,7 @@
       "name": "src-vue",
       "version": "0.0.0",
       "dependencies": {
+        "@element-plus/icons-vue": "^2.0.9",
         "element-plus": "^2.2.17",
         "vue": "^3.2.37"
       },
diff --git a/src-vue/package.json b/src-vue/package.json
index a60f5ca6..43c19a1e 100644
--- a/src-vue/package.json
+++ b/src-vue/package.json
@@ -9,6 +9,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "@element-plus/icons-vue": "^2.0.9",
     "element-plus": "^2.2.17",
     "vue": "^3.2.37"
   },
diff --git a/src-vue/src/main.ts b/src-vue/src/main.ts
index a2d297be..048f8f30 100644
--- a/src-vue/src/main.ts
+++ b/src-vue/src/main.ts
@@ -1,6 +1,8 @@
 import { createApp } from 'vue'
 import App from './App.vue'
 import ElementPlus from "element-plus";
+import * as ElementPlusIconsVue from '@element-plus/icons-vue'
+
 
 // styles
 import 'element-plus/theme-chalk/index.css';
@@ -8,4 +10,10 @@ import './style.css'
 
 const app = createApp(App);
 app.use(ElementPlus);
+
+// icons
+for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
+    app.component(key, component);
+}
+
 app.mount('#app')