feat(form): allow specifying message in validateAndNotify (#284) (#287

) close #284
globalbrain · May 26, 2023 · 9a136a8 · 9a136a8
1 parent aaf8f06
commit 9a136a8
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/lib/composables/Form.ts b/lib/composables/Form.ts
@@ -1,5 +1,5 @@
 import { type Ref, computed, reactive, toRefs } from 'vue'
-import { useSnackbars } from '../stores/Snackbars'
+import { type Snackbar, useSnackbars } from '../stores/Snackbars'
 import { type UseDataInput, useData } from './Data'
 import { type Validation, useValidation } from './Validation'
 
@@ -9,7 +9,7 @@ export interface Form<T extends Record<string, any>> {
   init(): void
   reset(): void
   validate(): Promise<boolean>
-  validateAndNotify(): Promise<boolean>
+  validateAndNotify(message?: Snackbar): Promise<boolean>
 }
 
 export type ComputedData<T extends Record<string, () => any>> = {
@@ -69,11 +69,11 @@ export function useForm<
     return validation.value.$validate()
   }
 
-  async function validateAndNotify(): Promise<boolean> {
+  async function validateAndNotify(message?: Snackbar): Promise<boolean> {
     const valid = await validate()
 
     if (!valid) {
-      snackbars.push({
+      snackbars.push(message ?? {
         mode: 'danger',
         text: 'Form contains errors. Please correct them and try again.'
       })