Building Real-World Web Applications with Vue.js 3

3

Building a Local Weather App

Now that we can build a small app, we can add a bit more complexity. In this case, we’ll take a look at including another browser API and combining it with an external data source for our app. We will build a small weather app that returns the current weather.

We will start applying a different means of styling, using Tailwind as our CSS framework of choice, and in order to provide some additional robustness, we will also take a look at including some tests in our application.

We’ll cover the following topics in this chapter:

• Working with external data coming from different types of APIs
• How to handle asynchronous data
• Applying Tailwind to quickly style any application
• Ensuring stability by adding unit tests ...