I have been so enthusiastic writing this chapter, calculating sine, cosine, drawing SVG, implementing a timer, and taking care of the inactive tabs and stuff that I almost forgot to do my workout! I like planks and pushups, what about you? By the way, haven't you also forgotten that workouts are a part of our application? During the breaks, we are supposed to do simple exercises and not just check our social networks!
We will implement full-fledged workouts and their management in the next chapters; for now, let's just leave a nice placeholder for the workout and hard code one exercise in this placeholder (I vote for pushups since the book is mine, but you can add the workout or exercise of your own preference). Open the PomodoroTimer.vue
component and wrap up a countdown component into a div
with a class row
. We will make this row contain two columns, one of which will be the countdown timer, and the other is a conditionally rendered element containing a workout. Why...