I realized this introduces a bug. Closing #84 and will send another PR with a better implementation.

Thanks for the contribution, @mihaiconstantin.

Out of curiosity, what was the bug you encountered? I didn't see anything in the code that stood out.

@Splode Thanks for asking!

I was updating the total rounds counter based on the INCREMENT_ROUND mutation. However, that mutation is only triggered 3 times per work session¹ because the fourth time a reset is performed instead. So, every work session the total rounds counter would lag cumulatively. I think this is made clear by the console.log statements you added when you emit the events in Timer-controller.vue within method checkRound() (see screenshot below).

Looking at the code more carefully, I think a logical approach would be to:

• initialize the total rounds counter at 0 and only display it if it's higher than 0
• create a standalone mutation and action for the total rounds counter
• dispatch this action every time before a short or long break, i.e., when this condition holds this.currentRound === 'work'

I will try to send another PR.

¹By work session I mean 4 Pomodoros in a row.

Good catch and thank you for the explanation!