ShadowDOM examples for vue-custom-element

Demonstrates how ShadowDOM based WebComponents functionality should work with VueCLI 3 based projects.

This project uses vue-custom-element for WebComponent functionality, however similar principles should apply for the native web-component-wrapper.

Run example in dev mode

yarn install
yarn watch

Note: Vuetify does not natively support ShadowDOM-based WebComponents, and therefore does not work with HMR.

yarn build:lib
yarn http demo

The built library is quite large due to Vuetify including its entire code base into the WebComponent. This is an example of how a prebuilt UI library should used a-la-cart to avoid bloat.

Name		Name	Last commit message	Last commit date
Latest commit History 11 Commits
docs		docs
public		public
src		src
.browserslistrc		.browserslistrc
.editorconfig		.editorconfig
.eslintrc.js		.eslintrc.js
.gitignore		.gitignore
README.md		README.md
babel.config.js		babel.config.js
build.html		build.html
demo.html		demo.html
package.json		package.json
vue.config.js		vue.config.js
yarn.lock		yarn.lock