- The utility function converting dates to
PaymentStatus
seems a little bit buggy,working forunpaid
&overdue
but not for paid. - The approach of using url to manage the filter page as route was to improve UX as opposed to using tab,i know using tabs component would make the code more re-usable to some extent.
- But in my experience with building web apps,too much re-usablity can lead to complexity or friction when adding new features in a codebase.
This template should help get you started developing with Vue 3 in Vite.
VSCode + Volar (and disable Vetur).
TypeScript cannot handle type information for .vue
imports by default, so we replace the tsc
CLI with vue-tsc
for type checking. In editors, we need Volar to make the TypeScript language service aware of .vue
types.
See Vite Configuration Reference.
npm install
npm run dev
npm run build
Run Unit Tests with Vitest
npm run test:unit
Lint with ESLint
npm run lint