vue-web-component-wrapper
Version:
A Vue 3 plugin that provides a web component wrapper with styles, seamlessly integrating with Vuex, Vue Router, Vue I18n, and supporting Tailwind CSS and Sass styles.
37 lines (24 loc) • 841 B
Markdown
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.
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
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
```