A strategy to validate child components with Vue and Vee Validate.

Vee Validate - Validating Child components

// Somewhere in the initialization:
import VeeValidate from "vee-validate";

Vue.use(VeeValidate); 

// Then, in the parent component:
export default {
  provide () {
    return { parentValidator: this.$validator }
  },
  ...
}

// Then, in the child component:
export default { // or `export default Vue.extend({`
  inject: ["parentValidator"],
  ...
  created() {
    this.$validator = this.parentValidator
  }
  ...
}

// Then, in the component to be validated (example):
<v-autocomplete
  name="myName"
  v-validate="'required'"
  :error-messages="errors.collect('myName')"
  ...
>
</v-autocomplete>

Thanks for sharing this @Danilo-Araujo-Silva.

For those using VeeValidate version ^3.0.0, the above initialization will throw an error. (see reported issue)

The solution is to downgrade to VeeValidate version 2 based on the responses of the VeeValidate creator in the reported issue above. (v2.1.5 worked for me)