Vital

Opiniated Quasar + Vite starter template.

Features

• Quasar, Vite 2, Vue 3

  • Use the new <script setup> syntax
  • Reactivity Transform enabled
  • TypeScript, of course

• File based routing via vite-plugin-pages

• Layout system via vite-plugin-vue-layouts

• Components auto importing via unplugin-vue-components

• APIs auto importing via unplugin-auto-import - directly use Composition API and others like [pinia, vueuse...] without importing

• State Management via Pinia

• UnoCSS - the instant on-demand Atomic CSS engine

• Use icons from any icon sets with classes

  • Only Carbon Icons is pre-installed
  • To install other collections, yarn add -D @iconify-json/[the-collection-you-want], for example @iconify-json/mdi for Material Design Icons
  • Find out more here: Icônes 🔍

• VueUse - collection of useful Vue Composition Utilities

• Unit Testing with Vitest

• Use ESLint and Prettier on VSCode and before you commit with husky and lint-staged

• Deploy to Vercel or Netlify (zero-config)

Getting started

GitHub Template

Create a repo from this template on GitHub

Clone to local

Use degit to clone to your machine with an empty git history

npx tiged oumarbarry/vital my-vital-app
cd my-vital-app
yarn

Scripts

• yarn dev - Start the app in development mode (hot-code reloading, error reporting, etc)
• yarn build - Build the app for production (the generated files will be on the dist/spa folder)
• yarn test - Run the unit tests with Vitest
• yarn format - Format the files with Prettier
• yarn lint - Lint the files with ESLint

To Customize the configuration

See Configuring quasar.config.js.