diff --git a/luckydiamond/src/pages/HomePage.vue b/luckydiamond/src/pages/HomePage.vue
index 74e5ea4..3ae4a10 100644
--- a/luckydiamond/src/pages/HomePage.vue
+++ b/luckydiamond/src/pages/HomePage.vue
@@ -98,25 +98,25 @@
 <script>
 import HeaderElementPage from "@/pages/HeaderElement.vue";
 import AsideBarElement from "@/pages/AsidebarElement.vue";
-import gameModes from "@/mocks/GameModes";
+import GameModes from "@/mocks/GameModes";
 
 export default {
   name: 'HomePage',
   components: {AsideBarElement, HeaderElementPage },
   data() {
     return {
-      gameModes
+      GameModes
     }
   },
   computed: {
     mainGameMode() {
-      return this.gameModes.filter(mode => [1].includes(mode.id))
+      return this.GameModes.filter(mode => [1].includes(mode.id))
     },
     firstlineGameMode() {
-      return this.gameModes.filter(mode => [2,3].includes(mode.id))
+      return this.GameModes.filter(mode => [2,3].includes(mode.id))
     },
     TwolineGameMode() {
-      return this.gameModes.filter(mode => [4,5].includes(mode.id))
+      return this.GameModes.filter(mode => [4,5].includes(mode.id))
     }
   }
 }
diff --git a/luckydiamond/src/router/router.js b/luckydiamond/src/router/router.js
index 665aa99..3b9ec02 100644
--- a/luckydiamond/src/router/router.js
+++ b/luckydiamond/src/router/router.js
@@ -1,9 +1,9 @@
 import { createRouter, createWebHistory } from "vue-router";
 
-import homePage from "../pages/HomePage.vue";
+import HomePage from "../pages/HomePage.vue";
 export default createRouter({
     history: createWebHistory(),
     routes: [
-        { path: '/', component: homePage, name: 'home' }
+        { path: '/', component: HomePage, name: 'home' }
     ]
 })
\ No newline at end of file