Technical requirements

For this chapter, we are going to use a third-party API to provide us with actual data. We need to register an account at https://www.weatherapi.com/ and retrieve the API keys for usage in our app.

We’ll add Tailwind CSS to apply styling to our app. The https://tailwindcss.com/ website offers extensive documentation as well as an installation guide.

For our unit test, we’ll use the Vitest framework: https://vitest.dev/.

You can find the source code here: https://github.com/PacktPublishing/Building-Real-world-Web-Applications-with-Vue.js-3/tree/main/03.weather.