@awesome-plugins/vue3-form v0.1.1

Form generator (Vue 3)

Example (simple form)

<template>
  <form ref="form" @submit.prevent="onSubmit">
    <v-form v-model="formData" :structure="structure"></v-form>
    <button type="submit">submit</button>
  </form>
</template>

<script>
import { FormComponent } from "@awesome-plugins/vue3-form";

export default {
  components: {
    'v-form': FormComponent
  },

  data() {
    return {
      formData: {},
      structure: [
        { key: "string", type: "string" },
        { key: "textarea", type: "textarea" },
        { key: "boolean", type: "boolean" },
      ],
    };
  },

  methods: {
    onSubmit() {
      console.log('Form submited!', this.formData);
    }
  }
};
</script>