<!--
Alert bars

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

<template>
  <main>
    <client-only>
      <LayoutAlertBarEnv />
    </client-only>

    <LayoutAlertBarSwitchUser />

    <client-only>
      <LayoutAlertBarCotisation v-if="organizationProfile.isCmf && can('manage', 'cotisation')" />
    </client-only>

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

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

  const organizationProfile = useOrganizationProfileStore()
  const { can } = useAbility()
</script>

<style scoped>
</style>
