[4.x] Refresh Live Preview when relationship items are updated (#8893)

statamic · Oct 30, 2023 · 89bd9d5 · 89bd9d5
1 parent 4a753dc
commit 89bd9d5
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/resources/js/components/inputs/relationship/Item.vue b/resources/js/components/inputs/relationship/Item.vue
@@ -53,6 +53,8 @@ export default {
         InlineEditForm
     },
 
+    inject: ['storeName'],
+
     props: {
         item: Object,
         config: Object,
@@ -83,6 +85,8 @@ export default {
             this.item.published = responseData.published;
             this.item.private = responseData.private;
             this.item.status = responseData.status;
+
+            this.$events.$emit(`live-preview.${this.storeName}.refresh`);
         },
 
     }

diff --git a/resources/js/components/live-preview/LivePreview.vue b/resources/js/components/live-preview/LivePreview.vue
@@ -215,6 +215,10 @@ export default {
         this.keybinding = this.$keys.bindGlobal('mod+shift+p', () => {
             this.previewing ? this.close() : this.$emit('opened-via-keyboard');
         });
+
+        this.$events.$on(`live-preview.${this.name}.refresh`, () => {
+            this.update();
+        });
     },
 
     beforeDestroy() {