From 292ad6b923a5b63042a6905d7d627e8a8d1a0ee3 Mon Sep 17 00:00:00 2001
From: Thorsten Bus <thorsten@buss-labs.de>
Date: Mon, 2 Mar 2026 10:42:10 +0100
Subject: [PATCH] fix: wire SermonBlock in Edit.vue and add missing refreshPage
 function

---
 resources/js/Pages/Services/Edit.vue | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/resources/js/Pages/Services/Edit.vue b/resources/js/Pages/Services/Edit.vue
index 8a61352..3e3b510 100644
--- a/resources/js/Pages/Services/Edit.vue
+++ b/resources/js/Pages/Services/Edit.vue
@@ -5,6 +5,7 @@ import { ref, computed } from 'vue'
 import InformationBlock from '@/Components/Blocks/InformationBlock.vue'
 import ModerationBlock from '@/Components/Blocks/ModerationBlock.vue'
 import SongsBlock from '@/Components/Blocks/SongsBlock.vue'
+import SermonBlock from '@/Components/Blocks/SermonBlock.vue'
 
 const props = defineProps({
     service: {
@@ -59,6 +60,10 @@ function goBack() {
     router.get(route('services.index'))
 }
 
+function refreshPage() {
+    router.reload({ preserveScroll: true })
+}
+
 /* ── Block definitions ───────────────────────────────────── */
 const blocks = [
     {
@@ -261,6 +266,13 @@ function blockBadgeLabel(key) {
                                         @slides-updated="refreshPage"
                                     />
 
+                                    <SermonBlock
+                                        v-else-if="block.key === 'sermon'"
+                                        :service-id="service.id"
+                                        :slides="sermonSlides"
+                                        @slides-updated="refreshPage"
+                                    />
+
                                     <SongsBlock
                                         v-else-if="block.key === 'songs'"
                                         :service-songs="serviceSongs"