<script setup>
// Use the centralized role menu composable
const { getMenuType } = useRoleMenu()

// This will be set using the composable method
const defaultSideBarMenu = ref('Menu')

onMounted(() => {
  // Get menu type from the centralized composable
  defaultSideBarMenu.value = getMenuType()
})
</script>

<template>
<!--  Admin-->
  <SideBarAdministrator v-if="defaultSideBarMenu === 'a'" />
<!--  Fulfillment Admin Menu-->
  <SideBarFulfillmentAdmin v-else-if="defaultSideBarMenu === 'b'" />
<!--  Fulfillment Customer Menu-->
  <SideBarFulfillmentCustomer v-else-if="defaultSideBarMenu === 'c'" />
  <SideBarMenu v-else />
</template>