feat: custom validator message

docs/guide/validation.md

@@ -10,6 +10,15 @@ Nuxt-form comes with a built-in field validation system. It utilizes [class-vali
 />
 ```
 
+##### Custom validator message 
+```VUE
+<FormInput 
+  name="fieldname"
+  :rules="['isEmail', {minLength: [3], message: 'custom' }]"
+/>
+```
+
+
 ## Triggering Validation
 
 While some validations are triggered on input changes, others need to be activated by a validation method. There are two ways to trigger this:

package.json

@@ -1,7 +1,7 @@
 {
   "name": "@wgr-sa/nuxt-form",
   "description": "Form builder for Nuxt",
-  "version": "0.8.0",
+  "version": "0.8.1",
   "repository": "https://github.com/WGR-SA/nuxt-form.git",
   "author": "jeanvier",
   "license": "MIT",

playground/app.vue

@@ -16,6 +16,7 @@
         name="asdf"
         :rules="[ 'isEmail']"
       />
+      <FormInput label="" type="checkbox" name="tosnlpd" :rules="[{ equals: [true], message: 'coucou' }]" />
       <FormInput name="safs" :rules="['isNotEmpty']" />
       <FormSubmit>
         Submit 

src/runtime/composables/validator.ts

@@ -12,7 +12,13 @@ export const useFormValidator = () => {
       return []
     }
 
-    form.validator.rules[field].forEach((rule: any) => {    
+    console.log(form.validator.rules);
+
+
+    form.validator.rules[field].forEach((rule: any) => {   
+
+      console.log(rule);
+
       const validator = validators[rule.$params.type as keyof typeof validators]
 
       const type_rules = [ 'isEmail', 'isNumber' ]
@@ -24,8 +30,8 @@ export const useFormValidator = () => {
       // @ts-ignore TODO: import only validation functions
       const result = validator(form.data.state[field], rule.$params.options) 
 
-      if (!result && (form.data.state[field].length > 0 || ['error', 'validate'].includes(form.state.status))) {
-        errors.value.push(rule.$message)
+      if (!result && (form.data.state[field].length > 0 && form.data.state[field] !== 'false' || ['error', 'validate'].includes(form.state.status))) {
+        errors.value.push(rule.custom_message ?? rule.$message)
       }
     })
 

src/runtime/utils/validators/validator.ts

@@ -9,7 +9,7 @@ export class FormValidator {
         return { $params: { type: r }, $message: r }
       }
       const rule = Object.keys(r)[0]
-      return { $params: { type: rule, options: [...r[rule]] }, $message: r }
+      return { $params: { type: rule, options: [...r[rule]] }, $message: r, custom_message: r.message }
     })   
 
     this.updateValidatorMessages(options.messages)