This template should help get you started developing with Vue 3 and Typescript in Vite. The template uses Vue 3 <script setup> SFCs, check out the script setup docs to learn more.
- Quasar. Quasar is a powerful set of components which uses the Material UI design system. While the styles are quite plain on their own (and perhaps even off-putting), it is easy to customize it. I have used it extensively for my own projects like Turas.app, Turas.app Chrome Extension, Zeeq.ai, and CodeRev.app. It is easy and fast; great for internal tooling and more than usable for public facing apps.
- Pinia. Pinia is state management for Vue. While it's not strictly necessary to use Pinia, it provides good integration with the devtools and hot module replacement for global state. It makes it easy to manage state that is truly global!
If you are just getting started with Vue, then check out:
- A Conceptual Model of State in Vue 3.4. A discussion on how Vue 3.4's release of
defineModelchanges the game for state management. - Vue 3x3 - A Mental Model for Building Fast. How to simplify your understanding of Vue to 9 core concepts.