Skip to content

GrabarzUndPartner/nuxt-custom-elements

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

share me:

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 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