app/composables/layout/Menus/myAccessesMenu.ts

import BaseMenu from '~/composables/layout/Menus/baseMenu'
import { ItemMenu, ItemsMenu, Menu } from '~/types/interfaces'
import {useProfileAccessStore} from "~/store/profile/access";
import {useAbility} from "@casl/vue";

/**
 * @category composables/layout/Menus
 * @class MyAccessesMenu
 * Classe pour la construction du Menu Mon profile
 */
class MyAccessesMenu extends BaseMenu implements Menu {

  /**
   * @constructor
   * Initialisation des services issues du context
   */
  constructor () {
    const {$config} = useNuxtApp()

    super($config)
  }

  /**
   * Construit le menu Header Multi compte ou null si aucune page accessible
   * @return {ItemMenu | null}
   */
  getHeaderMenu (): ItemMenu | null {
    const {can} = useAbility()
    const children: ItemsMenu = []

    const profileAccessStore = useProfileAccessStore();
    useEach(profileAccessStore.multiAccesses, (access) => {
      children.push(this.constructMenu(access.name as string, undefined, '/switch/' + access.id, true))
    })

    return children.length > 0 ? this.constructMenu('multiAccesses', {name: 'fa-building'}, undefined, undefined, children) : null
  }
}

export const getMyAccessesMenu = () => new MyAccessesMenu().getHeaderMenu()