Используя Vee Validate с Vue, я получаю следующие ошибки при компиляции:
error: 'required' is defined but never used (no-unused-vars)
error: 'max' is defined but never used (no-unused-vars)
Мой фрагмент кода ниже
<ValidationObserver ref="observer" v-slot="{ invalid }" tag="form" @submit.prevent="submit()">
<div class="form-group">
<label for="password">Password</label>
<ValidationProvider rules="required|max:50" v-slot="{ errors }">
<input type="password" v-model="password" name="password" class="form-control"/>
<span>{{ errors[0] }}</span>
</ValidationProvider>
</div>
</ValidationObserver>
<script>
import { ValidationProvider, ValidationObserver } from 'vee-validate'
import { required, max } from 'vee-validate/dist/rules'
export default {
components: {
ValidationProvider,
ValidationObserver
}
}
</script>
Я могу устранить ошибки, добавив этот код
Vue.use(required)
Vue.use(max)
Но это правильный путь или есть настройка, которую я могу использовать в eslint для предотвращения этих ошибок?