Conflicts with globally defined components

[LeBenLeBen]

When you have globally defined components, for example in your main.js:

import Vue from 'vue';
import { ValidationObserver } from 'vee-validate';

Vue.component('ValidationObserver', ValidationObserver);

And you use one of these in combination with an auto-loaded component from the plugin in the same component:

<template>
  <ValidationObserver>
    <FiltersForm>
      <!-- ... -->
    </FiltersForm>
  </ValidationObserver>
</template>

Vue warns about custom element ValidationObserver not being available. Removing FiltersForm or disabling the plugin and specifying the components explicitly works.

If I check vm.$options.component of the component above, I only get FiltersForm. It’s like something override globally defined component, or prevent them from being found when parsing the template.

[harlan-zw]

Hey @LeBenLeBen

Thanks for taking the time to make this issue. Can you try this with the latest version - 1.1.0?

I've updated the addComponent logic for most edge cases and it may cover this. I tried to replicate this issue with this version and wasn't able to.

If you still have issues would you mind making a reproduction repo

[harlan-zw]

Ah true, should be an easy patch. Will sort it in a couple of hours