halaman view permission

components/ui-components/dialogs/DialogsActivator.vue

@@ -0,0 +1,26 @@
+<script setup lang="ts">
+import { ref } from "vue";
+
+const dialog = ref(false);
+</script>
+
+<template>
+  <div class="text-center mt-4 mt-sm-0">
+    <v-btn color="primary" class="w-100" flat>
+      Open Simple Dialog
+      <v-dialog v-model="dialog" activator="parent"  class="dialog-mw">
+        <v-card>
+          <v-card-text>
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
+            eiusmod tempor incididunt ut labore et dolore magna aliqua.
+          </v-card-text>
+          <v-card-actions>
+            <v-btn color="primary"  @click="dialog = false" variant="tonal"
+              >Close Dialog</v-btn
+            >
+          </v-card-actions>
+        </v-card>
+      </v-dialog>
+    </v-btn>
+  </div>
+</template>