This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 <script setup> SFCs, check out the script setup docs to learn more.

• VS Code + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).

a simple and responsive Vue.js application that displays a list of employees.Using Vue, Tailwind CSS for styling and Vite as the build tool.

Clone the project

  git clone https://link-to-project

Go to the project directory

  cd my-project

Install dependencies

  yarn install

Add env file and variables

- create env file in the root of the project and add backend_endpoints and bearer_token

  yarn install

Start the server

  yarn dev

• Used vue-query to handle API request
• Used Directus sdk to create API get request
• used a function using moment to convert date YYYY-MM-DD to D MMMM YYYY (fr)

• Used the first position of the employee and displayed it, assuming the highest position is first

• add pagination which will also help loading time.
• optimise the date conversion function
• make app more responsive

Client: VUE 3, Vue-query, TailwindCSS

Server: Directus