pp-webcomp-demo

Experiments with nuxt UI and web components.

Based on Nuxt 3 Minimal Starter

Look at the Nuxt 3 documentation to learn more.

We use nuxt-custom-elements to generate our web components.

Look at the nuxt-custom-elements documentation to learn more.

local dev

Start the development server on http://localhost:3000:

# bun
npx bun run dev

local static serve

npx bun run generate
python3 -m http.server -d .output/public 3000
# `npx serve dist` will not work : https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/X-Content-Type-Options?utm_source=mozilla&utm_medium=firefox-console-errors&utm_campaign=default

Browse http://localhost:3000

Setup

Make sure to install the dependencies:

# bun
npx bun install

TODO

• working web component
• static HTML page using a web component
• basic CSS styling
• generate
• enable nuxt UI
• enable nuxt UI pro
• deploy static build on github pages
• local serve for dev