diff --git a/components/Master/CardList.vue b/components/Master/CardList.vue
index 87e4bd9..6c6071a 100644
--- a/components/Master/CardList.vue
+++ b/components/Master/CardList.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { Icon } from "@iconify/vue";
-import { boolean } from "zod/v4";
+import {Icon} from "@iconify/vue";
+import {boolean} from "zod/v4";
 
 const props = withDefaults(defineProps<{
   item: Record<string, any>;
@@ -14,7 +14,7 @@ const state = ref(false)
   <v-card elevation="10" style="overflow: hidden;min-width: 300px;" @click="state = true">
     <template v-slot:prepend>
       <v-avatar size="50">
-        <Icon icon="solar:user-circle-broken" height="32" />
+        <Icon icon="solar:user-circle-broken" height="32"/>
       </v-avatar>
     </template>
     <template v-slot:title>
@@ -29,5 +29,11 @@ const state = ref(false)
     </template> -->
   </v-card>
 
-  <MasterDialogModal v-if="state" :stateValue="state" @stateValue="val => state = val" />
+  <MasterDialogModal v-if="state" :stateValue="state" @stateValue="val => state = val">
+    <template v-slot:text>
+      <!-- <p>coba ini</p> -->
+      <!--      <MasterFormTypeUser />-->
+      <MasterFormListMenu/>
+    </template>
+  </MasterDialogModal>
 </template>
\ No newline at end of file
diff --git a/components/Master/DialogModal.vue b/components/Master/DialogModal.vue
index c48eec8..ac62d6f 100644
--- a/components/Master/DialogModal.vue
+++ b/components/Master/DialogModal.vue
@@ -12,13 +12,7 @@ watch(() => props.stateValue, (newValue) => {
   isActive.value = newValue;
 });
 
-const listMenu = ref<any[]>([]);
 
-$fetch(`/api/setting/getListMenu`)
-    .then((response) => {
-      console.log(response);
-      listMenu.value = response;
-    })
 </script>
 
 
@@ -46,7 +40,7 @@ $fetch(`/api/setting/getListMenu`)
           </slot>
 
           <v-card-actions>
-            <v-btn text @click="$emit('stateValue', false)">Disagree</v-btn>
+<!--            <v-btn text @click="$emit('stateValue', false)">Disagree</v-btn>-->
           </v-card-actions>
         </v-card>
       </template>
diff --git a/components/Master/formListMenu.vue b/components/Master/formListMenu.vue
new file mode 100644
index 0000000..2ec8767
--- /dev/null
+++ b/components/Master/formListMenu.vue
@@ -0,0 +1,35 @@
+<script setup lang="ts">
+import {ref} from "vue";
+
+const data = ref(null)
+const onSubmit = () => {
+  // console.log("ini disimpan:",data.value?.data.typeUser);
+  console.log("ini disimpan:",data.value.form$.data);
+
+}
+const listMenu = ref<any[]>([]);
+
+$fetch(`/api/setting/getListMenu`)
+    .then((response) => {
+      console.log(response);
+      listMenu.value = response;
+    })
+</script>
+
+<template>
+  <div class="d-flex  gap-1 mx-1 pa-7 pt-0 pb-0">
+    <Vueform
+        ref="data"
+        validate-on="change|step"
+        method="post"
+        :endpoint="onSubmit"
+        size="md"
+        :display-errors="false"
+    >
+      <div v-for="item in listMenu" :key="item.id">
+        <p>{{item.display}}</p>
+      </div>
+      <ButtonElement name="primaryButton" button-label="Button" :submits="true" size="lg"/>
+    </Vueform>
+  </div>
+</template>
diff --git a/pages/Setting/typeUser/index.vue b/pages/Setting/typeUser/index.vue
index a84e251..292f293 100644
--- a/pages/Setting/typeUser/index.vue
+++ b/pages/Setting/typeUser/index.vue
@@ -4,7 +4,9 @@
 import role_menu from "@/data/dummy/keuangan.role_menu.json";
 import menu from "@/data/dummy/keuangan.menu.json";
 import { ref } from "vue";
+import {boolean} from "zod/v4";
 
+const state = ref(false)
 const typeUser  = ref<any[]>([]);
 $fetch("/api/setting/getTipeUser").then((res) => {
   console.log('uuu',res);