scvnc / experiment-vue-ui-shadowdom

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

experiment-vue-ui-shadowdom

See Demo.

I am experimenting with having Popular Vue UI Frameworks used in a ShadowDOM environment for microfrontends. Pros and cons to these libraries.

Tested Frameworks

Primevue

has js errors, but styles are relatively isolated when adding the styles to 'both'

Seems to require requiring the styles in both document and shadowRoot.

Quasar

Works really well, stellar datepicker, low level components kind of nice. It does pollute the styles a bit so we'd have to figure out how to bake in namespacing for it.

Seems to require requiring the styles in both document and shadowRoot.

Vuetify3

Missing datepicker. It does pollute the styles a bit so we'd have to figure out how to bake in namespacing for it.

Seems to require requiring the styles in both document and shadowRoot.

Scaffolding

This was scaffolded with yarn create vue docs

About


Languages

Language:Vue 69.7%Language:TypeScript 19.5%Language:CSS 8.2%Language:HTML 1.3%Language:JavaScript 1.2%