LoadingScreen.vue 536 B

1234567891011121314151617181920212223242526272829
  1. <!-- Animation circulaire à afficher durant les chargements -->
  2. <template>
  3. <v-overlay
  4. v-model="pageStore.loading"
  5. z-index="9000"
  6. persistent
  7. class="align-center justify-center"
  8. >
  9. <v-progress-circular indeterminate size="64" />
  10. </v-overlay>
  11. </template>
  12. <script setup lang="ts">
  13. import { usePageStore } from '~/stores/page'
  14. const pageStore = usePageStore()
  15. </script>
  16. <style scoped>
  17. .loading-page {
  18. position: fixed;
  19. top: 0;
  20. left: 0;
  21. width: 100%;
  22. height: 100%;
  23. z-index: 1001 !important;
  24. }
  25. </style>