feat: expose reset() on the form controller object

Author: logaretm

packages/core/src/types.ts

@@ -59,6 +59,7 @@ export interface FormController {
   setFieldError: (field: string, message: string) => void;
   setErrors: (fields: Record<string, string>) => void;
   setValues: (fields: Record<string, any>) => void;
+  reset: () => void;
 }
 
 type SubmissionContext = { evt: SubmitEvent; form: FormController };

packages/core/src/useForm.ts

@@ -115,6 +115,10 @@ export function useForm(opts?: FormOptions) {
     });
   }
 
+  const handleReset = () => {
+    fields.value.forEach((f: any) => f.reset());
+  };
+
   // a private ref for all form values
   const formValues = reactive<Record<string, any>>({});
   const controller: FormController = {
@@ -168,6 +172,7 @@ export function useForm(opts?: FormOptions) {
     setValues,
     setErrors,
     setFieldError,
+    reset: handleReset,
   };
 
   const validate = async () => {
@@ -208,10 +213,6 @@ export function useForm(opts?: FormOptions) {
     }, {});
   });
 
-  const handleReset = () => {
-    fields.value.forEach((f: any) => f.reset());
-  };
-
   const activeFormValues = computed(() => {
     return activeFields.value.reduce((formData: Record<string, any>, field) => {
       setInPath(formData, field.name, unwrap(field.value));