app/components/Layout/LoadingScreen.vue

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

<template>
  <v-overlay :value="loading" class="loading-page">
    <v-progress-circular
      indeterminate
      size="64"
    />
  </v-overlay>
</template>

<script setup lang="ts">
  import {Ref, ref} from "@vue/reactivity";

  const loading: Ref<boolean> = ref(false)

  const set = (_num: number) => {
    loading.value = true
  }

  const start = () => {
    loading.value = true
  }

  const finish = () => {
    loading.value = false
  }

  const fail = () => {
    loading.value = false
  }
</script>

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