app/composables/layout/Menus/donorsMenu.ts

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

/**
 * @category composables/layout/Menus
 * @class DonorsMenu
 * Classe pour la construction du Menu Donneurs
 */
class DonorsMenu extends BaseMenu implements Menu {

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

    super($config)
  }

  /**
   * Construit le menu Partenariat et Dons ou null si aucune page accessible
   * @return {ItemMenu | null}
   */
  getMenu (): ItemMenu | null {
    const {can} = useAbility()
    
    if (can('display', 'donors_page')) {
      return this.constructMenu('donors', {name: 'far fa-handshake'}, '/donors/list/', true)
    }
    return null
  }
}

export const getDonorsMenu = () => new DonorsMenu().getMenu()