https://github.com/skysign/vite-vue3-typescript-webcomponent

To develop Web Component by using Vite + Vue 3 + typescript.
https://github.com/skysign/vite-vue3-typescript-webcomponent

Last synced: about 2 months ago
JSON representation

To develop Web Component by using Vite + Vue 3 + typescript.

• Host: GitHub
• URL: https://github.com/skysign/vite-vue3-typescript-webcomponent
• Owner: skysign
• License: apache-2.0
• Created: 2022-02-09T22:37:13.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-03-01T01:27:32.000Z (over 2 years ago)
• Last Synced: 2024-01-26T09:45:14.234Z (4 months ago)
• Language: Vue
• Size: 36.1 KB
• Stars: 22
• Watchers: 3
• Forks: 5
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Lists

• awesome-vite - vite-vue3-typescript-webcomponent - Vue 3 / Typescript / boiler plate to develop Web Component. (Get Started / Templates)
• awesome-vite - vite-vue3-typescript-webcomponent - Vue 3 / Typescript / boiler plate to develop Web Component. (Get Started / Templates)
• awesome-vite - vite-vue3-typescript-webcomponent - Vue 3 / Typescript / boiler plate to develop Web Component. (Get Started / Templates)
• awesome-viter - vite-vue3-typescript-webcomponent - Vue 3 / Typescript / boiler plate to develop Web Component. (Get Started / Templates)
• awesome-vite - vite-vue3-typescript-webcomponent - Vue 3 / Typescript / boiler plate to develop Web Component. (Get Started / Templates)
• awesome-vite - vite-vue3-typescript-webcomponent - Vue 3 / Typescript / boiler plate to develop Web Component. (Get Started / Templates)
• awesome-vite - vite-vue3-typescript-webcomponent - Vue 3 / Typescript / boiler plate to develop Web Component. (Get Started / Templates)

README

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

`````