Home

Awesome

<p align="right"> share me: <a href="https://twitter.com/intent/tweet?url=https://github.com/GrabarzUndPartner/nuxt-custom-elements&text=Nuxt Custom-Elements allows you to export your existing project components as custom elements for integration into external pages.&via=grabarzpartner&hashtags=vue,nuxt,customElement"> <img width="24" height="24" src="https://raw.githubusercontent.com/edent/SuperTinyIcons/master/images/svg/twitter.svg?sanitize=true"/> </a> <a href="https://news.ycombinator.com/submitlink?u=https://github.com/GrabarzUndPartner/nuxt-custom-elements&t=nuxt-custom-elements will help you to improve the lighthouse performance score"> <img width="24" height="24" src="https://raw.githubusercontent.com/edent/SuperTinyIcons/master/images/svg/hackernews.svg?sanitize=true"/> </a> <a href="https://reddit.com/submit?url=https://github.com/GrabarzUndPartner/nuxt-custom-elements&title=Nuxt Custom-Elements allows you to export your existing project components as custom elements for integration into external pages."> <img width="24" height="24" src="https://raw.githubusercontent.com/edent/SuperTinyIcons/master/images/svg/reddit.svg?sanitize=true"/> </a> <a href="https://www.facebook.com/sharer.php?u=https://github.com/GrabarzUndPartner/nuxt-custom-elements"> <img width="24" height="24" src="https://raw.githubusercontent.com/edent/SuperTinyIcons/master/images/svg/facebook.svg?sanitize=true"/> </a> <a href="https://www.xing.com/spi/shares/new?url=https://github.com/GrabarzUndPartner/nuxt-custom-elements"> <img width="24" height="24" src="https://raw.githubusercontent.com/edent/SuperTinyIcons/master/images/svg/xing.svg?sanitize=true"/> </a> <a href="https://www.linkedin.com/shareArticle?mini=true&url=https://github.com/GrabarzUndPartner/nuxt-custom-elements&title=nuxt-custom-elements&summary=Nuxt Custom-Elements allows you to export your existing project components as custom elements for integration into external pages."> <img width="24" height="24" src="https://raw.githubusercontent.com/edent/SuperTinyIcons/master/images/svg/linkedin.svg?sanitize=true"/> </a> </p>

nuxt-custom-elements

Nuxt Custom-Elements

Grabarz & Partner - Module

main develop Sonarcloud Status

npm version npm downloads

Renovate - Status License

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

📖   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

<!-- Badges -->