Deep structural comparison

[VimHax]

const obj = observable.box({ a: 0, b: { x: 0, y: 0 } });

autorun(() => {
  console.log("X", computed(() => obj.get().b.x).get());
});

autorun(() => {
  console.log("Y", computed(() => obj.get().b.y).get());
});

obj.set({ a: 0, b: { x: 0, y: 0 } }); // no change
obj.set({ a: 1, b: { x: 0, y: 0 } }); // no change to X or Y
obj.set({ a: 1, b: { x: 1, y: 0 } }); // change to X
obj.set({ a: 1, b: { x: 2, y: 1 } }); // change to X and Y
obj.get().b = { x: 2, y: 1 }; // no change
obj.get().b = { x: 2, y: 2 }; // change to Y

In the above example, X and Y values only get logged when their values change, regardless even if the entire object was swapped. But to achieve this behavior I need to call computed on every single property access. Is it possible to make it so all property accesses are by default computed? This way the above code can be re-written in the following way;

autorun(() => {
  console.log("X", obj.get().b.x);
});

autorun(() => {
  console.log("Y", obj.get().b.y);
});

The reason why I want this is because I have an app where the whole state can be completely swapped out to a completely different state (imagine a call to structuredClone) but the new state is structurally similar. Meaning, without adding computeds everywhere, this swap would cause the entire app to re-render when maybe a property or two have actually changed.