From 93cd17aef5a5af41303150d6967d48cabfbf6ad4 Mon Sep 17 00:00:00 2001
From: Paul Valerie GOMA <paulgoma07@gmail.com>
Date: Wed, 30 Jul 2025 10:44:52 +0200
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20feature:=20Menu=20bar=20component?=
 =?UTF-8?q?=20added?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/menu/VMenuBar.vue | 53 ++++++++++++++++++++++++++++++++
 1 file changed, 53 insertions(+)
 create mode 100644 src/components/menu/VMenuBar.vue

diff --git a/src/components/menu/VMenuBar.vue b/src/components/menu/VMenuBar.vue
new file mode 100644
index 0000000..ac5d994
--- /dev/null
+++ b/src/components/menu/VMenuBar.vue
@@ -0,0 +1,53 @@
+<script setup lang="ts">
+import Menubar from 'primevue/menubar';
+import type IVMenuBar from './IVMenuBar.type';
+import type { MenubarSlots } from 'primevue/menubar';
+import { computed } from 'vue';
+const props = withDefaults(defineProps<IVMenuBar>(), {
+  searchbarId: 'searchbar-header',
+  serviceTitle: undefined,
+  serviceDescription: undefined,
+  logo: false,
+  logoText: undefined,
+  breakpoints: '960px',
+  quickLinks: undefined,
+  menuLabel: undefined
+})
+
+type VMenuBarSlots = MenubarSlots & {
+  default?: (props: Record<string, unknown>) => unknown
+};
+
+const slots = defineSlots<VMenuBarSlots>();
+
+const menuBarSlotsKeys = [
+  'start',
+  'end',
+  'item',
+  'button',
+  'buttonicon',
+  'submenuicon',
+  'itemicon'
+] as const
+
+const availableSlots = computed(() =>
+  menuBarSlotsKeys.filter((key) => !!slots[key]).map((key) => [key, slots[key]])
+);
+</script>
+
+<template>
+  <Menubar
+    role="banner"
+    :model="props.quickLinks"
+    :breakpoint="props.breakpoints"
+  >
+    <template
+      v-for="([name]) in availableSlots"
+      :key="name"
+      v-slot:[name]="slotProps"
+    >
+      <slot :name="name" v-bind="slotProps" />
+    </template>
+    <slot></slot>
+  </Menubar>
+</template>