app/composables/layout/Menus/medalsMenu.ts

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

/**
 * @category composables/layout/Menus
 * @class MedalsMenu
 * Classe pour la construction du Menu Médailles
 */
class MedalsMenu extends BaseMenu implements Menu {

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

    super($config)
  }

  /**
   * Construit le menu Médails et Dons ou null si aucune page accessible
   * @return {ItemMenu | null}
   */
  getMenu (): ItemMenu | null {
    const {can} = useAbility()
    
    if (can('display', 'medals_page')) {
      return this.constructMenu('medals', {name: 'fa-trophy'}, '/medals/list/', true)
    }
    return null
  }
}

export const getMedalsMenu = () => new MedalsMenu().getMenu()