Skip to content

Latest commit

 

History

History
42 lines (28 loc) · 985 Bytes

README.md

File metadata and controls

42 lines (28 loc) · 985 Bytes

Open Data Roulette Webcomponent Prototype

Prototype for new Webcomponents

License

The project is licensed under the GPLv2.

⚡Vite + Vue 3 + Typescript + Web Component

This is a boiler plate to show how to develop Web Component by using Vite + Vue 3 + typescript.

Especially, it might be helpful to implement small part UI by using vue3 + typescript, while you work on big legacy web project.

How to run

Please run steps below to run it as development mode.

git clone https://github.com/skysign/vite-vue3-typescript-webcomponent.git
cd vite-vue3-typescript-webcomponent
npm install
npm run dev

Now you can see two buttons, and numbers are increasing by clicking. One web component have two buttons and

How to release

Please run 'build' not 'dev'.

npm run build

You can see that html, js files are generated in './dist' folder.

Please run simple web server to see how web component works in browser.

npx http-server ./dist