Overengineered todo list with Vue3, Vite, Pinia and Typescript
todo – Overengineered todo list with Vue3, Vite, Pinia and Typescript
Live Demo: https://todo-ar363.vercel.app/
Features
- CI/CD Pipeline configured
- End to End testing with Cypress
- Fully type safe stores with Pinia
- Works offline with localStorage
- Looks nice
Recommended IDE Setup
VSCode + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).
Project Setup
npm install
Compile and Hot-Reload for Development
npm run dev
Type-Check, Compile and Minify for Production
npm run build
Run End-to-End Tests with Cypress
npm run test:e2e:dev
This runs the end-to-end tests against the Vite development server. It is much faster than the production build.
But it’s still recommended to test the production build with test:e2e before deploying (e.g. in CI environments):
npm run build
npm run test:e2e
Lint with ESLint
npm run lint