From bdff20fa148c4da049a231e4ea4462b645d30313 Mon Sep 17 00:00:00 2001
From: Connor Abbas <abbasconnor@gmail.com>
Date: Thu, 19 Jun 2025 01:26:59 +0000
Subject: [PATCH] patch: exposed components naming convention

---
 src/components/primevue/menu/Breadcrumb.vue | 2 +-
 src/components/primevue/menu/Menu.vue       | 2 +-
 src/components/primevue/menu/MenuBar.vue    | 2 +-
 src/components/primevue/menu/PanelMenu.vue  | 2 +-
 src/layouts/app/HeaderLayout.vue            | 4 ++--
 src/layouts/app/SidebarLayout.vue           | 4 ++--
 6 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/components/primevue/menu/Breadcrumb.vue b/src/components/primevue/menu/Breadcrumb.vue
index 04852e7..c1d4f82 100644
--- a/src/components/primevue/menu/Breadcrumb.vue
+++ b/src/components/primevue/menu/Breadcrumb.vue
@@ -16,7 +16,7 @@ const defaultPt = ref<BreadcrumbPassThroughOptions>({
 
 type BreadcrumbType = InstanceType<typeof Breadcrumb>;
 const childRef = useTemplateRef<BreadcrumbType>('child-ref');
-defineExpose({ el: childRef });
+defineExpose({ $el: childRef });
 </script>
 
 <template>
diff --git a/src/components/primevue/menu/Menu.vue b/src/components/primevue/menu/Menu.vue
index 423a25b..762db27 100644
--- a/src/components/primevue/menu/Menu.vue
+++ b/src/components/primevue/menu/Menu.vue
@@ -13,7 +13,7 @@ type MenuType = InstanceType<typeof Menu>;
 const childRef = useTemplateRef<MenuType>('child-ref');
 
 defineExpose({
-    el: childRef,
+    $el: childRef,
     toggle: (event: Event) => childRef.value?.toggle(event)
 });
 </script>
diff --git a/src/components/primevue/menu/MenuBar.vue b/src/components/primevue/menu/MenuBar.vue
index eb38b60..49f1ce2 100644
--- a/src/components/primevue/menu/MenuBar.vue
+++ b/src/components/primevue/menu/MenuBar.vue
@@ -16,7 +16,7 @@ const componentProps = withDefaults(
 type MenubarType = InstanceType<typeof Menubar>;
 const childRef = useTemplateRef<MenubarType>('child-ref');
 
-defineExpose({ el: childRef });
+defineExpose({ $el: childRef });
 </script>
 
 <template>
diff --git a/src/components/primevue/menu/PanelMenu.vue b/src/components/primevue/menu/PanelMenu.vue
index 19e781c..b08ddfc 100644
--- a/src/components/primevue/menu/PanelMenu.vue
+++ b/src/components/primevue/menu/PanelMenu.vue
@@ -19,7 +19,7 @@ const defaultPt: PanelMenuPassThroughOptions = {
 
 type PanelMenuType = InstanceType<typeof PanelMenu>;
 const childRef = useTemplateRef<PanelMenuType>('child-ref');
-defineExpose({ el: childRef });
+defineExpose({ $el: childRef });
 </script>
 
 <template>
diff --git a/src/layouts/app/HeaderLayout.vue b/src/layouts/app/HeaderLayout.vue
index d35a50c..cf9d102 100644
--- a/src/layouts/app/HeaderLayout.vue
+++ b/src/layouts/app/HeaderLayout.vue
@@ -26,12 +26,12 @@ const {
 
 const userMenu = useTemplateRef('user-menu');
 const toggleUserMenu = (event) => {
-    userMenu.value.el.toggle(event);
+    userMenu.value.$el.toggle(event);
 };
 
 const mobileUserMenu = useTemplateRef('mobile-user-menu');
 const toggleMobileUserMenu = (event) => {
-    mobileUserMenu.value.el.toggle(event);
+    mobileUserMenu.value.$el.toggle(event);
 };
 </script>
 
diff --git a/src/layouts/app/SidebarLayout.vue b/src/layouts/app/SidebarLayout.vue
index 4e5d655..cf2a350 100644
--- a/src/layouts/app/SidebarLayout.vue
+++ b/src/layouts/app/SidebarLayout.vue
@@ -24,12 +24,12 @@ const {
 
 const userMenu = useTemplateRef('user-menu');
 const toggleUserMenu = (event) => {
-    userMenu.value.el.toggle(event);
+    userMenu.value.$el.toggle(event);
 };
 
 const mobileUserMenu = useTemplateRef('mobile-user-menu');
 const toggleMobileUserMenu = (event) => {
-    mobileUserMenu.value.el.toggle(event);
+    mobileUserMenu.value.$el.toggle(event);
 };
 </script>