fix menu

src/components/HeaderMenu.vue

@@ -1,13 +1,5 @@
 <script setup lang="ts">
 const props = defineProps({
-  addLogin: {
-    type: Boolean,
-    required: false,
-  },
-  addLogout: {
-    type: Boolean,
-    required: false,
-  },
   active: {
     type: String,
     required: false,
@@ -62,6 +54,9 @@ const openMenu = ref(false)
       </Icon>
     </div>
     <div class="left-group menu-buttons-block" :class="!openMenu ? 'menu-buttons-block-active' : ''">
+      <div class="menu-item-block" :class="{ active: props.active == 'main' }" @click="router.push('/')">
+        Главная
+      </div>
       <div class="menu-item-block" :class="{ active: props.active == 'office' }" v-if="authStore.hasRole('user')"
         @click="router.push('/office')">
         Кабинет
@@ -70,8 +65,7 @@ const openMenu = ref(false)
         @click="router.push('/games')">
         Игры
       </div>
-      <div class="menu-item-block" :class="{ active: props.active == 'catalog' }" v-if="hasPermission('catalog_page')"
-        @click="router.push('/catalog')">
+      <div class="menu-item-block" :class="{ active: props.active == 'catalog' }" @click="router.push('/catalog')">
         Каталог
       </div>
       <div class="menu-item-block" :class="{ active: props.active == 'scenarios' }"
@@ -85,10 +79,10 @@ const openMenu = ref(false)
     </div>
 
     <div class="right-group">
-      <div v-if="props.addLogin" class="menu-item-block right" @click="goToLogin">
+      <div v-if="!authStore.isAuthenticated" class="menu-item-block right" @click="goToLogin">
         Войти
       </div>
-      <div v-if="props.addLogout" class="menu-item-block right" @click="goToLogout">Выйти</div>
+      <div v-if="authStore.isAuthenticated" class="menu-item-block right" @click="goToLogout">Выйти</div>
     </div>
   </div>
 </template>