Frontend – Vue 3 + TypeScript Template

A modern frontend template using Vue 3, TypeScript, Pinia for state management, Tailwind CSS for styling, and unplugin-vue-router for automatic routing.

Features

• Vue 3 with Composition API
• TypeScript for type safety
• Pinia for state management
• Tailwind CSS for utility-first styling
• Automatic file-based routing with unplugin-vue-router
• Path aliases for clean imports
• Fast development with Vite

Getting Started

Install dependencies

npm install

Development mode

npm run dev

Build for production

npm run build

Preview production build

npm run preview

Path Aliases

Import modules using aliases, e.g.:

import { useCounterStore } from '@stores/counter'
import MyComponent from '@components/MyComponent.vue'

Requirements

• Node.js >= 22
• npm >= 10