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 && ability.can('manage', 'cotisation')"
      />
    </client-only>

    <LayoutAlertBarSwitchYear />
    <LayoutAlertBarSuperAdmin />
    <LayoutAlertBarRegistrationStatus
      v-if="organizationProfile.hasModule('IEL')"
    />
  </main>
</template>

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

const organizationProfile = useOrganizationProfileStore()
const ability = useAbility()
</script>