feat(navigation): update NavigationMenu component structure and improve props definition

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>

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>

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';

src/widgets/NavigationMenu/types.ts

@@ -4,3 +4,7 @@ export interface NavigationMenuItem {
   name: string;
   path: RouteLocationRaw;
 }
+
+export interface NavigationMenuProps {
+  items: NavigationMenuItem[];
+}