app/composables/layout/Menus/parametersMenu.ts

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

/**
 * @category composables/layout/Menus
 * @class ConfigurationMenu
 * Classe pour la construction du Menu Paramètres
 */
class ParametersMenu extends BaseMenu implements Menu {

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

    super($config)
  }

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

    if (can('display', 'parameters_page')) {
      children.push(this.constructMenu('general_params', {name: 'fa-cogs'},`/parameters`, false))
    }
    if (can('display', 'parameters_communication_page')) {
      children.push(this.constructMenu('communication_params', {name: 'fa-comments'},`/parameters/communication`, false))
    }
    if (can('display', 'parameters_student_page')) {
      children.push(this.constructMenu('students_params', {name: 'fa-users'},`/parameters/student`, false))
    }
    if (can('display', 'parameters_education_page')) {
      children.push(this.constructMenu('education_params', {name: 'fa-graduation-cap'},`/parameters/education`, false))
    }
    if (can('display', 'parameters_bills_page')) {
      children.push(this.constructMenu('bills_params', {name: 'fa-euro-sign'},`/parameters/billing`, false))
    }
    if (can('display', 'parameters_secure_page')) {
      children.push(this.constructMenu('secure_params', {name: 'fa-lock'},`/parameters/secure`, false))
    }

    if (children.length > 0) {
      return children
    } else {
      return null
    }
  }
}

export const getParametersMenu = () => new ParametersMenu().getMenus()