add pages

src/components/GamesPage.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+import HeaderMenu from '@/components/HeaderMenu.vue'
+</script>
+
+<template>
+    <HeaderMenu :add-logout="true"/>
+
+    Игры
+</template>
+
+<style scoped></style>

src/components/HeaderMenu.vue

@@ -66,16 +66,16 @@ const goToLogout = () => {
 <template>
     <div class="menu-block">
         <div class="left-group">
-            <div class="menu-item-block">
+            <div class="menu-item-block" v-if="authStore.hasRole('user')" @click="router.push('/office')">
                 Кабинет
             </div>
-            <div class="menu-item-block" v-if="hasPermission('games_page')">
+            <div class="menu-item-block" v-if="hasPermission('games_page')" @click="router.push('/games')">
                 Игры
             </div>
-            <div class="menu-item-block" v-if="hasPermission('scenarios_page')">
+            <div class="menu-item-block" v-if="hasPermission('scenarios_page')" @click="router.push('/scenarios')">
                 Мои сценарии
             </div>
-            <div class="menu-item-block" v-if="hasPermission('users_page')">
+            <div class="menu-item-block" v-if="hasPermission('users_page')" @click="router.push('/users')">
                 Пользователи
             </div>
         </div>

src/components/OfficePage.vue

@@ -24,11 +24,11 @@ getPermissions()
     <p>
         Доброго времени суток, {{ authStore.username }}.
     </p>
-    <p>
+    <!-- <p>
         {{ authStore.userRoles }}
     </p>
 
-    {{ permissions }}
+    {{ permissions }} -->
 </template>
 
 <style scoped></style>

src/components/ScenariosPage.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+import HeaderMenu from '@/components/HeaderMenu.vue'
+</script>
+
+<template>
+    <HeaderMenu :add-logout="true"/>
+
+    Сценарии
+</template>
+
+<style scoped></style>

src/components/UsersPage.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+import HeaderMenu from '@/components/HeaderMenu.vue'
+</script>
+
+<template>
+    <HeaderMenu :add-logout="true"/>
+
+    Пользователи
+</template>
+
+<style scoped></style>