Combining Vuex with Vue components, it's possible to employ the reactivity between multiple components without the need for direct parent-child communication, and split the responsibilities of the components.
Using this method allows the developer to enhance the scale of the application, where there is no need to store the state of the data inside the components itself, but using a single source of truth as a store for the whole application.
In this recipe, we will use the last recipes to improve an application, where it was using parent-child communication and making it as a single source of truth available in the whole application.
