This might be out of the scope of this project, but it does not seem that this works for Vue components. I would like to do something like this in React by using Vue Components
import Tabs from './Tabs.vue';
import Tab from './Tab.vue';
function ReactComponent() {
return (
<Tabs>
<Tab title="Tab 1">
Some Content
</Tab>
<Tab title="Tab 2">
Some Content
</Tab>
</Tabs>
);
}
In the Tab component, it uses inject to get methods from the provided Tabs component. I am sure I could accomplish this by creating another Vue component that would wrap this structure, but it would be nice to be able to handle this in the React component.
I actually want this interoperability in this project. At the moment, I plan to assess what's outstanding and push forward with it. I'm sorry it's taken so long to get a response.
This might be out of the scope of this project, but it does not seem that this works for Vue components. I would like to do something like this in React by using Vue Components
In the Tab component, it uses inject to get methods from the provided Tabs component. I am sure I could accomplish this by creating another Vue component that would wrap this structure, but it would be nice to be able to handle this in the React component.