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>