Nuxt Custom-Elements Example

This is an example project for using Nuxt Custom-Elements with Nuxt.js and plugins (VueI18n, Vuetify, ...).

For more information, see the Usage section in the documentation.

• 👁   Preview
• 📖   Documentation

Usage

First of all, the repository must be cloned and install dependencies with

$ npm install

Each example can be started in dev, server and ssr.
For this the path to the example must be given as argument (e.g. npm run dev -- examples/default).

The path specification must be specified in dev, build, generate and start.

Available examples:

Path
examples/tailwind-css	Preview - Source
examples/vue-i18n	Preview - Source
examples/vue-router	Preview - Source
examples/vuetify	Preview - Source
examples/vuex	Preview - Source
examples/external	Preview - Source

Development

$ npm run dev -- examples/default

Server

$ npm run build -- examples/default && npm run start -- examples/default

Static

$ npm run generate -- examples/default --target static && npm run start -- examples/default --target static

Finally, the example can be opened in the browser via http://localhost:3000/.

---

For detailed explanation on how things work, check out Nuxt.js docs and Nuxt Custom-Elements docs.