From 2e0601e17819923e3007bbcd084bf24df33e5fd1 Mon Sep 17 00:00:00 2001
From: Peter Meier <peter.meier.1986@gmail.com>
Date: Sun, 19 Apr 2026 13:52:29 +0200
Subject: [PATCH] feat(post-page): implement script execution for dynamic
 content rendering

- Added `executeScripts` function to handle script elements within the comment slot, ensuring proper execution of inline scripts.
- Updated the comment slot container to utilize the new script execution functionality, enhancing dynamic content handling.
---
 src/routes/post/[slug]/+page.svelte | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/routes/post/[slug]/+page.svelte b/src/routes/post/[slug]/+page.svelte
index e60b1d6..9f35efc 100644
--- a/src/routes/post/[slug]/+page.svelte
+++ b/src/routes/post/[slug]/+page.svelte
@@ -10,6 +10,16 @@
   import type { PageData } from './$types';
 
   let { data }: { data: PageData } = $props();
+
+  function executeScripts(node: HTMLElement) {
+    const scripts = node.querySelectorAll("script");
+    scripts.forEach((old) => {
+      const s = document.createElement("script");
+      for (const { name, value } of old.attributes) s.setAttribute(name, value);
+      s.text = old.textContent ?? "";
+      old.replaceWith(s);
+    });
+  }
 </script>
 
 <svelte:head>
@@ -95,7 +105,7 @@
 
 {#if data.commentSlot}
   <Accordion label={t(data.translations, T.post_comments)} class="mt-6">
-    <div class="p-8 border border-zinc-200 rounded-lg">
+    <div class="p-8 border border-zinc-200 rounded-lg" use:executeScripts>
       {@html data.commentSlot}
     </div>
   </Accordion>