@fifteen/design-system-vue
Version:
Vue 3 (Composition API + Typescript) implementation of the Fifteen Design System
2 lines (1 loc) • 619 B
JavaScript
;const r=require("vue"),m=require("vee-validate"),p=r.defineComponent({__name:"FForm",props:{initialValues:{}},emits:["valid","error"],setup(n,{expose:a,emit:l}){const u=n,s=l,{values:o,validate:c,resetForm:i}=m.useForm({initialValues:u.initialValues});async function t(){const e=await c();return e.valid&&s("valid",o),e.errors.length&&s("error",e.errors),{errors:e.errors,values:o}}return a({reset:i,submit:t}),(e,d)=>(r.openBlock(),r.createElementBlock("form",{class:"FForm",onSubmit:r.withModifiers(t,["prevent"])},[r.renderSlot(e.$slots,"default",{submit:t,reset:r.unref(i)})],32))}});module.exports=p;