diff --git a/luckydiamond/src/App.vue b/luckydiamond/src/App.vue
index 7b56f4f..8f31e9b 100644
--- a/luckydiamond/src/App.vue
+++ b/luckydiamond/src/App.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="app">
-
+    <router-view></router-view>
   </div>
 </template>
 
diff --git a/luckydiamond/src/main.js b/luckydiamond/src/main.js
index 01433bc..a2db1e8 100644
--- a/luckydiamond/src/main.js
+++ b/luckydiamond/src/main.js
@@ -1,4 +1,9 @@
 import { createApp } from 'vue'
 import App from './App.vue'
 
-createApp(App).mount('#app')
+import router from "@/router/router";
+
+const app = createApp(App)
+app.use(router)
+
+app.mount('#app')
diff --git a/luckydiamond/src/router/router.js b/luckydiamond/src/router/router.js
index e69de29..230bccc 100644
--- a/luckydiamond/src/router/router.js
+++ b/luckydiamond/src/router/router.js
@@ -0,0 +1,8 @@
+import { createRouter, createWebHistory } from "vue-router";
+
+export default createRouter({
+    history: createWebHistory(),
+    routes: [
+        { path: '/', component: HomePage, name: 'home' }
+    ]
+})
\ No newline at end of file