add fix chat

luckydiamond/src/pages/HomePage.vue

@@ -11,7 +11,16 @@
       <div class="main__content">
         <h3>онлайн-казино</h3>
         <h1>lucky diamond</h1>
-        <h4>minecraft casino - <span :class="{ 'animate__text--main__block': !AnimationOff, 'default__text--main__block': AnimationOff }">spm</span></h4>
+        <h4>
+          minecraft casino -
+          <span
+            :class="{
+              'animate__text--main__block': !AnimationOff,
+              'default__text--main__block': AnimationOff,
+            }"
+            >spm</span
+          >
+        </h4>
       </div>
     </main>
 
@@ -23,16 +32,18 @@
       <div class="gamemode__content--card">
         <div class="gamemode__main bg-card">
           <ul>
-            <li
+            <li v-for="mode in mainGameMode" :key="mode.id">
-                v-for="mode in mainGameMode"
-                :key="mode.id"
-            >
               <div class="line__content">
                 <h3 class="title-firstline">{{ mode.title }}</h3>
                 <div class="line__footer">
-                  <img src="../assets/icons-gamemodes/bomb-icon.svg">
+                  <img src="../assets/icons-gamemodes/bomb-icon.svg" />
                   <div class="line__btn--main">
-                    <a href="#" @click="$router.push({ name: 'saper' })" class="line__btn">play <span class="line__btn--elm">></span></a>
+                    <a
+                      href="#"
+                      @click="$router.push({ name: 'saper' })"
+                      class="line__btn"
+                      >play <span class="line__btn--elm">></span></a
+                    >
                   </div>
                 </div>
               </div>
@@ -43,19 +54,24 @@
           <div class="gamemode__firstline bg-card">
             <ul>
               <li
-                  v-for="mode in firstlineGameMode"
+                v-for="mode in firstlineGameMode"
-                  :key="mode.id"
+                :key="mode.id"
-                  class="display-firstline"
+                class="display-firstline"
               >
                 <div :class="'linecontent-' + mode.id">
                   <div class="container">
                     <h1 class="title-firstline">{{ mode.title }}</h1>
                     <!-- <a href="#" class="line__btn">play <span class="line__btn--elm">></span></a> -->
-                    <a href="#" @click="$router.push({ name: 'jackpot' })" class="line__btn">play <span class="line__btn--elm">></span></a>
+                    <a
+                      href="#"
+                      @click="$router.push({ name: 'jackpot' })"
+                      class="line__btn"
+                      >play <span class="line__btn--elm">></span></a
+                    >
                   </div>
                 </div>
                 <div class="line__img">
-                  <img src="@/assets/icons-gamemodes/case-icon.png">
+                  <img src="@/assets/icons-gamemodes/case-icon.png" />
                 </div>
               </li>
             </ul>
@@ -63,40 +79,41 @@
           <div class="gamemode__twolines">
             <div class="gamemode__twoline--first__element bg-card">
               <ul>
-                <li
+                <li v-for="mode in twolinefirstelementGameMode" :key="mode">
-                    v-for="mode in twolinefirstelementGameMode"
-                    :key="mode"
-                >
                   <div :class="'linecontent-' + mode.id">
                     <h3 class="title-twoline">{{ mode.title }}</h3>
                   </div>
                   <div class="container">
-                    <a href="#" class="line__btn">play <span class="line__btn--elm ">></span></a>
+                    <a href="#" class="line__btn"
-                    <img src="@/assets/icons-gamemodes/slots-icon.png">
+                      >play <span class="line__btn--elm">></span></a
+                    >
+                    <img src="@/assets/icons-gamemodes/slots-icon.png" />
                   </div>
                 </li>
               </ul>
             </div>
             <div class="gamemode__twoline--two__element bg-card">
               <ul>
-                <li
+                <li v-for="mode in twolinetwoelementGameMode" :key="mode.id">
-                    v-for="mode in twolinetwoelementGameMode"
-                    :key="mode.id"
-                >
                   <div :class="'linecontent-' + mode.id">
                     <h3 class="title-twoline">{{ mode.title }}</h3>
                   </div>
                   <div class="container">
                     <!-- <a href="#" class="line__btn">play <span class="line__btn--elm">></span></a> -->
-                    <a href="#" @click="$router.push({ name: 'crash' })" class="line__btn">play <span class="line__btn--elm">></span></a>
+                    <a
-                    <img src="@/assets/icons-gamemodes/crush-icon.svg">
+                      href="#"
+                      @click="$router.push({ name: 'crash' })"
+                      class="line__btn"
+                      >play <span class="line__btn--elm">></span></a
+                    >
+                    <img src="@/assets/icons-gamemodes/crush-icon.svg" />
                   </div>
                 </li>
               </ul>
             </div>
           </div>
         </div>
-        </div>
+      </div>
     </section>
   </div>
 </template>
@@ -105,18 +122,24 @@
 import HeaderComponent from "@/components/HeaderComponent.vue";
 import AsideBarComponent from "@/components/AsidebarComponent.vue";
 import HomemobilePage from "@/pages/adaptive-pages/HomemobilePage.vue";
+import ChatComponent from "@/components/ChatComponent.vue";
 import GameModes from "@/mocks/GameModes";
-import '@/assets/css/PagesStyles/home.css'
+import "@/assets/css/PagesStyles/home.css";
 
 export default {
-  name: 'HomePage',
+  name: "HomePage",
-  components: { AsideBarComponent, HeaderComponent,  HomemobilePage },
+  components: {
+    AsideBarComponent,
+    HeaderComponent,
+    ChatComponent,
+    HomemobilePage,
+  },
   data() {
     return {
       GameModes,
       AnimationOff: false,
       mobile: false,
-    }
+    };
   },
   methods: {
     // claimSettings(value) {
@@ -129,30 +152,29 @@ export default {
     // }
   },
   mounted() {
-    this.checkWindowSize()
+    this.checkWindowSize();
 
-    this.AddWindowListener()
+    this.AddWindowListener();
   },
   beforeUnmount() {
-    this.RemoveWindowListener()
+    this.RemoveWindowListener();
   },
   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].includes(mode.id))
+      return this.GameModes.filter((mode) => [2].includes(mode.id));
     },
     twolinefirstelementGameMode() {
-      return this.GameModes.filter(mode => [3].includes(mode.id))
+      return this.GameModes.filter((mode) => [3].includes(mode.id));
     },
     twolinetwoelementGameMode() {
-      return this.GameModes.filter(mode => [4].includes(mode.id))
+      return this.GameModes.filter((mode) => [4].includes(mode.id));
-    }
+    },
-  }
+  },
-}
+};
 </script>
 
 <style scoped>
-
 </style>

luckydiamond/src/router/router.js

@@ -6,7 +6,6 @@ import SapergamePage from "@/pages/games-pages/SapergamePage.vue";
 import SettingsPage from "@/pages/SettingsPage.vue";
 import CrashGamePage from "@/pages/games-pages/CrashgamePage.vue";
 import JackpotPage from "@/pages/games-pages/JackpotPage.vue";
-import SettingsPage from "@/pages/SettingsPage.vue"
 import AboutPage from "@/pages/AboutPage.vue"
 
 export default createRouter({