Usage with Nuxt3 (SSR)

Hello! Thanks for great package. My problem:

1. Nuxt 3, vue 3, pinia 2.0
2. Create plugin, code:

import piniaPluginPersistedstate from 'pinia-plugin-persistedstate';
import {NuxtApp} from 'nuxt3';

export default function ({$pinia, ssrContext}: NuxtApp) {
  $pinia.use(piniaPluginPersistedstate);
}

1. Then I create build (ssr enabled) and then start server, I get this error:

extender is not a function
  at file://./server/node_modules/pinia/dist/pinia.mjs:1556:43

1. This block of code in pinia.mjs:

// apply all plugins
pinia._p.forEach((extender) => {
  assign(store, scope.run(() => extender({
      store,
      app: pinia._a,
      pinia,
      options: optionsForPlugin,
  })));
})

How should i use package correctly with nuxt3 ssr?

[prazdevs]

Ok here’s a working store definition using Nuxt’s useCookie:

import { defineStore } from 'pinia';

export const useUserStore = defineStore('user', {
  state: () => ({
    token: 'fake'
  }),
  persist: {
    storage: {
      getItem: (key) => { return useCookie(key, { encode: x => x, decode: x => x }).value },
      setItem: (key, value) => { useCookie(key, { encode: x => x, decode: x => x }).value = value },
      removeItem: (key) => { useCookie(key, { encode: x => x, decode: x => x }).value = null },
    }
  },
})

[prazdevs]

Hi, thanks for using it! I haven’t looked much into Nuxt 3 yet, I was waiting for it to go out of beta, but I’ll try to have a look at it when I have some time. I’ll try at least to reproduce it.