Page local storage

[PVince81]

To store global attributes to be shared between components (like localStorage) but that should not survive page refresh like avatar states.

Could add another option ".pageLocal()and stores it inwindow._pageLocal` or something.

I'd use this for nextcloud/spreed#4284 because when people add an avatar when they didn't have one, there is no easy way for a user to force-refresh the avatars apart from logging out

[PVince81]

another alternative would be to still use the global volatile storage, but hook into the "page unload" event to clear those values

[ChristophWurst]

Could add another option ".pageLocal()and stores it inwindow._pageLocal` or something.

Storing as global vars with a nice API around sounds like the best option to me.

[susnux]

This pretty much sounds like a store. If using Vue I would simply recommend using Pinia 🍍.

[ShGKme]

This pretty much sounds like a store. If using Vue I would simply recommend using Pinia 🍍.

For a local app state even an ES module with a ref or just a general variable can be used.

But I can see a case for a dedicated page storage - a storage that is a part of an app public API with an update event. Then it can be easily wrapped into a vue reactive state on the consumer side.