app/components/Layout/AlertBar.vue

<!--
Alert bars

Contient les différentes barres d'alertes qui s'affichent dans certains cas
-->

<template>
  <main>
    <LayoutAlertBarEnv />

    <LayoutAlertBarSwitchUser />

    <client-only>
      <LayoutAlertBarCotisation v-if="organizationProfile.isCmf && canManageCotisation" />
    </client-only>

    <LayoutAlertBarSwitchYear />
    <LayoutAlertBarSuperAdmin />
  </main>
</template>

<script setup lang="ts">
  import {useOrganizationProfileStore} from "~/stores/organizationProfile";
  import {useAbility} from "@casl/vue";

  const organizationProfile = useOrganizationProfileStore()
  const ability = useAbility()

  const canManageCotisation = ability.can('manage', 'cotisation')
</script>