my-two-buttons-joo v1.0.3

⚡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