Features

• ⚡️ Vue 3, Vite - latest, cutting-edge techologies

• 🏎️ Pnpm - Fast OOTB

• 📂 File-based routing

• 📦 Components and composables auto importing

• 📥 APIs and types auto importing

• 🎨 UnoCSS

• 🔥 <script setup>

• 🦾 Typescript

UI Frameworks

• UnoCSS (The instant on-demand atomic CSS engine)
• SCSS

Plugins

• Vue Router
• vite-plugin-pages - file system based routing
• unplugin-vue-components - components auto import
• unplugin-auto-import - APIs auto import and composables auto import
• @vueuse/core - useful composition APIs
• @vueuse/head - manipulate document head reactively

Coding Style

• Use Composition API with <script setup> SFC syntax
• TS ESLint with @antfu/eslint-config

Clone to local

npx degit NicolaSpadari/vite-vue-template my-app
cd my-app

Development

Run and visit http://localhost:3000.
@antfu/ni is recommended for the installation.

Install packages:

$ ni

Start project:

$ nr dev

Build

To build, run

$ nr build

Will create the dist folder ready to be uploaded