first commit

resources/js/views/demos/components/dialog/DemoDialogLoader.vue

@@ -0,0 +1,41 @@
+<script setup>
+const isDialogVisible = ref(false)
+
+watch(isDialogVisible, value => {
+  if (!value)
+    return
+  setTimeout(() => {
+    isDialogVisible.value = false
+  }, 4000)
+})
+</script>
+
+<template>
+  <!-- Dialog Activator -->
+  <VBtn
+    :disabled="isDialogVisible"
+    @click="isDialogVisible = true"
+  >
+    Start loading
+  </VBtn>
+
+  <!-- Dialog -->
+  <VDialog
+    v-model="isDialogVisible"
+    width="300"
+  >
+    <VCard
+      color="primary"
+      width="300"
+    >
+      <VCardText class="pt-3 text-white">
+        Please stand by
+        <VProgressLinear
+          indeterminate
+          class="mt-4"
+          color="#fff"
+        />
+      </VCardText>
+    </VCard>
+  </VDialog>
+</template>