About

luckydiamond/src/assets/css/DevelopComponent.css

@@ -0,0 +1,8 @@
+.card {
+    width: 422px;
+    height: 269px;
+    flex-shrink: 0;
+    border-radius: 22px;
+    background-color: #742271;
+
+}

luckydiamond/src/components/DevelopComponent.vue

@@ -0,0 +1,13 @@
+<template>
+    <div class="info">
+        <div class="card">
+
+        </div>
+    </div>
+</template>
+
+<script>
+import '@/assets/css/DevelopComponent.css'
+
+export default {}
+</script>

luckydiamond/src/pages/AboutPage.vue

@@ -0,0 +1,37 @@
+<template>
+    <div class="content__grid-profile" >
+        <aside-bar-component></aside-bar-component>
+    
+        <chat-component></chat-component>
+    
+        <header-component></header-component>
+    
+      </div>
+    <develop-component></develop-component>
+</template>
+<script>
+import { DevelopComponent } from '@/components/DevelopComponent'
+import AsideBarComponent from "@/components/AsidebarComponent.vue";
+import ChatComponent from "@/components/ChatComponent.vue";
+import HeaderComponent from "@/components/HeaderComponent.vue";
+
+export default {
+    data () {
+        return {
+           Object: {
+            bg:'value',
+            nickname: 'value',
+            icons: {},
+            textTacholgy: {'text1': 'text2'}
+           }
+        }
+    }, 
+    components: {
+    ChatComponent,
+    HeaderComponent,
+    AsideBarComponent,
+    DevelopComponent    
+    }
+}
+
+</script>

luckydiamond/src/router/router.js

@@ -4,6 +4,7 @@ import HomePage from "../pages/HomePage.vue";
 import ProfilePage from "@/pages/ProfilePage.vue";
 import SapergamePage from "@/pages/games-pages/SapergamePage.vue";
 import SettingsPage from "@/pages/SettingsPage.vue"
+import AboutPage from "@/pages/AboutPage.vue"
 export default createRouter({
     history: createWebHistory(),
     routes: [
@@ -11,5 +12,6 @@ export default createRouter({
         { path: '/profile', component: ProfilePage, name: 'profile' },
         { path: '/game/saper', component: SapergamePage, name: 'saper' },
         { path: '/settings', component: SettingsPage, name: 'settings' },
+        { path: '/about', component: AboutPage, name: 'about' },
     ]
 })