feat(nuxt): add encode/decode to cookies options

Author: prazdevs

docs/frameworks/nuxt.md

@@ -90,6 +90,7 @@ export const useStore = defineStore('main', {
 > The `persistedState.cookies` method accept an object parameter to configure cookies with the following options (inherited from Nuxt's `useCookie`):
 >
 > - [`domain`](https://nuxt.com/docs/api/composables/use-cookie#domain)
+> - [`encode`](https://nuxt.com/docs/api/composables/use-cookie#encode)/[`decode`](https://nuxt.com/docs/api/composables/use-cookie#decode)
 > - [`expires`](https://nuxt.com/docs/api/composables/use-cookie#maxage-expires)
 > - [`httpOnly`](https://nuxt.com/docs/api/composables/use-cookie#httponly)
 > - [`maxAge`](https://nuxt.com/docs/api/composables/use-cookie#maxage-expires)
@@ -143,7 +144,7 @@ export const useStore = defineStore('main', {
 
 The module accepts some options defined in `nuxt.config.ts` under the `piniaPluginPersistedstate` key:
 
-- [`cookieOptions`](#cookies)
+- [`cookieOptions`](#cookies) (except `decode` and `encode` as functions are not supported)
 - `debug`
 - [`key`](#global-key)
 - `storage`

src/module.ts

@@ -1,4 +1,4 @@
-import type { CookieOptions } from 'nuxt/app'
+import type { CookiesStorageOptions } from './runtime/storages'
 import type { PersistenceOptions } from './types'
 import {
   addImports,
@@ -15,19 +15,18 @@ type ModuleOptions = Pick<PersistenceOptions, 'debug'> & {
    * Default storage for persistence. Only accepts presets.
    */
   storage?: 'cookies' | 'localStorage' | 'sessionStorage'
+
   /**
    * Global key template, allow pre/postfixing store keys.
    * @example 'my-%id-persistence' will yield 'my-<store-id>-persistence'
    */
   key?: `${string}%id${string}`
+
   /**
    * Options used globally by default cookie storage.
    * Ignored for other storages.
    */
-  cookieOptions?: Omit<
-    CookieOptions,
-  'encode' | 'decode' | 'default' | 'watch' | 'readonly' | 'filter'
-  >
+  cookieOptions?: Omit<CookiesStorageOptions, 'encode' | 'decode'>
 
   /**
    * Automatically persist all stores with global defaults, opt-out individually.

src/runtime/storages.ts

@@ -1,8 +1,11 @@
-import type { PublicRuntimeConfig } from '@nuxt/schema'
+import type { CookieOptions } from '#app'
 import type { StorageLike } from '../types'
 import { useCookie, useRuntimeConfig } from '#app'
 
-type CookiesStorageOptions = PublicRuntimeConfig['piniaPluginPersistedstate']['cookieOptions']
+export type CookiesStorageOptions = Omit<
+  CookieOptions,
+  'default' | 'watch' | 'readonly' | 'filter'
+>
 
 /**
  * Cookie-based storage. Cookie options can be passed as parameter.
@@ -14,15 +17,15 @@ function cookies(options?: CookiesStorageOptions): StorageLike {
       key,
       {
         ...(options ?? useRuntimeConfig().public.piniaPluginPersistedstate.cookieOptions ?? {}),
-        decode: decodeURIComponent,
+        decode: options?.decode ?? decodeURIComponent,
         readonly: true,
       },
     ).value,
     setItem: (key, value) => useCookie<string>(
       key,
       {
         ...(options ?? useRuntimeConfig().public.piniaPluginPersistedstate.cookieOptions ?? {}),
-        encode: encodeURIComponent,
+        encode: options?.encode ?? encodeURIComponent,
       },
     ).value = value,
   }