What is the best way to store a variable globally if I don't want to have it being observed?

[Matej-Basta]

Hello, I am quite new to Vue and I was wondering about the best way to store variables globally, if I don't want them being observed.

I have a Vue application, where I am using Vuex to store global state. However, one of the "states" is a very large object and I have noticed, that it causes slow loading. I thought, that the loading speed could be improved by not having this particular variable observed, as it is not needed, because it is never modified on this page. I was thinking about couple of options:

1. Finding a way to tell Vuex to not observe the surveyMapping property inside its state object
2. Move the survey mapping outside of state in vuex store into something like "immutableState"
3. somehow using the provide-inject pattern

Do you have any suggestions, which one of them could be the optimal option? Or would you solve it maybe in a different way? Thank you very much for answers.

[Shyam-Chen]

In Vuex, dynamic module registration is available and you should use it, but for new applications, you should consider using Pinia.

[Matej-Basta]

Unfortunately, it's not a new application, so I need to stick with Vuex. Thank you very much for your answer.

[Jinjiang]

I think you can just export the data as plain JavaScript object in any file, and import it into any vue component as you like. You don't even need a provide/inject pair.

[Matej-Basta]

I think you are be correct. Thank you.