Skip to content

TranTrungTinh/vue3-custom-element-with-quasar

Repository files navigation

issues GitHub forks license issues

Vite logo Vue logo

Vue 3.4 build web component + Vite 5.x + quasar 2.x + Quasar 2.x + UnoCss starter ⚡

The official quasar vite cli is release.🌹 ,and you can go to official web site for more detail. then this branch will be the default branch. then some of the third part will migrate to this branch later.

This starter template includes:

This starter template also includes an plain :

  • - pinia[Intuitive, type safe and flexible Store for Vue]
  • - UnoCss[The instant on-demand Atomic CSS engine. and next architecture for windi css v4]
  • - vite-plugin-vue-i18n[vue-i18n-next plugin for vite]

Out of box functions

  • - Vue 3 build web-component with custom third party UI frameword
  • - Pina as default state management
  • - I18n translate tool using yaml file

FAQ

  1. why not use Windi CSS or Tailwind css?
    • because Unocss is much more powerful than windi css[windi css is master faster than tailwind] but provide consistent api.

TODO

Some of the other are existed to use for improving your efficiency when use vue. they are waiting for discovered.

Checklist

When you use this template, try follow the checklist to update your info properly

  • Change the name and version in package.json
  • Change the title in index.html
  • Change the hostname in vite.config.ts
  • Change the favicon in public
  • Clean up the READMEs and remove routes

And, enjoy :)

HOW TO USE

pnpm is recommended to use. also you use npm two.

npm i -g pnpm
pnpm install
pnpm run dev

or

npm install
npm run dev

🖥️ Recommended IDE Setup

✏️ Authors

@trantrungtinh

🚀 Installation

Install this project with pnpm

💻 Tech Stack

Client: Vue, Vite, Vueuse, Pinia, UnoCSS

🤙 Support

For support, email trantrungtinh4954@gmail.com

🚩 License

Distributed under the [MIT] License. See LICENSE.txt for more information.