nuxt3 bulid error about pinia-plugin-persistedstate HOT 6 CLOSED

But this will not affect its normal operation. There is data in the cookie

from pinia-plugin-persistedstate.

If I rename the plugins to .client.ts, let it run on the client, there will be no such error, and everything will become normal again.

from pinia-plugin-persistedstate.

Ok, with the latest createPersistedState factory function introduced in v1.4.0, I managed to have everything fully functional with useCookie even on server side.

import { createPersistedState } from 'pinia-plugin-persistedstate'

import { defineNuxtPlugin, useCookie } from '#app'

export default defineNuxtPlugin(nuxtApp => {
  nuxtApp.$pinia.use(createPersistedState({
    storage: {
      getItem: key => {
        return useCookie(key, { encode: (x: any) => x, decode: (x: any) => x })
          .value
      },
      setItem: (key, value) => {
        useCookie(key, { encode: (x: any) => x, decode: (x: any) => x }).value =
          value
      },
    },
  }))
})

import { defineStore } from 'pinia'

export const useUserStore = defineStore('user', {
  state: () => ({
    username: 'PraZ',
  }),
  persist: true
})

@waset tell me if that fixes it for you as well, and I will update the Nuxt usage docs anyways. I may work later on a createNuxtPersistedState helper anyway to make things more simple.

from pinia-plugin-persistedstate.

Mmh, indeed, I didn't get this error before.
The issue with adding .client is that the plugin won't be run during server-side rendering.
I don't have an idea on what is actually causing that tbh.

If anyone has an idea, feel free to help. 🥺

from pinia-plugin-persistedstate.

Feel free to reopen if you still encounter an issue (with 1.5.0 once released)

from pinia-plugin-persistedstate.

It's so cool that it can be run and bulid.
Praise the function of this factory. I'm such a lazy person. I need public configuration too much.

from pinia-plugin-persistedstate.