share me:

Nuxt Custom-Elements

• ✨   Release Notes
• 📖   Documentation
• 👁   Preview

Publish your Components as a vue-custom-element standalone build.

Nuxt Custom-Elements allows you to export your existing project components as custom elements for integration into external pages.

Features

• Using modern and client build
• Export components as widgets
• Use the Shadow DOM 🥷
• Use TailwindCSS and Vuetify for your widgets

📖   Learn more in the documentation

Browsers support

For cross-browser compatibility (IE11+) the client build uses the Polyfill custom-elements

Polyfill not included in the modern build, optional include by option modernPolyfill (Learn more).

Development

1. Clone this repository
2. Install dependencies using npm install or yarn install
3. Start development server using npm run dev or yarn dev

Preview

1. Clone this repository
2. Install dependencies using yarn install or npm install
3. Build and start with express yarn start:build or npm run start:build
4. Open endpoints via http://127.0.0.1:3000/ in Browser

License

MIT License

Project Changelog

1.9.2 (2023-06-21)

Bug Fixes

• webpack: fix setLoaderRulesForShadowMode (ec4e387)

1.9.1 (2022-06-20)

Bug Fixes

• entry: init polyfill only once (3cae756)
• webpack: add uniq jsonpFunction for each entry (06d5a67)

1.9.1-beta.2 (2022-06-17)

Bug Fixes

• entry: init polyfill only once (3cae756)

1.9.1-beta.1 (2022-06-17)

Bug Fixes

• webpack: add uniq jsonpFunction for each entry (06d5a67)

1.9.0 (2022-05-09)

Bug Fixes

• npm: clean package (5b783fe)

Features

• module: refactor webpack configuration (1c2bdd2)

1.9.0-beta.2 (2022-04-20)

Bug Fixes

• npm: clean package (5b783fe)

1.9.0-beta.1 (2022-04-20)

Features

• module: refactor webpack configuration (1c2bdd2)

1.8.0 (2022-04-16)

Bug Fixes

• deps: add missing dep (d2eb0bb)
• deps: fix missing dep (61c6120)
• module: update deprecated error (c369a09)
• server: replace express with h3 (68ee459)
• webpack: improve code (6899f63)
• webpack: remove conditional operator, remove node 12 from test (cadcda5)

Features

• shadow: shadowDom integration improved; update test framework (a32bcd9)

1.8.0-beta.6 (2022-04-16)

Bug Fixes

• server: replace express with h3 (68ee459)

1.8.0-beta.5 (2022-04-16)

Bug Fixes

• module: update deprecated error (c369a09)

1.8.0-beta.4 (2022-04-16)

Bug Fixes

• webpack: improve code (6899f63)

1.8.0-beta.3 (2022-04-16)

Bug Fixes

• deps: add missing dep (d2eb0bb)

1.8.0-beta.2 (2022-04-16)

Bug Fixes

• deps: fix missing dep (61c6120)

1.8.0-beta.1 (2022-04-16)

Bug Fixes

• webpack: remove conditional operator, remove node 12 from test (cadcda5)

Features

• shadow: shadowDom integration improved; update test framework (a32bcd9)

1.7.7 (2022-03-29)

Bug Fixes

• npm: force publish (134060d)
• npm: improve publish (8a329ae)

1.7.7-beta.2 (2022-03-29)

Bug Fixes

• npm: force publish (134060d)

1.7.7-beta.1 (2022-03-29)

Bug Fixes

• npm: improve publish (8a329ae)

1.7.6 (2021-11-07)

Bug Fixes

• docs: replace docus with nuxt docs theme (2d1d2fc)

1.7.6-beta.1 (2021-11-07)

Bug Fixes

• docs: replace docus with nuxt docs theme (2d1d2fc)

1.7.5-beta.2 (2021-11-07)

1.7.5 (2021-09-25)

Bug Fixes

• docs: replace docus with nuxt docs theme (2d1d2fc)
• plugin: renaming plugin call (598616f)

1.7.5-beta.1 (2021-09-25)

Bug Fixes

• plugin: renaming plugin call (598616f)

1.7.4 (2021-08-19)

Bug Fixes

• extractCSS: fix extractCSS for build with target static (cee5765)

1.7.3 (2021-08-19)

Bug Fixes

• polyfill: add option for disable polyfill (7be72b2)

1.7.2 (2021-07-12)

Bug Fixes

• webpack: remove chunk name comment, define chunkname in webpack config (5432657)

1.7.1 (2021-07-09)

Bug Fixes

