UNPKG

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
# ⚡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 ```