From cf996dc9a5c7808580869b07deb8e4308fb5bc90 Mon Sep 17 00:00:00 2001
From: Connor Abbas <abbasconnor@gmail.com>
Date: Sun, 1 Jun 2025 18:56:39 +0000
Subject: [PATCH 1/2] Menu Components: implement missing MenuItem props

---
 .../js/components/primevue/menu/Breadcrumb.vue | 14 ++++++++++----
 .../components/primevue/menu/ContextMenu.vue   | 14 ++++++++++----
 resources/js/components/primevue/menu/Menu.vue | 14 ++++++++++----
 .../js/components/primevue/menu/Menubar.vue    | 18 ++++++++++--------
 .../js/components/primevue/menu/PanelMenu.vue  | 17 ++++++++++++-----
 .../js/components/primevue/menu/TabMenu.vue    |  5 ++++-
 .../js/components/primevue/menu/TieredMenu.vue | 14 ++++++++++----
 7 files changed, 66 insertions(+), 30 deletions(-)

diff --git a/resources/js/components/primevue/menu/Breadcrumb.vue b/resources/js/components/primevue/menu/Breadcrumb.vue
index cda7a7ac..8559d9a7 100644
--- a/resources/js/components/primevue/menu/Breadcrumb.vue
+++ b/resources/js/components/primevue/menu/Breadcrumb.vue
@@ -26,9 +26,12 @@ defineExpose({ el: childRef });
     >
         <template #item="{ item, props }">
             <InertiaLink
-                v-if="item.route"
+                v-if="item.visible !== false && item.route"
                 :href="item.route"
-                class="p-breadcrumb-item-link"
+                :target="item.target"
+                :class="['p-breadcrumb-item-link', item.class]"
+                :style="item.style"
+                :aria-disabled="item.disabled === true"
                 custom
             >
                 <i
@@ -44,10 +47,13 @@ defineExpose({ el: childRef });
                 <span class="p-breadcrumb-item-label">{{ item.label }}</span>
             </InertiaLink>
             <a
-                v-else
+                v-else-if="item.visible !== false"
+                v-bind="props.action"
                 :href="item.url"
                 :target="item.target"
-                v-bind="props.action"
+                :class="item.class"
+                :style="item.style"
+                :aria-disabled="item.disabled === true"
             >
                 <i
                     v-if="item.icon"
