Async Storage with localForage .restored not available.

Currently, we have an older project that we are migrating from javascript to typescript. Implemented typescript router but still using javascript store. Tried npm install @types/vuex-persist with no such package available.

Ended up adding vuex-persist.d.ts, which solved the problem:

import Vue, { VNode } from 'vue'
 import { Store } from 'vuex'
 
declare module 'vuex' {
    export interface Store<S> {
         restored: Promise<S>
     }
}

Is there a possibility to include types for future users that may experience the same problem?

[BasNijhuis]

Same issue here, temporary fixed it like so:

// hacky solution since type declartion for restored is missing in vuex-persist
// waits for IndexedDB (localForage) to be loaded into vuex so mutations aren't overridden on start up
await ((store as unknown) as { restored: Promise<unknown> }).restored;

[jacobcoro]

This stopped working for some reason, but I got it back by doing

await (store as any).original.restored; in my router guard

and restoreState: key => localForage.getItem(key), in const vuexLocalForage = new VuexPersistence<RootState>({