sreenaths / vue3-webcomponent-wrapper-demo

Demo app for vue3-webcomponent-wrapper
Apache License 2.0
3 stars 4 forks source link

How to make slot work #7

Closed ex0ns closed 5 months ago

ex0ns commented 10 months ago

I'm very interested by this lib, as this is my only way to use a framework without having to deal with vue.js and from what I could test everything is working great, however it seems that there are some issue with slots

I have tried the following: https://github.com/ex0ns/vue3-webcomponent-wrapper-demo/commit/5cdc05eb9a470935419ef9e70c2c1b8d2a9a2d04 but it does not work. Somehow the slot is detected because the default value is not shown, but the generated html is far from correct, it looks like that:

<ul attrs="[object Object]" domprops="[object Object]" slot="default"></ul>

Is there anything we could do about that to support slot properly ? (at least basic and named slots) ? I could try to implement the solution but I would be glad if you could give me some pointers/a starting point.

Did any of you succeeded using slots with webcomponent in vue ?