diff --git a/resources/js/components/primevue/menu/ContextMenu.vue b/resources/js/components/primevue/menu/ContextMenu.vue
index 3ba477db..c6460475 100644
--- a/resources/js/components/primevue/menu/ContextMenu.vue
+++ b/resources/js/components/primevue/menu/ContextMenu.vue
@@ -26,9 +26,12 @@ defineExpose({
     >
         <template #item="{ item, props, hasSubmenu }">
             <InertiaLink
-                v-if="item.route"
+                v-if="item.visible !== false && item.route"
                 :href="item.route"
-                class="p-contextmenu-item-link"
+                :target="item.target"
+                :class="['p-contextmenu-item-link', item.class]"
+                :style="item.style"
+                :aria-disabled="item.disabled === true"
                 custom
             >
                 <i
@@ -44,10 +47,13 @@ defineExpose({
                 <span class="p-contextmenu-item-label">{{ item.label }}</span>
             </InertiaLink>
             <a
-                v-else
+                v-else-if="item.visible !== false"
+                v-bind="props.action"
                 :href="item.url"
                 :target="item.target"
-                v-bind="props.action"
+                :class="item.class"
+                :style="item.style"
+                :aria-disabled="item.disabled === true"
             >
                 <i
                     v-if="item.icon"
diff --git a/resources/js/components/primevue/menu/Menu.vue b/resources/js/components/primevue/menu/Menu.vue
index e521931a..12af809a 100644
--- a/resources/js/components/primevue/menu/Menu.vue
+++ b/resources/js/components/primevue/menu/Menu.vue
@@ -35,9 +35,12 @@ defineExpose({
         </template>
         <template #item="{ item, props }">
             <InertiaLink
-                v-if="item.route"
+                v-if="item.visible !== false && item.route"
                 :href="item.route"
-                class="p-menu-item-link"
+                :target="item.target"
+                :class="['p-menu-item-link', item.class]"
+                :style="item.style"
+                :aria-disabled="item.disabled === true"
                 custom
             >
                 <i
@@ -53,10 +56,13 @@ defineExpose({
                 <span class="p-menu-item-label">{{ item.label }}</span>
             </InertiaLink>
             <a
-                v-else
+                v-else-if="item.visible !== false"
+                v-bind="props.action"
                 :href="item.url"
                 :target="item.target"
-                v-bind="props.action"
+                :class="item.class"
+                :style="item.style"
+                :aria-disabled="item.disabled === true"
             >
                 <i
                     v-if="item.icon"
diff --git a/resources/js/components/primevue/menu/Menubar.vue b/resources/js/components/primevue/menu/Menubar.vue
index e52cac34..5aa3d06f 100644
--- a/resources/js/components/primevue/menu/Menubar.vue
+++ b/resources/js/components/primevue/menu/Menubar.vue
@@ -36,12 +36,12 @@ defineExpose({ el: childRef });
         </template>
         <template #item="{ item, props, hasSubmenu, root }">
             <InertiaLink
-                v-if="item.route"
+                v-if="item.visible !== false && item.route"
                 :href="item.route"
-                class="p-menubar-item-link"
-                :class="{
-                    'font-bold! text-muted-color': item.active,
-                }"
+                :target="item.target"
+                :class="['p-menubar-item-link', { 'font-bold! text-muted-color': item.active }, item.class]"
+                :style="item.style"
+                :aria-disabled="item.disabled === true"
                 custom
             >
                 <i
@@ -57,11 +57,13 @@ defineExpose({ el: childRef });
                 <span class="p-menubar-item-label">{{ item.label }}</span>
             </InertiaLink>
             <a
-                v-else
+                v-else-if="item.visible !== false"
+                v-bind="props.action"
                 :href="item.url"
                 :target="item.target"
-                v-bind="props.action"
-                class="p-menubar-item-link"
+                :class="item.class"
+                :style="item.style"
+                :aria-disabled="item.disabled === true"
             >
                 <i
                     v-if="item.icon"
diff --git a/resources/js/components/primevue/menu/PanelMenu.vue b/resources/js/components/primevue/menu/PanelMenu.vue
index 5f246cc1..2023c61c 100644
--- a/resources/js/components/primevue/menu/PanelMenu.vue
+++ b/resources/js/components/primevue/menu/PanelMenu.vue
@@ -27,14 +27,18 @@ defineExpose({ el: childRef });
         ref="child-ref"
         v-bind="{ ...componentProps, pt: defaultPt, ptOptions: { mergeProps: ptViewMerge } }"
     >
-        <template #item="{ item, root, active, hasSubmenu }">
+        <template #item="{ item, root, active, props, hasSubmenu }">
+            <Divider v-if="item.separator" pt:root:class="my-0" />
             <InertiaLink
-                v-if="item.route"
+                v-else-if="item.visible !== false && item.route"
                 :href="item.route"
+                :target="item.target"
                 :class="[
-                    'p-panelmenu-item-link flex items-center cursor-pointer no-underline p-2',
+                    'p-panelmenu-item-link flex items-center cursor-pointer no-underline px-3 py-2',
                     { 'font-bold! text-muted-color': item.active },
                 ]"
+                :style="item.style"
+                :aria-disabled="item.disabled === true"
                 custom
             >
                 <i
@@ -49,13 +53,16 @@ defineExpose({ el: childRef });
                 <span>{{ item.label }}</span>
             </InertiaLink>
             <a
-                v-else
+                v-else-if="item.visible !== false"
+                v-bind="props.action"
                 :href="item.url"
                 :target="item.target"
                 :class="[
-                    'flex items-center cursor-pointer no-underline p-2',
+                    'flex items-center cursor-pointer no-underline px-3 py-2',
                     hasSubmenu ? 'p-panelmenu-header-link' : 'p-panelmenu-item-link',
                 ]"
+                :style="item.style"
+                :aria-disabled="item.disabled === true"
             >
                 <i
                     v-if="item.icon"
diff --git a/resources/js/components/primevue/menu/TabMenu.vue b/resources/js/components/primevue/menu/TabMenu.vue
index 087020c8..1255504f 100644
--- a/resources/js/components/primevue/menu/TabMenu.vue
+++ b/resources/js/components/primevue/menu/TabMenu.vue
@@ -49,8 +49,11 @@ defineExpose({
                     :value="item.route"
                     :class="[
                         'flex items-center gap-2 hover:text-color',
-                        item.active ? 'p-tab-active' : 'text-muted-color'
+                        item.active ? 'p-tab-active' : 'text-muted-color',
+                        item.class
                     ]"
+                    :style="item.style"
+                    :aria-disabled="item.disabled === true"
                 >
                     <i
                         v-if="item.icon"
diff --git a/resources/js/components/primevue/menu/TieredMenu.vue b/resources/js/components/primevue/menu/TieredMenu.vue
index 57227010..4a10ff64 100644
--- a/resources/js/components/primevue/menu/TieredMenu.vue
+++ b/resources/js/components/primevue/menu/TieredMenu.vue
@@ -35,9 +35,12 @@ defineExpose({
         </template>
         <template #item="{ item, props, hasSubmenu }">
             <InertiaLink
-                v-if="item.route"
+                v-if="item.visible !== false && item.route"
                 :href="item.route"
-                class="p-tieredmenu-item-link"
+                :target="item.target"
+                :class="['p-tieredmenu-item-link', item.class]"
+                :style="item.style"
+                :aria-disabled="item.disabled === true"
                 custom
             >
                 <i
@@ -53,10 +56,13 @@ defineExpose({
                 <span class="p-tieredmenu-item-label">{{ item.label }}</span>
             </InertiaLink>
             <a
-                v-else
+                v-else-if="item.visible !== false"
+                v-bind="props.action"
                 :href="item.url"
                 :target="item.target"
-                v-bind="props.action"
+                :class="item.class"
+                :style="item.style"
+                :aria-disabled="item.disabled === true"
             >
                 <i
                     v-if="item.icon"

From 7a2f7ed57e6908f6057f940ce41cfe01b710525c Mon Sep 17 00:00:00 2001
From: Connor Abbas <abbasconnor@gmail.com>
Date: Sun, 1 Jun 2025 19:00:19 +0000
Subject: [PATCH 2/2] lint

---
 resources/js/components/primevue/menu/PanelMenu.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/resources/js/components/primevue/menu/PanelMenu.vue b/resources/js/components/primevue/menu/PanelMenu.vue
index 2023c61c..f9aec064 100644
--- a/resources/js/components/primevue/menu/PanelMenu.vue
+++ b/resources/js/components/primevue/menu/PanelMenu.vue
@@ -28,7 +28,10 @@ defineExpose({ el: childRef });
         v-bind="{ ...componentProps, pt: defaultPt, ptOptions: { mergeProps: ptViewMerge } }"
     >
         <template #item="{ item, root, active, props, hasSubmenu }">
-            <Divider v-if="item.separator" pt:root:class="my-0" />
+            <Divider
+                v-if="item.separator"
+                pt:root:class="my-0"
+            />
             <InertiaLink
                 v-else-if="item.visible !== false && item.route"
                 :href="item.route"