From 0fca9cbfa286d6a5e4e61d613027320ffc1f785e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=B6rg=20Lohrer?= <info.empeiria@gmail.com>
Date: Tue, 21 Apr 2026 13:17:41 +0200
Subject: [PATCH] =?UTF-8?q?fix(app):=20post-route=20l=C3=A4dt=20reaktiv=20?=
 =?UTF-8?q?via=20$effect=20statt=20onMount?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

bei navigation zwischen slugs innerhalb der gleichen [...slug]-route
bleibt die komponente montiert — onMount feuert dann nicht mehr, und
der neue post lud erst nach manuellem reload. $effect auf dtag löst
das und rendert die neue view sofort.

race-condition-guard: currentDtag wird pro effect-lauf festgefroren;
stale responses werden verworfen.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 app/src/routes/[...slug]/+page.svelte | 35 ++++++++++++++++-----------
 1 file changed, 21 insertions(+), 14 deletions(-)

diff --git a/app/src/routes/[...slug]/+page.svelte b/app/src/routes/[...slug]/+page.svelte
index 3b47ef6..8ebccdd 100644
--- a/app/src/routes/[...slug]/+page.svelte
+++ b/app/src/routes/[...slug]/+page.svelte
@@ -1,5 +1,4 @@
 <script lang="ts">
-	import { onMount } from 'svelte';
 	import type { NostrEvent } from '$lib/nostr/loaders';
 	import { loadPost } from '$lib/nostr/loaders';
 	import { AUTHOR_PUBKEY_HEX } from '$lib/nostr/config';
@@ -22,19 +21,27 @@
 		})
 	);
 
-	onMount(async () => {
-		try {
-			const p = await loadPost(dtag);
-			loading = false;
-			if (!p) {
-				error = `Post "${dtag}" nicht gefunden.`;
-			} else {
-				post = p;
-			}
-		} catch (e) {
-			loading = false;
-			error = e instanceof Error ? e.message : 'Unbekannter Fehler';
-		}
+	$effect(() => {
+		const currentDtag = dtag;
+		post = null;
+		loading = true;
+		error = null;
+		loadPost(currentDtag)
+			.then((p) => {
+				if (currentDtag !== dtag) return;
+				if (!p) {
+					error = `Post "${currentDtag}" nicht gefunden.`;
+				} else {
+					post = p;
+				}
+			})
+			.catch((e) => {
+				if (currentDtag !== dtag) return;
+				error = e instanceof Error ? e.message : 'Unbekannter Fehler';
+			})
+			.finally(() => {
+				if (currentDtag === dtag) loading = false;
+			});
 	});
 </script>