⚡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