vuetifylidate-mixin

This miksin for the output of validation errors from vuelidate to vuetify fields

How it works

Firstly, create component:

import { required } from 'vuelidate/lib/validators'
import fieldErrMixin from 'vuetifylidate-mixin'

export default {
  name: 'TestForm',
  mixins: [fieldErrMixin],
  data () {
    return {
      form: {
        someField: ''
      },
      formErrors: {
        someField: [] // The array (must be array required by vuetify)
      }
    }
  },
  validations: {
    form: {
      someField: {
        required
      }
    }
  }
}

And the template:

<template>
  <v-text-field label="someField"
                v-model.trim="form.someField"
                @input="$v.form.someField.$touch()"
                @blur="getErrorText('someField')"
                :errors="formErrors.someField"
  ></v-text-field>
</template>