From 7442b09471bd73c7a111d38e9c579b00c2ee9c76 Mon Sep 17 00:00:00 2001
From: Till-JS <101404291+Till-JS@users.noreply.github.com>
Date: Thu, 29 Jan 2026 16:02:26 +0100
Subject: [PATCH] fix(matrix): wait for i18n to load before rendering

Prevents "Cannot format a message without first setting the initial locale"
error by showing a loading state until svelte-i18n is ready.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 .../matrix/apps/web/src/routes/+layout.svelte | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

diff --git a/apps/matrix/apps/web/src/routes/+layout.svelte b/apps/matrix/apps/web/src/routes/+layout.svelte
index fd716edc6..193863074 100644
--- a/apps/matrix/apps/web/src/routes/+layout.svelte
+++ b/apps/matrix/apps/web/src/routes/+layout.svelte
@@ -25,13 +25,20 @@
 </script>
 
 <svelte:head>
-	<title>{$t('app.name')}</title>
+	<title>{$i18nLoading ? 'Matrix Chat' : $t('app.name')}</title>
 	<meta name="description" content="Self-hosted Matrix chat client" />
 </svelte:head>
 
-<div class="min-h-screen bg-background text-foreground">
-	{@render children()}
-</div>
+{#if $i18nLoading}
+	<!-- Loading state while i18n initializes -->
+	<div class="min-h-screen bg-background flex items-center justify-center">
+		<div class="animate-pulse text-muted-foreground">Laden...</div>
+	</div>
+{:else}
+	<div class="min-h-screen bg-background text-foreground">
+		{@render children()}
+	</div>
 
-<!-- Global Toast notifications -->
-<ToastContainer />
+	<!-- Global Toast notifications -->
+	<ToastContainer />
+{/if}