localForage support

[invernizzi]

Hi Arnav,
first of all, thank you for releasing vuex-persist.
You mention on your readme that localforage is supported.
However, new VuexPersistance(storage: localforage}) doesn't work - it surfaces an error related to localforage being asynchronous (VuexPersistance is trying to JSON decode a JS promise).
Any tip how to make this work?

[championswimmer]

Ah, will have to make some changes for that. Let me add this to my todo.

[sandrooco]

Same problem here.
@championswimmer Do you think you can implement support for this shortly? This package is great and really does everything a indexeddb vuex plugin should do. Although I have very limited experience with offline stuff, let me know if I can help with anything.

[agonzalezml]

I'm also interested in this! It seems the best way of enhancing this awesome package.

[championswimmer]

So I will make restoreState and saveState async functions (change their signatures to (): Promise )
I have a Vue project to work on this weekend, and it will require some vuex-persist help, I'll improve upon 2-3 things, including this localForage support then.

[Tronix117]

Any news about that ?

[RichiCoder1]

If yah don't get around to it, will probably tackle this too @championswimmer :)

[gijo-varghese]

@championswimmer can I expect it soon?

[wopian]

0.4.0 / 2170a51 adds support for IndexedDB/localforage

---

Edit: @gijo-varghese, as vuex-persist JSON parses the state, you'll need to override these functions to avoid this (IndexedDB works with objects directly)

new VuexPersistance({
  storage: localforage,
  saveState: (key, state, storage) => Promise.resolve(storage.setItem(key, state)),
  restoreState: (key, storage) => Promise.resolve(storage.getItem(key))
})

[championswimmer]

@gijo-varghese use v0.5.0

You simple need to use

new VuexPersistence({
    storage: localforage
})

[to-svarghese]

Is localForage is ready to work with vuex-persist?

I tried to use localforage for storing dala loacally and to work offline. When I use localforage with vuex-persist data is storing and when I refresh the page all data stored is lost and is reset to initial values. What could be the reason? But it is working when I change that to localstorage.

[TimonPost]

I am experiencing the same, have you found the reason?

[ulf1]

@TimonPost @to-svarghese
I had the same symptom rn.
this helped: #117 (comment)

example:

import VuexPersist from 'vuex-persist';
import localForage from 'localforage'
const vuexStorage = new VuexPersist({
  ...
  storage: localForage,
  asyncStorage: true, // <<< ADD THIS
  ...
});

This should probably set as default value when VuexPersist detected that storage is localForage. @championswimmer

[yeus]

  asyncStorage: true, // <<< ADD THIS

this worked!, thx @ulf1