tambah tipe user belum fix

pages/Setting/typeUser/index.vue

@@ -5,35 +5,42 @@ import role_menu from "@/data/dummy/keuangan.role_menu.json";
 import menu from "@/data/dummy/keuangan.menu.json";
 import { ref } from "vue";
 
-console.log(typeUser);
-console.log(role_menu);
-console.log(menu);
-
+// console.log(typeUser);
+// console.log(role_menu);
+// console.log(menu);
+const state = ref(false)
 const detailType = (item) => {
   console.log(item); //simpan pinia
   navigateTo(`/Setting/typeUser/HakAkses`);
 };
 // const dialog = ref(false);
-const detail = ref(false);
+// const detail = ref(false);
 </script>
 <!-- ini list -->
 <template>
   <div class="d-flex pt-6 align-center justify-end">
-        <v-btn class="mr-16" color="primary" variant="tonal" @click="detail= !detail"><v-icon>mdi-plus</v-icon> Tipe User</v-btn>
-    </div>
+        <v-btn class="mr-16" color="primary" variant="tonal" @click="state= !state"><v-icon>mdi-plus</v-icon> Tipe User</v-btn>
+  </div>
   <v-row no-gutters>
-    <div class="d-flex justify-space-between">
-      <template v-if="typeUser && typeUser.length > 0">
-        <v-col v-for="(item, index) in typeUser" :key="index">
-          <MasterCardList :item="item" @detail="detailType" />
-        </v-col>
-      </template>
-      <template v-else>
-        <div class="d-flex justify-content-center align-items-center">
-          <p>Tidak ada Pasien</p>
-        </div>
-      </template>
-    </div>
+    <v-col cols="12" md="4">
+      <div class="d-flex justify-space-between">
+        <template v-if="typeUser && typeUser.length > 0">
+          <v-col v-for="(item, index) in typeUser" :key="index">
+            <MasterCardList :item="item" @detail="detailType" />
+          </v-col>
+        </template>
+        <template v-else>
+          <div class="d-flex justify-content-center align-items-center">
+            <p>Tidak ada Pasien</p>
+          </div>
+        </template>
+      </div>
+    </v-col>
   </v-row>
-  <MasterModal :dialog="detail" @dialog="detail = $event"/>
+  <MasterDialogModal v-if="state" :stateValue="state" @stateValue="val => state = val" >
+    <template v-slot:text>
+      <!-- <p>coba ini</p> -->
+       <MasterFormTypeUser />
+    </template>
+  </MasterDialogModal>
 </template>