nuxt-custom-elements

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

Usage no npm install needed!

<script type="module">
  import nuxtCustomElements from 'https://cdn.skypack.dev/nuxt-custom-elements';
</script>

README

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

  • Using modern and client build
  • Export components as widgets
  • 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