introduce castrateObject

+ get rid of `__v_skip`, coming from vue@3.5.28

Signed-off-by: 🕷️ <3756473+zendive@users.noreply.github.com>

Author: zendive

src/api/clone.ts

@@ -330,7 +330,7 @@ export function stripDeepObjectPrototype<T>(unk: T): T {
 
     // @ts-expect-error in 2026, typescript doesn't know yet
     for (const value of unk) {
-      rv.push(stripDeepObjectPrototype(value));
+      rv.push(stripDeepObjectPrototype(value)); // recursion
     }
 
     return <T> rv;
@@ -341,7 +341,7 @@ export function stripDeepObjectPrototype<T>(unk: T): T {
     const obj = <ISerializableObject> unk;
 
     for (const key of Reflect.ownKeys(obj)) {
-      rv[key] = stripDeepObjectPrototype(obj[key]);
+      rv[key] = stripDeepObjectPrototype(obj[key]); // recursion
     }
 
     return <T> rv;

src/api/diffApi.ts

@@ -1,5 +1,5 @@
 import { hasValue } from './toolkit.ts';
-import { type ISerializableObject, stripDeepObjectPrototype } from './clone.ts';
+import { type ISerializableObject } from './clone.ts';
 import { create, type Delta } from 'jsondiffpatch/with-text-diffs';
 import { format as formatHtml } from 'jsondiffpatch/formatters/html';
 import { format as formatRFC6902 } from 'jsondiffpatch/formatters/jsonpatch';
@@ -54,10 +54,7 @@ export function buildDeltaElement(
   let html: string | undefined;
 
   try {
-    html = formatHtml(
-      stripDeepObjectPrototype(delta),
-      stripDeepObjectPrototype(left),
-    );
+    html = formatHtml(delta, left);
     html = DOMPurify.sanitize(html || '');
   } catch (e) {
     console.error('buildDeltaElement', e);

src/stores/compare.store.ts

@@ -21,6 +21,14 @@ function defaultCompareState(): ICompareState {
   };
 }
 
+function castrateObject<T>(that: T): T {
+  if (that !== null && typeof that === 'object') {
+    return markRaw(Object.freeze(stripDeepObjectPrototype(that)));
+  }
+
+  return that;
+}
+
 export const useCompareStore = defineStore('compareStore', {
   state: () => ({
     initialized: false,
@@ -38,20 +46,15 @@ export const useCompareStore = defineStore('compareStore', {
     },
 
     deltaObj(): Delta {
-      return diff(
-        stripDeepObjectPrototype(this.compare.left),
-        stripDeepObjectPrototype(this.compare.right),
-      );
+      return castrateObject(diff(this.compare.left, this.compare.right));
     },
   },
 
   actions: {
     assign({ left, right, timestamp }: ICompareState) {
       this.compare = {
-        left: left !== null && typeof left === 'object' ? markRaw(left) : left,
-        right: right !== null && typeof right === 'object'
-          ? markRaw(right)
-          : right,
+        left: castrateObject(left),
+        right: castrateObject(right),
         timestamp: timestamp || Date.now(),
       };
     },