I'm currently working on a Vue application that utilizes Vuex for state management. Within this application, I have several store modules set up at the root level. Periodically, every 5 seconds, I retrieve a large amount of data and update the store state using mutations from the store.
The issue I am facing is that with each mutation of the state, the heap size increases significantly. This growth continues until eventually the browser runs out of memory.
Here's an example structure of my store:
const store = new Vuex.Store({
modules: {
moduleA,
moduleB
}
})