pinia-plugin-persist | Persist pinia state data in sessionStorage | Storage library
kandi X-RAY | pinia-plugin-persist Summary
kandi X-RAY | pinia-plugin-persist Summary
Persist pinia state data in sessionStorage or other storages.
Support
Quality
Security
License
Reuse
Top functions reviewed by kandi - BETA
Currently covering the most popular Java, JavaScript and Python libraries. See a Sample of pinia-plugin-persist
pinia-plugin-persist Key Features
pinia-plugin-persist Examples and Code Snippets
Community Discussions
Trending Discussions on pinia-plugin-persist
QUESTION
I'm using Pinia for state managment, and I want the state to persist when the page is refeshed.
I'm aware of two options:
Use a plugin. Vuex has a vuex-persistedstate plugin for this, and Pinia has a similar plugin but it's still under development.
Use local storage. Luckily Quasar has a LocalStorage plugin which would be nice to use here. But I'm not sure how to integrate it with Pinia, thus the reason for this post.
I found a nice tutorial doing something similar with Pinia + Vueuse.
And I tried adapting it to my needs with Pinia + TypeScript + Quasar LocalStorage Plugin as per below:
...ANSWER
Answered 2022-Feb-07 at 11:42I actually use "vanilla localStorage" and had no issues with that. I am not a big fan of to much libraries, for simple tasks (although for not using them for complicated tasks). Whatever, I am a fan of VueUse, too. This function I have not used, but I could imagine.it makes things even easier.
Vanilla localStorage Set into local storagelocalStorage.setItem("myStorageKey", "My persisted values");
localStorage.getItem("myStorageKey");
Apart from that, I have not tried to set the localStoreage direct into the state. That seems like a red flag to me, as you usually should not directly mutate a state. But I am not sure in this case. I usually prepopulate the state which hard coded data (or just empty) and then I would write an action, which sets the data into the state.
Community Discussions, Code Snippets contain sources that include Stack Exchange Network
Vulnerabilities
No vulnerabilities reported
Install pinia-plugin-persist
Support
Reuse Trending Solutions
Find, review, and download reusable Libraries, Code Snippets, Cloud APIs from over 650 million Knowledge Items
Find more librariesStay Updated
Subscribe to our newsletter for trending solutions and developer bootcamps
Share this Page