<div id="app">
  <div class="grid-container grid-container-padded">
    <div class="grid-x grid-padding-x grid-padding-y">
      <div class="cell">
        <form-group :validator="$v.test" label="Test Field">
          <input type="text" v-model="test" @input="$v.test.$touch()">
        </form-group>
      </div>
    </div>
  </div>
</div>

Vue.use(vuelidate.default)

Vue.use(VuelidateErrorExtractor.default, {
  template: VuelidateErrorExtractor.templates.singleErrorExtractor.foundation6,
  messages: {
    required: 'Field {attribute} is required',
    minLength: 'Field {label} must be 5 symbols'
  }
})

const vueInstance = new Vue({
  el: '#app',
  data () {
    return {
      test: ''
    }
  },
  validations: {
    test: {
      required: validators.required,
      minLength: validators.minLength(5)
    }
  }
})