feat(ui): add NavigationMenu component with types and structure

src/widgets/NavigationMenu/NavigationMenu.vue

@@ -0,0 +1,29 @@
+<script lang="ts">
+import type { NavigationMenuItem } from './types';
+
+export interface NavigationMenuProps {
+  items: NavigationMenuItem[];
+}
+</script>
+
+<script setup lang="ts">
+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>
+</template>

src/widgets/NavigationMenu/index.ts

@@ -0,0 +1,2 @@
+export * from './types';
+export { default as NavigationMenu } from './NavigationMenu.vue';

src/widgets/NavigationMenu/types.ts

@@ -0,0 +1,6 @@
+import type { RouteLocationRaw } from 'vue-router';
+
+export interface NavigationMenuItem {
+  name: string;
+  path: RouteLocationRaw;
+}