form belum fix

components/Form/Lib/master/Email.vue

@@ -0,0 +1,8 @@
+<template>
+    <TextElement
+      name="email"
+      input-type="email"
+      :rules="['nullable', 'email']"
+      label="Email"
+    />
+</template>

components/Form/Lib/master/Name.vue

@@ -0,0 +1,3 @@
+<template>
+    <TextElement name="username" label="Nama" />
+</template>

components/Form/Lib/master/Password.vue

@@ -0,0 +1,3 @@
+<template>
+    <TextElement name="password" input-type="password" label="Password" />
+</template>

components/Form/Lib/master/Role.vue

@@ -0,0 +1,24 @@
+<template>
+    <SelectElement
+      name="role"
+      :search="true"
+      :native="false"
+      input-type="search"
+      autocomplete="off"
+      label="Hak Akses"
+      :items="[
+        {
+          value: 0,
+          label: 'Administrator',
+        },
+        {
+          value: '1',
+          label: 'Manager',
+        },
+        {
+          value: '2',
+          label: 'Staff',
+        },
+      ]"
+    />
+</template>

components/layout/full/vertical-sidebar/sidebarItem.ts

@@ -23,6 +23,23 @@ const sidebarItem: menu[] = [
     icon: "adhesive-plaster-outline",
     to: "/",
   },
+  {
+        title: "master",
+        to: "/master",
+        external: false,
+        children:[
+          {
+            title: "index",
+            to: "/master/index",
+            external: false,
+          },
+          {
+            title: "master",
+            to: "/master/form",
+            external: false,
+          },
+        ]
+  },
   {
     title: "Front Pages",
     icon: "home-angle-linear",

components/master/Form.vue

@@ -0,0 +1,30 @@
+<template>
+  <!-- <v-card elevation="10" >
+        <v-card-item> -->
+            <div class="d-md-flex justify-space-between mb-mb-0 mb-3">
+                <!-- <v-card-title class="text-h5">Revenue Forecast</v-card-title> -->
+            </div>
+            <div class="mt-4 pt-2">
+              <Vueform v-model="data" validate-on="change|step" method="post" :endpoint="onSubmit">
+                <FormLibMasterName />
+                <FormLibMasterEmail />
+                <FormLibMasterPassword />
+                <FormLibMasterRole />
+                <ButtonElement
+                  name="primaryButton"
+                  button-label="Button"
+                  :submits="true"
+                   align="center"
+                   size="lg"
+                />
+              </Vueform>
+            </div>
+        <!-- </v-card-item>
+    </v-card> -->
+</template>
+<script setup lang="ts">
+const data = ref('')
+const onSubmit = () => {
+  console.log(data)
+}
+</script>