From fc1d7f552da5cd194340afbb81d71fe8d488e6fc Mon Sep 17 00:00:00 2001
From: Madara0330E <summoners2011sss@gmail.com>
Date: Wed, 21 Feb 2024 21:19:08 +0300
Subject: [PATCH] create helpcomponent

---
 .../css/ComponentsStyles/payments-modal.css   |  3 --
 .../src/components/HeaderComponent.vue        |  2 +-
 luckydiamond/src/components/HelpComponent.vue |  0
 luckydiamond/src/pages/AboutPage.vue          |  1 +
 luckydiamond/src/pages/HelpPage.vue           | 36 +++++++++++++++++++
 luckydiamond/src/pages/newFile.js             | 16 +++++++++
 luckydiamond/src/router/router.js             |  4 ++-
 7 files changed, 57 insertions(+), 5 deletions(-)
 create mode 100644 luckydiamond/src/components/HelpComponent.vue
 create mode 100644 luckydiamond/src/pages/HelpPage.vue
 create mode 100644 luckydiamond/src/pages/newFile.js

diff --git a/luckydiamond/src/assets/css/ComponentsStyles/payments-modal.css b/luckydiamond/src/assets/css/ComponentsStyles/payments-modal.css
index 41fb8a1..1757aef 100644
--- a/luckydiamond/src/assets/css/ComponentsStyles/payments-modal.css
+++ b/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 {
diff --git a/luckydiamond/src/components/HeaderComponent.vue b/luckydiamond/src/components/HeaderComponent.vue
index 8faca8c..3f840dd 100644
--- a/luckydiamond/src/components/HeaderComponent.vue
+++ b/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>
diff --git a/luckydiamond/src/components/HelpComponent.vue b/luckydiamond/src/components/HelpComponent.vue
new file mode 100644
index 0000000..e69de29
diff --git a/luckydiamond/src/pages/AboutPage.vue b/luckydiamond/src/pages/AboutPage.vue
index 5082734..1cde806 100644
--- a/luckydiamond/src/pages/AboutPage.vue
+++ b/luckydiamond/src/pages/AboutPage.vue
@@ -27,6 +27,7 @@ export default {
       },
     };
   },
+  name: "HelpPage",
   components: {
     HeaderComponent,
     AsideBarComponent,
diff --git a/luckydiamond/src/pages/HelpPage.vue b/luckydiamond/src/pages/HelpPage.vue
new file mode 100644
index 0000000..98e3284
--- /dev/null
+++ b/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>
\ No newline at end of file
diff --git a/luckydiamond/src/pages/newFile.js b/luckydiamond/src/pages/newFile.js
new file mode 100644
index 0000000..7b8afb4
--- /dev/null
+++ b/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
+},
+});
diff --git a/luckydiamond/src/router/router.js b/luckydiamond/src/router/router.js
index 5dd9ef5..94c52fb 100644
--- a/luckydiamond/src/router/router.js
+++ b/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' },
     ]
 })