Passing context to functional components

[eddyerburgh]

I propose this API to pass context to functional components:

const context = {
  props: {foo: 'bar'}
}

const wrapper = mount(FunctionalComponent, context)

What are peoples thoughts?

[codebryo]

Agree to 100%, feels natural and allows for customization or extending in the future.
Would you internally turn it to propsData?

[eddyerburgh]

The way I got this working in avoriaz is to mount a component with a render functional that returns the functional component and passes it the context object -

https://github.com/eddyerburgh/avoriaz/blob/master/src/mount.js#L33

I imagine there are problems with doing it like this, but I wanted to get something out there as a canary test.

Maybe we should also allow users to pass props to mount with props instead of propsData, as it's cleaner

[codebryo]

I think it makes sense to make props work for both contexts. And it's a nicer API then using propsData.
Ideally it makes no difference what kind of Component gets mounted as all params will be passed in the same way. Options passed along that don't count for functional components will then be ignored by Vue instance anyway.

[eddyerburgh]

Closed with eda39df