app/components/Layout/LoadingScreen.vue

<!-- 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>