The form on the right is created with this JSON bellow

Edit the json and see how changes

Form config

      [{"type":"text","name":"nombre","id":"nombre","validation":"required | minLength:3","label":"Nombre"},{"type":"text","name":"correo","id":"correo","validation":"required | email","label":"Correo Electrónico"}]

Form component

      <SharedMoleculesFormsFormCreator :form-config=[{"type":"text","name":"nombre","id":"nombre","validation":"required | minLength:3","label":"Nombre"},{"type":"text","name":"correo","id":"correo","validation":"required | email","label":"Correo Electrónico"}] />

Form schema

You can save this schema in the /forms folder nuxt plugin detects and declare component for you , if your schema is called example.form.ts it produces < ExampleForm />

      
import type { FormGroup, FormField } from "@/interfaces/FormConfig"

export default (t): (FormGroup | FormField)[] => {
  return [{"type":"text","name":"nombre","id":"nombre","validation":"required | minLength:3","label":"Nombre"},{"type":"text","name":"correo","id":"correo","validation":"required | email","label":"Correo Electrónico"}]
}