create helpcomponent

luckydiamond/src/assets/css/ComponentsStyles/payments-modal.css

@@ -95,10 +95,7 @@
     font-family: Montserrat Alternates;
     font-weight: 600;
     font-size: 19px;
-    
-    
     color: #fff;
-    
     border: none;
 }
 .promokods {

luckydiamond/src/components/HeaderComponent.vue

@@ -126,7 +126,7 @@ export default {
         <nav>
           <a href="#" @click="$router.push({ name: 'home' })" :class="{ 'header__nav--now' : $route.name === 'home' }">Главная</a>
           <a v-if="authtoken !== ''" href="#" @click="$router.push({ name: 'profile' })" :class="{ 'header__nav--now' : $route.name === 'profile' }">Профиль</a>
-          <a href="#">Помощь</a>
+          <a href="#" @click="$router.push({ name: 'help' })" :class="{ 'header__nav--now' : $route.name === 'help' }">Помощь</a>
           <a href="#" @click="$router.push({ name: 'about' })" :class="{ 'header__nav--now' : $route.name === 'about' }">О нас</a>
         </nav>
       </div>

luckydiamond/src/pages/AboutPage.vue

@@ -27,6 +27,7 @@ export default {
       },
     };
   },
+  name: "HelpPage",
   components: {
     HeaderComponent,
     AsideBarComponent,

luckydiamond/src/pages/HelpPage.vue

@@ -0,0 +1,36 @@
+<template>
+    <div class="content-grid--help">
+      <aside-bar-component></aside-bar-component>
+  
+      <section class="help">
+  
+      <develop-component></develop-component>
+  
+      </section>
+      <header-component></header-component>
+  
+    </div>
+  </template>
+  <script>
+  import HelpComponent from "@/components/HelpComponent.vue";
+  import AsideBarComponent from "@/components/AsidebarComponent.vue";
+  import HeaderComponent from "@/components/HeaderComponent.vue";
+  
+  export default {
+    data() {
+      return {
+        Object: {
+          bg: "value",
+          nickname: "value",
+          icons: {},
+          textTacholgy: { text1: "text2" },
+        },
+      };
+    },
+    components: {
+      HeaderComponent,
+      AsideBarComponent,
+      HelpComponent,
+    },
+  };
+  </script>

luckydiamond/src/pages/newFile.js

@@ -0,0 +1,16 @@
+export default (await import('vue')).defineComponent({
+data() {
+return {
+Object: {
+bg: "value",
+nickname: "value",
+icons: {},
+textTacholgy: { text1: "text2" },
+},
+};
+},
+name: "HelpPage",
+components: {
+HeaderComponent
+},
+});

luckydiamond/src/router/router.js

@@ -6,7 +6,8 @@ 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 AboutPage from "@/pages/AboutPage.vue"
+import AboutPage from "@/pages/AboutPage.vue";
+import HelpPage from "@/pages/HelpPage.vue" ;
 
 export default createRouter({
     history: createWebHistory(),
@@ -18,5 +19,6 @@ export default createRouter({
         { path: '/game/jackpot', component: JackpotPage, name: 'jackpot' },
         { path: '/settings', component: SettingsPage, name: 'settings' },
         { path: '/about', component: AboutPage, name: 'about' },
+        { path: '/help', component: HelpPage, name: 'help' },
     ]
 })