clear errors when validation passes

gearbox-solutions · Jun 7, 2024 · 389b192 · 389b192
1 parent 14966a3
commit 389b192
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/src/runtime/composables/usePrecognitionForm.ts b/src/runtime/composables/usePrecognitionForm.ts
@@ -1,4 +1,4 @@
-import { FetchContext, FetchResponse } from 'ofetch'
+import type { FetchContext, FetchResponse } from 'ofetch'
 import useForm from './useForm'
 
 export default function usePrecognitionForm<Data extends Record<string, unknown>>(method: RequestMethod, url: string | (() => string), data: Data) {
@@ -69,6 +69,14 @@ async function validate(fieldName: string) {
 
         await defaultOptions.onStart()
       },
+      onResponse: async (context: FetchContext & { response: FetchResponse<R> }): Promise<void> | void => {
+        if (!context.response.ok) {
+          return
+        }
+
+        // clear the errors for the validated fields
+        await this.clearErrors(validateOnly)
+      },
       onResponseError: async ({ response }) => {
         console.log('precognition onResponseError')
         const errors = response._data.data?.errors