From 8e408ead25ed66188a872369479991ac1e2f0515 Mon Sep 17 00:00:00 2001
From: robonen <robonenandrew@gmail.com>
Date: Sun, 15 Jun 2025 15:40:25 +0700
Subject: [PATCH] feat(navigation): update NavigationMenu component structure
 and improve props definition

---
 src/widgets/Header/Header.vue                 |  4 +-
 src/widgets/NavigationMenu/NavigationMenu.vue | 37 ++++++++-----------
 src/widgets/NavigationMenu/index.ts           |  2 +-
 src/widgets/NavigationMenu/types.ts           |  4 ++
 4 files changed, 23 insertions(+), 24 deletions(-)

diff --git a/src/widgets/Header/Header.vue b/src/widgets/Header/Header.vue
index 92d5a99..453d1e4 100644
--- a/src/widgets/Header/Header.vue
+++ b/src/widgets/Header/Header.vue
@@ -11,8 +11,8 @@ const items = [
 <template>
   <header class="p-4 dark bg-background text-foreground">
     <div class="mx-auto container flex space-x-18">
-      <Logo class="h-6" aria-label="Logo" />
-      <NavigationMenu :items />
+      <Logo class="h-6" aria-label="Логотип" />
+      <NavigationMenu :items class="hidden lg:block" />
     </div>
   </header>
 </template>
diff --git a/src/widgets/NavigationMenu/NavigationMenu.vue b/src/widgets/NavigationMenu/NavigationMenu.vue
index 26cddaf..9aa08ad 100644
--- a/src/widgets/NavigationMenu/NavigationMenu.vue
+++ b/src/widgets/NavigationMenu/NavigationMenu.vue
@@ -1,29 +1,24 @@
-<script lang="ts">
-import type { NavigationMenuItem } from './types';
-
-export interface NavigationMenuProps {
-  items: NavigationMenuItem[];
-}
-</script>
-
 <script setup lang="ts">
+import type { NavigationMenuProps } from './types';
 import { RouterLink } from 'vue-router';
 
 const { items } = defineProps<NavigationMenuProps>();
 </script>
 
 <template>
-  <ul class="flex items-center space-x-4">
-    <li v-for="item in items" :key="item.name">
-      <slot :item>
-        <RouterLink
-          class="p-2 rounded-md text-sm font-semibold transition-colors"
-          active-class="text-primary bg-primary/10"
-          :to="item.path"
-        >
-          {{ item.name }}
-        </RouterLink>
-      </slot>
-    </li>
-  </ul>
+  <nav>
+    <ul class="flex items-center space-x-4">
+      <li v-for="item in items" :key="item.name">
+        <slot :item>
+          <RouterLink
+            class="p-2 rounded-md font-semibold transition-colors"
+            active-class="text-primary bg-primary/10"
+            :to="item.path"
+          >
+            {{ item.name }}
+          </RouterLink>
+        </slot>
+      </li>
+    </ul>
+  </nav>
 </template>
diff --git a/src/widgets/NavigationMenu/index.ts b/src/widgets/NavigationMenu/index.ts
index bf2132e..cb3bd43 100644
--- a/src/widgets/NavigationMenu/index.ts
+++ b/src/widgets/NavigationMenu/index.ts
@@ -1,2 +1,2 @@
+export { default as NavigationMenu } from './NavigationMenu.vue';
 export * from './types';
-export { default as NavigationMenu } from './NavigationMenu.vue';
\ No newline at end of file
diff --git a/src/widgets/NavigationMenu/types.ts b/src/widgets/NavigationMenu/types.ts
index 49c86c5..9822786 100644
--- a/src/widgets/NavigationMenu/types.ts
+++ b/src/widgets/NavigationMenu/types.ts
@@ -4,3 +4,7 @@ export interface NavigationMenuItem {
   name: string;
   path: RouteLocationRaw;
 }
+
+export interface NavigationMenuProps {
+  items: NavigationMenuItem[];
+}