halaman view permission

components/ui-components/dialogs/DialogsPersistent.vue

@@ -0,0 +1,32 @@
+<script setup lang="ts">
+import { ref } from "vue";
+const dialog = ref(false);
+</script>
+
+<template>
+  <div class="text-center">
+    <v-dialog v-model="dialog" persistent class="dialog-mw">
+      <template v-slot:activator="{ props }">
+        <v-btn color="primary" class="w-100" v-bind="props" flat> Open Dialog </v-btn>
+      </template>
+      <v-card class="pa-6">
+        <v-card-title class="text-h5">
+          Use Google's location service?
+        </v-card-title>
+        <v-card-text
+          >Let Google help apps determine location. This means sending anonymous
+          location data to Google, even when no apps are running.</v-card-text
+        >
+        <v-card-actions>
+          <v-spacer></v-spacer>
+          <v-btn color="error" variant="tonal" @click="dialog = false" flat>
+            Disagree
+          </v-btn>
+          <v-btn color="success" variant="tonal" @click="dialog = false" flat>
+            Agree
+          </v-btn>
+        </v-card-actions>
+      </v-card>
+    </v-dialog>
+  </div>
+</template>