Creating a Vuex module

As our application grows, working in a single object can be very risky. The maintainability of the project and the risks that it can generate on every change get worse each time.

Vuex has an approach called modules that helps us to separate our store into different branches of stores. These branches, or modules, have on each one of them a different set of state, mutation, getter, and action. This pattern helps with development and cuts the risk of adding new features to the application.

In this recipe, we will learn how to create a module and how to work with it, separating it into dedicated branches.