<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>
