add nova

nova/resources/js/components/LoadingView.vue

@@ -0,0 +1,42 @@
+<template>
+  <div class="relative" :class="{ 'overflow-hidden': loading }">
+    <!-- Default -->
+    <template v-if="variant === 'default'">
+      <div
+        v-if="loading"
+        dusk="loading-view"
+        :class="{
+          'flex items-center justify-center z-30 p-6': variant === 'default',
+          'absolute inset-0 z-30 bg-white/75 flex items-center justify-center p-6':
+            variant === 'overlay',
+        }"
+        style="min-height: 220px"
+      >
+        <Loader class="text-gray-300" />
+      </div>
+      <slot v-else />
+    </template>
+
+    <!-- Overlay -->
+    <template v-if="variant === 'overlay'">
+      <div
+        v-if="loading"
+        dusk="loading-view"
+        class="absolute inset-0 z-20 bg-white/75 dark:bg-gray-800/75 flex items-center justify-center p-6"
+      />
+
+      <slot />
+    </template>
+  </div>
+</template>
+
+<script setup>
+defineProps({
+  loading: { type: Boolean, default: true },
+  variant: {
+    type: String,
+    validator: v => ['default', 'overlay'].includes(v),
+    default: 'default',
+  },
+})
+</script>