fix(nuxt): stringify cookie values before broadcasting them

packages/nuxt/src/app/composables/cookie.ts

@@ -1,10 +1,9 @@
-import type { Ref } from 'vue'
+import type { MaybeRef, Ref } from 'vue'
 import { getCurrentInstance, nextTick, onUnmounted, ref, toRaw, watch } from 'vue'
 import type { CookieParseOptions, CookieSerializeOptions } from 'cookie-es'
 import { parse, serialize } from 'cookie-es'
 import { deleteCookie, getCookie, getRequestHeader, setCookie } from 'h3'
 import type { H3Event } from 'h3'
-import destr from 'destr'
 import { isEqual } from 'ohash'
 import { useNuxtApp } from '../nuxt'
 import { useRequestEvent } from './ssr'
@@ -23,7 +22,7 @@
 const CookieDefaults: CookieOptions<any> = {
   path: '/',
   watch: true,
   decode: val => destr(decodeURIComponent(val)),
   encode: val => encodeURIComponent(typeof val === 'string' ? val : JSON.stringify(val))
 }
 
@@ -39,7 +38,7 @@
 
     const callback = () => {
       writeClientCookie(name, cookie.value, opts as CookieSerializeOptions)
-      channel?.postMessage(toRaw(cookie.value))
+      channel?.postMessage(prepareStructuredClone(cookie.value))
     }
 
     let watchPaused = false
@@ -114,3 +113,7 @@
     // else ignore if cookie doesn't exist in browser and value is null/undefined
   }
 }
+
+function prepareStructuredClone (value: MaybeRef<any>): any {
+  return JSON.parse(JSON.stringify(toRaw(value)))
+}