Vue.js Template 🚀

This template is based on the official vue starter app but is extended by common libraries:

• Pinia
• Vue I18n
• Sass
• pnpm, if you haven't installed pnpm, you can do so with npm i -g pnpm
• Linting and formatting before committing

Recommended IDE Setup

VSCode + Volar

Project Setup

Install dependencies

pnpm install

Compile and Hot-Reload for Development

pnpm run dev

Type-Check, Compile and Minify for Production

pnpm run build

Run Unit Tests with Vitest

pnpm run test:unit

Run End-to-End Tests with Playwright

# When testing on CI, must build the project first
pnpm run build

# Runs the end-to-end tests
pnpm run test:e2e
# Runs the tests only on Chromium
pnpm run test:e2e -- --project=chromium
# Runs the tests of a specific file
pnpm run test:e2e -- tests/example.spec.ts
# Runs the tests in debug mode
pnpm run test:e2e -- --debug

Lint and fix files with ESLint

pnpm run lint

Format files with Prettier

pnpm run format

Deploying for production with Docker

To start the application for production using Docker, just run

docker-compose up -d