feat: use structured clone for sent state

package.json

@@ -31,6 +31,7 @@
   "dependencies": {
     "broadcast-channel": "^4.20.2",
     "devalue": "^4.2.2",
+    "realistic-structured-clone": "^3.0.0",
     "vue-demi": "^0.13.11"
   },
   "devDependencies": {

src/index.ts

@@ -2,7 +2,7 @@ import { watch } from 'vue-demi';
 import type { MethodType } from 'broadcast-channel';
 import { BroadcastChannel as BroadcastChannelImpl } from 'broadcast-channel';
 import type { PiniaPluginContext, Store } from 'pinia';
-import * as devalue from 'devalue';
+import structuredClone from 'realistic-structured-clone';
 
 /**
  * Share state across browser tabs.
@@ -43,7 +43,7 @@ export function share<T extends Store, K extends keyof T['$state']>(
         timestamp = Date.now();
         channel.postMessage({
           timestamp,
-          state: devalue.parse(devalue.stringify(state)),
+          state: structuredClone(state),
         });
       }
       externalUpdate = false;
@@ -55,7 +55,7 @@ export function share<T extends Store, K extends keyof T['$state']>(
     if (evt === undefined) {
       channel.postMessage({
         timestamp,
-        state: devalue.parse(devalue.stringify(store[key])),
+        state: structuredClone(store[key]),
       });
       return;
     }

tsconfig.json

@@ -3,5 +3,5 @@
   "compilerOptions": {
     "noEmit": true
   },
-  "include": ["./src"]
+  "include": ["./src", "types.d.ts"]
 }

types.d.ts

@@ -0,0 +1,5 @@
+declare module 'realistic-structured-clone' {
+  const structuredClone: <T>(obj: T) => T
+
+  export default structuredClone
+}