• module: fix deprecated warning (50056e7)

1.7.0 (2021-07-06)

Features

• webpack: add webpack option object, remove single options (2c2b088)

1.6.2 (2021-03-14)

Bug Fixes

• output: add prop slotContent for default slot content in output html (d8f6c5b)

1.6.1 (2021-03-13)

Bug Fixes

• build: fix custom-tag props by function (5b6cfe6), closes #304

1.6.0 (2021-02-21)

Features

• tag-option: remove shadow prop; add function options (9a4a4b7)

1.5.1 (2021-02-20)

Bug Fixes

• sonar: fix songar bugs (cd777da)

1.5.0 (2021-02-18)

Features

• webpack: add public-path override in entry (045a656)
• webpack: rename property webpackPublicPathInject (40d89d2)

1.4.2 (2020-11-05)

Bug Fixes

• webpack: webpack config changed (25b0a9c)

1.4.1 (2020-11-04)

Bug Fixes

• polyfill: add option for polyfill in modern build (1346442)

1.4.0 (2020-10-20)

Features

• webpack: fix webpack entry files (66f8eca), closes #177

1.3.5 (2020-10-05)

Bug Fixes

• polyfill: exclude polyfill from modern build; polyfill is builtin in client build (cd77a08)

1.3.4 (2020-10-03)

Bug Fixes

• webpack: add option for custom chunkFilename (dd0a5d5)

1.3.3 (2020-09-30)

Bug Fixes

• webpack: force version (3968c61)

1.3.2 (2020-08-28)

Bug Fixes

• build-path: add option for custom build path (ba40832)

1.3.1 (2020-08-27)

Bug Fixes

• webpack: fix default webpack output options (5148456)

1.3.0 (2020-08-23)

Features

• modern: add modern option; only client or client/modern build (d0ddc26)

1.2.2 (2020-06-18)

Bug Fixes

• webpack: remove parallelBuild option (1f5c154)

1.2.1 (2020-03-23)

Bug Fixes

• router: clean router setup; fix router base (b070b82)
• travis: remove base path from demo; use relative (b14b77d)

1.2.0 (2020-03-20)

Features

• webpack: webpack options extended (fae8022)

1.1.14 (2020-02-28)

Bug Fixes

• webpack: fix output path for webpack under windows (250c2a1)

1.1.13 (2020-02-28)

Bug Fixes

• babel-nuxt: fix endpoint webpack builds (dfdc6d9)

1.1.12 (2020-02-27)

Bug Fixes

• build-html: fix incorrect display of the props on the html tag (example: 0=prop) (2a08200)

1.1.11 (2020-02-27)

Bug Fixes

• polyfill: fix async polyfill integration (IE11) (42dce42)

1.1.10 (2020-02-18)

Bug Fixes

• renovate: change renovate extends (fb9d149)

1.1.9 (2020-02-18)

Bug Fixes

• test-timeout: set test build timeout to 80 sec. (c2cf365)

1.1.8 (2020-02-15)

Bug Fixes

• build: fix build (3714f50)
• shadow: fix shadow property (4659678)

1.1.7 (2020-02-15)

Bug Fixes

• props-readme: fix prop value and readme (9051838)

1.1.6 (2020-02-02)

Bug Fixes

• travis-preview: add keep_history property; update keywords (820922b)

1.1.5 (2020-02-02)

Bug Fixes

• travis-token: change tokens for travis-ci.org (db261a0)
• travis-token: remove secrets, add secrets in ci-env (4e5da63)

1.1.4 (2020-02-02)

Bug Fixes

• travis-token: change tokens for travis-ci.com (c9e638d)
• travis-token: change tokens for travis-ci.org (456f11b)
• travis-token: clean (e2a2e35)

1.1.3 (2020-02-02)

Bug Fixes

• readme: update readme (83ea25d)
• vscode: add launch.json for debug (c630696)

1.1.2 (2020-02-02)

Bug Fixes

• windows: troubleshooting for use with windows; optimization (d4864d5)

1.1.1 (2020-02-01)

Bug Fixes

• update: update example, readme and clean project (af8146b)
• update: update example; add eslint rules (fc647c9)

1.1.0 (2020-01-30)

Bug Fixes

• update: update example components & readme (eb11e5f)

Features

• async-component: added async property (156782b)

1.0.4 (2020-01-28)

Bug Fixes

• clean-fix: fix html build; add report links readme (3c3a834)

1.0.3 (2020-01-28)

Bug Fixes

• semantic-version: added '.releaserc' for semantic-version config (e062467)