Нужна помощь в архитектурном плане. имеется пакет vee-validate

validate () {
this.$validator.validateAll().then(valid => {
if (valid) {
this.stateUpdate()
}
})
},
Моя функци для валидирования

Моя форма


<v-card>
<v-card-title>
{{ $t('messages.update_', {'title': 'state'}) }}
</v-card-title>
<v-card-text>
<v-layout row wrap>
<v-flex lg12 sm12>
<v-text-field name="name"
:label="$t('messages.name')"
type="text"
:error-messages="errors.collect('name')"
data-vv-name="name"
v-model="state.name"
v-validate="'required'"></v-text-field>
<v-select :items="countries.data"
v-model="state.country"
:label="$t('messages.country')"
item-text="name"
item-value="id"
:error-messages="errors.collect('country')"
data-vv-name="country"
v-validate="'required'"
return-object
single-line></v-select>
</v-flex>
</v-layout>
</v-card-text>
<v-card-actions class="pb-3">
<v-spacer></v-spacer>
<v-btn color="primary" @click="validate" :loading="loading">{{ $t('action.edit') }}</v-btn>
</v-card-actions>
</v-card>

Вопрос такой как можно убрать мою функцию validate которая вызывает нужную мне функцию?

Эта библиотека предоставляет компоненты validation-provider и validation-observer