refactor(vue): replace structuredClone with @visulima/deep-clone

packages/vue/package.json

@@ -83,6 +83,7 @@
   "dependencies": {
     "@inertiajs-revamped/core": "workspace:*",
     "@inertiajs-revamped/vite": "workspace:*",
+    "@visulima/deep-clone": "^2.1.3",
     "fast-equals": "^5.0.1",
     "vue": "^3.4.30"
   },

packages/vue/src/remember.ts

@@ -1,6 +1,6 @@
 import { router } from '@inertiajs-revamped/core'
+import { deepClone } from '@visulima/deep-clone'
 import type { ComponentOptions } from 'vue'
-import { getStructuredClone } from './structuredClone'
 
 export const remember: ComponentOptions = {
   created() {
@@ -66,7 +66,7 @@ export const remember: ComponentOptions = {
               // @ts-expect-error
               (data, key) => ({
                 ...data,
-                [key]: getStructuredClone(
+                [key]: deepClone(
                   hasCallbacks(key) ? this[key].__remember() : this[key]
                 ),
               }),

packages/vue/src/useForm.ts

@@ -6,9 +6,9 @@ import {
   type VisitOptions,
   router,
 } from '@inertiajs-revamped/core'
+import { deepClone } from '@visulima/deep-clone'
 import { deepEqual } from 'fast-equals'
 import { reactive, watch } from 'vue'
-import { getStructuredClone } from './structuredClone'
 
 export type FormDataType = object
 
@@ -62,16 +62,13 @@ export function useForm<TForm extends FormDataType>(
         errors: Record<keyof TForm, string>
       })
     : null
-  let defaults =
-    typeof data === 'object'
-      ? getStructuredClone(data)
-      : getStructuredClone(data())
+  let defaults = typeof data === 'object' ? deepClone(data) : deepClone(data())
   let cancelToken = null
   let recentlySuccessfulTimeoutId = null
   let transform = (data) => data
 
   const form = reactive({
-    ...(restored ? restored.data : getStructuredClone(defaults)),
+    ...(restored ? restored.data : deepClone(defaults)),
     isDirty: false,
     errors: restored ? restored.errors : {},
     hasErrors: false,
@@ -108,7 +105,7 @@ export function useForm<TForm extends FormDataType>(
       } else {
         defaults = Object.assign(
           {},
-          getStructuredClone(defaults),
+          deepClone(defaults),
           typeof fieldOrFields === 'string'
             ? { [fieldOrFields]: maybeValue }
             : fieldOrFields
@@ -121,10 +118,8 @@ export function useForm<TForm extends FormDataType>(
     },
     reset(...fields) {
       const resolvedData =
-        typeof data === 'object'
-          ? getStructuredClone(defaults)
-          : getStructuredClone(data())
-      const clonedData = getStructuredClone(resolvedData)
+        typeof data === 'object' ? deepClone(defaults) : deepClone(data())
+      const clonedData = deepClone(resolvedData)
       if (fields.length === 0) {
         defaults = clonedData
         Object.assign(this, resolvedData)
@@ -217,7 +212,7 @@ export function useForm<TForm extends FormDataType>(
           const onSuccess = options.onSuccess
             ? await options.onSuccess(page)
             : null
-          defaults = getStructuredClone(this.data())
+          defaults = deepClone(this.data())
           this.isDirty = false
           return onSuccess
         },
@@ -290,7 +285,7 @@ export function useForm<TForm extends FormDataType>(
     (newValue) => {
       form.isDirty = !deepEqual(form.data(), defaults)
       if (rememberKey) {
-        router.remember(getStructuredClone(newValue.__remember()), rememberKey)
+        router.remember(deepClone(newValue.__remember()), rememberKey)
       }
     },
     { immediate: true, deep: true }

packages/vue/src/useRemember.ts

@@ -1,6 +1,6 @@
 import { router } from '@inertiajs-revamped/core'
+import { deepClone } from '@visulima/deep-clone'
 import { type Ref, isReactive, reactive, ref, watch } from 'vue'
-import { getStructuredClone } from './structuredClone'
 
 export function useRemember<T extends object>(
   data: T & {
@@ -35,7 +35,7 @@ export function useRemember<T extends object>(
     remembered,
     (newValue) => {
       router.remember(
-        getStructuredClone(hasCallbacks ? data.__remember?.() : newValue),
+        deepClone(hasCallbacks ? data.__remember?.() : newValue),
         key
       )
     },