vue-dashboard-tailwind-pinia

Stacks

  • Vue 3 + Vite
  • Vue Router 4
  • Pinia (State Management)
  • Tailwind (CSS Framework)
  • Axios
  • Vitest (Unit Testing)
  • Vuelidate (Form Validation)

Built-in Feature

  • Dynamics Layout
  • Authentication (Login & Logout)
  • Pinia Store (Using Vue Composition API)
  • Form Validation

This template should help get you started developing with Vue 3 in Vite.

Recommended IDE Setup

VSCode + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).

Customize configuration

See Vite Configuration Reference.

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Compile and Minify for Production

npm run build

Run Unit Tests with Vitest

npm run test:unit

Lint with ESLint

npm run lint