Ошибка настраиваемого элемента Vue с компонентом vee-validate ValidationObserver

Question

Я пытаюсь использовать vee-validateдля проверки некоторых входных данных в этом приложении. При попытке использовать ValidationObserverнастраиваемый тег я получаю эту ошибку.

[Предупреждение Vue]: Неизвестный пользовательский элемент: <ValidationObserver>- Вы правильно зарегистрировали компонент? Для рекурсивных компонентов обязательно укажите параметр «имя».

Я добавляю его к компонентам в <script>разделе элемента .vue.

    <script>
    import { ValidationObserver } from 'vee-validate';
    import { mapState, mapGetters, mapActions } from 'vuex';

    export default {
      data: () => ({
        name: 'ValidationObserver',
        components: {
          ValidationObserver,
        },
    // code continues on from here

На случай, если это было необходимо, я также включил его в компоненты своего main.jsфайла, в котором создано приложение Vue. Это не устранило ошибку.

Answer 1

параметр компонентов должен находиться за пределами параметра данных:

export default {
  data: () => ({
    name: 'ValidationObserver',
  }),
 components: {
      ValidationObserver,
    },