Feature: define validation messages in component

First of all, thank you for sharing this great library!

As far as I can tell, you have to define error messages globally at the top level of your application. Is it possible to define them within the component? It doesn’t seem like they would be allowed to live within data.validations since vuelidate would produce errors. Could they somehow be defined alongside, maybe as data.validation_messages with keys matching data.validations?

Does this seem like a good idea? It would allow us to reuse field names in different components. Is there already someway to do this?

I see that there is a table of Component Props in the documentation with one of the fields being messages. Is this what I’m looking for? I’m not sure where these props are supposed to be used.

[dobromir-hristov]

OK so maybe I have to make this more clear: To init you usually have this:

// messages.js
export default {
	required: 'The {attribute} field is required!',
	min: 'The {attribute} field should be at least {min} characters.'
}



// app.js

import vuelidateErrorExtractor from 'vuelidate-error-extractor'
import template from './my/custom/template'
import messages from './messages.js'

Vue.use(VuelidateErrorExtractor, {
  templates,
  messages,
})

Now when ever you use the error extractor, all your messages will be used.

If you want to overwrite one of them you can do

<template>
	<form-group :validator="$v.form.username" label='Username' :messages="localMessages">
		<input type="text" name="username" v-model="form.username" @input="$v.form.username.$touch()">
	</form-group>
</template>

<script>
	import {required} from 'vuelidate/lib/validations'

	export default {
		data () {
			return {
				form: {
					username: '',					
				},
				localMessages: {
					required: 'You should really fill in the {attribute} field!'
				}
			}
		},
		validations: {
			form: {
				username: { required() }
			}
		}
	}
</script>

[vishaltripathi189]

OK so maybe I have to make this more clear: To init you usually have this:

// messages.js
export default {
	required: 'The {attribute} field is required!',
	min: 'The {attribute} field should be at least {min} characters.'
}

Is This {min} still working? It was working for me in past but stopped working for some time. {attribute} is still working.