Chapter 7. Adding a Menu and Routing Functionality Using vue-router and Nuxt.js

In the previous chapter, we added a very important feature to our application – authentication. Now, our users are able to register, log in to the application, and manage their resources once they are logged in. So, now they can manage the configuration of the Pomodoro timer and their account's settings. They also have access to their statistics data once they are logged in. We have learned how to use Firebase's authentication API and connect the Vue application to it. I must say, the previous chapter has been extensive in learning and a very backend oriented chapter. I enjoyed it a lot and I hope you enjoyed it as well.

Despite having this complex feature of authentication and authorization, our application still lacks navigation. For simplicity reasons, we are currently displaying all the application's parts on the main page. This is… ugly:

Admit it, this is ugly

In this...