Plugin for using your `VueComponents` as native DOM `WebComponents`


Having spent a few days learning Vue and looking around the web for what support was available to create CustomElements and native DOM WebComponents(shadowRoot DOM, CSS, etc); I came upon the web-component-wrapper code. I explored it, then ended up fixing the native DOM slot issues, and shadowRoot issues it had.

See comments here:

After a day of living with that set of revisions, I came to feel that a different from scratch approach might work more seamlessly; given other work I had done with native WebComponents .

The following repository link contains the Vue plugin source for that alternative approach to native DOM WebComponents defined by a Vue VueComponent vueDefinition:

A simple all-in-one (ready-to-run) html-file example is available in that same plugin repository.