provide / inject not found , overwrite by plugins. about composition-api HOT 4 CLOSED

The issue is that this plugin adds a old-API provide: option as a global mixin to each component, and this "old-school" provide is resolved after setup's provide and actually overrides what setup has previously set :

1. setup is run in Vue 2's beforeCreate hook
2. After that, Vue's "real" initialization of provide: options is done.
3. and that code overrides this._provided (as this is an internal that is not pre-set with any content, usually, when not using this function-api plugin).

The same problem can be demonstrated when doing this:

{
  setup() {
    provide('A', 'A')
  },
  provide: {
   B: 'B'
  }
}

The 'A' provide will be overwritten when Vue initializes the 'B' provide.

We could solve this by overwriting this._provided with a custom setter that simply merges the later-added items into existing ones.

from composition-api.

@TrungRueta Hi! Have you had any success integrating vee-validate with the function api plugin? (For example, I found out that is possible to access the fieldsbag by referencing: context.root.$validator._base.fields, but I'd look for a better way...)

from composition-api.

@fessacchiotto yes, you can reference from this :
vee-validate injector

if you init vee-validate plugin in vue Vue.use(...) then you will have $validator ready on every components, use vue-function-api -> inject('...') to pull it.

from composition-api.

from composition-api.