Lack of IndexDB support forces usage of Vuex

[teckel12]

I'd like to switch to using Pinia for new projects, but problems with using IndexDB prevent me from switching.

To be clear, I can use localForage along with a custom IndexDB plugin to get Pinia to use IndexDB. However, the Pinia store values are returned before connecting with IndexDB, so if accessing values on mount, it always shows the initial values, not those in the IndexDB store (unless the code is run a bit later, like inside a timer event).

Until Pinia can be used with IndexDB as Vuex does, I'm forced to keep using Vuex, and it doesn't seem like Pinia is really yet a replacement for Vuex. Any thought about supporting IndexDB?

Below is the closest I can get, but still problematic with the above mentioned issue:

import localForage from 'localforage'
import { createPinia } from 'pinia'
import { testStore } from './modules/test'

localForage.config({
  name: 'hp-pinia-store',
  driver: localForage.INDEXEDDB,
})

async function indexDbPlugin({ store }) {
  const stored = await localForage.getItem(store.$id)
  if (stored) {
      store.$patch(stored)
  }
  store.$subscribe(() => {
    localForage.setItem(store.$id, { ...store.$state })
  })
}

const pinia = createPinia()
pinia.use(indexDbPlugin)

export { testStore }
export default pinia