[6.x] Fix LivePreview listener leak and simplify Grid row updates (#14583)

Co-authored-by: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Co-authored-by: Waldemar Pankratz <waldemar.pankratz@voll.digital>

Author: 3 people

resources/js/components/fieldtypes/grid/Row.vue

@@ -98,15 +98,11 @@ export default {
 
     methods: {
         updated(handle, value) {
-            let row = JSON.parse(JSON.stringify(this.values));
-            row[handle] = value;
-            this.$emit('updated', this.index, row);
+            this.$emit('updated', this.index, { ...this.values, [handle]: value });
         },
 
         metaUpdated(handle, value) {
-            let meta = clone(this.meta);
-            meta[handle] = value;
-            this.$emit('meta-updated', meta);
+            this.$emit('meta-updated', { ...this.meta, [handle]: value });
         },
 
         fieldPath(handle) {

resources/js/components/ui/LivePreview/LivePreview.vue

@@ -295,10 +295,14 @@ const keybinding = ref(
     }),
 );
 
-onUnmounted(() => keybinding.value.destroy());
+const refreshHandler = () => { if (props.enabled) update(); };
+const refreshEvent = `live-preview.${name.value}.refresh`;
 
-Statamic.$events.$on(`live-preview.${name.value}.refresh`, () => {
-    if (props.enabled) update();
+Statamic.$events.$on(refreshEvent, refreshHandler);
+
+onUnmounted(() => {
+    keybinding.value.destroy();
+    Statamic.$events.$off(refreshEvent, refreshHandler);
 });
 </script>