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.