chet novoe

src/components/LoadingView.vue

@@ -0,0 +1,28 @@
+<script setup lang="ts">
+
+import ProgressSpinner from "primevue/progressspinner";
+
+
+</script>
+
+<template>
+  <div  class="relative w-full h-screen">
+    <!-- Полупрозрачный белый фон -->
+    <div class="absolute top-0 left-0 w-full h-full bg-white opacity-50 z-0"></div>
+
+    <!-- Спиннер поверх -->
+    <div class="absolute top-0 left-0 w-full h-full flex items-center justify-center z-50">
+      <ProgressSpinner
+          style="width: 50px; height: 50px;"
+          strokeWidth="8"
+          fill="transparent"
+          animationDuration=".5s"
+          aria-label="Custom ProgressSpinner"
+      />
+    </div>
+  </div>
+</template>
+
+<style scoped>
+
+</style>