diff --git a/event/web/package.json b/event/web/package.json
index de7c9fa7bc75615ffea6b4f4fd0746ba9550c28f..35120640742d296a2058292b118e18cb6b950580 100644
--- a/event/web/package.json
+++ b/event/web/package.json
@@ -9,6 +9,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "element-plus": "^2.8.8",
     "vue": "^3.5.12"
   },
   "devDependencies": {
diff --git a/event/web/src/main.ts b/event/web/src/main.ts
index 2425c0f745bef4d009cb6661b62fd9dfd62960b0..9a4255f2ce6a477e292c8a7e90cad171f80d373b 100644
--- a/event/web/src/main.ts
+++ b/event/web/src/main.ts
@@ -1,5 +1,17 @@
 import { createApp } from 'vue'
 import './style.css'
+
+import ElementPlus from 'element-plus';
+import 'element-plus/dist/index.css'
+import * as ElementPlusIconsVue from '@element-plus/icons-vue'
+
 import App from './App.vue'
 
-createApp(App).mount('#app')
+export const app = createApp(App)
+app.use(ElementPlus)
+
+for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
+  app.component(key, component)
+}
+
+app.mount('#app')
\ No newline at end of file