Helps showing vuelidate error messages from translation files.
npm install vuelidate-error-extractorVuelidate-error-extractor makes error message display from vuelidate a breeze. Be it for a single form element or all displaying all the errors in a form.
Error messages can be styled to fit either Foundation 6, Bootstrap 3 and Bootstrap 4 styles out of the box, or can be totally customized via your own custom templates.
Vuelidate-error-extractor is also able to work with vue-i18n or any vue translation plugin as long as it exposes a $t function to the Vue prototype. We also support predefining custom validation messages for all components and overriding them per component.
See the Pen Vuelidate Error extractor Usage Example
templates.singleErrorExtractor or templates.multiErrorExtractor. Everything else is backwards compatible.``js``
import VuelidateErrorExtractor, { templates } from 'vuelidate-error-extractor'
Vue.use(VuelidateErrorExtractor, {
template: templates.singleErrorExtractor.foundaton6
})