The hot-module-reload (HMR) is a technique used for the faster development of the application, where you don't need to refresh the whole page to get the new code you have just changed on the editor. The HMR will change and refresh only the part that were updated by you on the editor.
In all the Vue-CLI projects or Vue-based frameworks, such as Quasar Framework, the HMR is present in the presentation of the application. So each time you change any file that is a Vue component and it's rendered, the application will replace the old code for the new one on the fly.
In this recipe, we will learn how to add HMR to a Vuex store and be able to change the Vuex store without the need to refresh our entire application.