Web rewrite project

Follow new design in figma
Requirement
- minimum Nodejs version 16
Standardization
- file name, folder name
- function, parameter, variable etc
  - https://vuejs.org/style-guide/ + setup eslint
- Pull request title, commit message
- Text Editor (Vs Code) or any other text editor
  - Volar extension
  - Prettier extension
  - Eslint extension
  - Tailwind css intelisense extension
  - Paste JSOn as code extension for generate typescript type/interface from backend response
  - https://previewjs.com/
Key feature
- 100% Typescript
- Have unit test, end to end test
- Have test coverage
- Have good Google light house score: https://developer.chrome.com/docs/lighthouse/overview/
- Responsive design
- Have good component preview
- Have pipeline to run unit test, performance test
- Have Good SEO
- Using HTML to handle multiple image size & format
Technology
- Framework: Nuxt 3
- Tailwind css
- Libraries
  - Swiper.js for slider component
  - Pinia for state management
  - Histoire or Storybook for component isolation test, preview
  - Vitest or jest for unit test
  - Playwright or Cypress for end to end testing
  - https://github.com/gitFoxCode/nuxt-icons for our svg icon from figma
- Utilities
  - Vue use, collection of composable function
  - Lodash, collection of function
- CI/CD