<!-- Animation circulaire à afficher durant les chargements -->

<template>
  <v-overlay
          v-model="pageStore.loading"
          z-index="9000"
          persistent
          class="align-center justify-center"
  >
    <v-progress-circular
      indeterminate
      size="64"
    />
  </v-overlay>
</template>

<script setup lang="ts">
  import {usePageStore} from "~/stores/page";

  const pageStore = usePageStore()
</script>

<style scoped>
  .loading-page {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1001!important;
  }
</style>
