From b4e8baabdc09809da80c4ea67633727605746dad Mon Sep 17 00:00:00 2001
From: u80864958 <niklas.breitenstein@bit.admin.ch>
Date: Fri, 23 Jan 2026 14:41:52 +0100
Subject: [PATCH] fix: language change

---
 src/app.html              | 10 +++---
 src/routes/+layout.svelte | 71 ++++++++++++++++++++++-----------------
 2 files changed, 45 insertions(+), 36 deletions(-)
diff --git a/src/app.html b/src/app.html
index 29518d9..6c747a3 100644
--- a/src/app.html
+++ b/src/app.html
@@ -2,11 +2,11 @@
 <html lang="%paraglide.lang%" dir="%paraglide.textDirection%">
   <head>
     <meta charset="utf-8" />
-    <!-- <script -->
-    <!--   defer -->
-    <!--   src="https://umami.schreifuchs.ch/script.js" -->
-    <!--   data-website-id="f09f9cc5-6357-48df-8fb2-5c62089c04a0" -->
-    <!-- ></script> -->
+    <script
+      defer
+      src="https://umami.schreifuchs.ch/script.js"
+      data-website-id="f09f9cc5-6357-48df-8fb2-5c62089c04a0"
+    ></script>
     <link rel="icon" href="%sveltekit.assets%/favicon.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <title>schreifuchs.ch</title>
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index a8e786a..31b175b 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,40 +1,49 @@
 <script lang="ts">
-  import "../app.css";
-  import type { Snippet } from 'svelte';
-  import { ParaglideJS } from '@inlang/paraglide-sveltekit';
-  import { i18n } from '$lib/i18n';
-  import { languageTag } from '$lib/paraglide/runtime';
-  import * as m from '$lib/paraglide/messages';
+	import "../app.css";
+	import type { Snippet } from "svelte";
+	import { ParaglideJS } from "@inlang/paraglide-sveltekit";
+	import { i18n } from "$lib/i18n";
+	import { languageTag } from "$lib/paraglide/runtime";
+	import { page } from "$app/state";
+	import * as m from "$lib/paraglide/messages";
 
-  let { children }: { children?: Snippet } = $props();
+	let { children }: { children?: Snippet } = $props();
 </script>
 
 <svelte:head>
-  <title>{m.site_title()}</title>
-  <meta name="description" content={m.site_description()} />
+	<title>{m.site_title()}</title>
+	<meta name="description" content={m.site_description()} />
 </svelte:head>
 
 <ParaglideJS {i18n}>
-  <header class="fixed z-50 mix-blend-difference p-1 w-full flex justify-between items-start">
-    <a href="/" class="text-white text-2xl">schreifuchs.ch</a>
-    <nav class="flex gap-2 p-2">
-      <a 
-        href="/" 
-        hreflang="de" 
-        data-no-translate
-        class="text-white hover:underline {languageTag() === 'de' ? 'font-bold' : ''}"
-      >
-        DE
-      </a>
-      <a 
-        href="/en" 
-        hreflang="en" 
-        data-no-translate
-        class="text-white hover:underline {languageTag() === 'en' ? 'font-bold' : ''}"
-      >
-        EN
-      </a>
-    </nav>
-  </header>
-  {@render children?.()}
+	<header
+		class="fixed z-50 mix-blend-difference p-1 w-full flex justify-between items-start"
+	>
+		<a href={i18n.resolveRoute("/")} class="text-white text-2xl"
+			>schreifuchs.ch</a
+		>
+		<nav class="flex gap-2 p-2">
+			<a
+				href={i18n.resolveRoute(i18n.route(page.url.pathname), "de")}
+				hreflang="de"
+				data-no-translate
+				class="text-white hover:underline {languageTag() === 'de'
+					? 'font-bold'
+					: ''}"
+			>
+				DE
+			</a>
+			<a
+				href={i18n.resolveRoute(i18n.route(page.url.pathname), "en")}
+				hreflang="en"
+				data-no-translate
+				class="text-white hover:underline {languageTag() === 'en'
+					? 'font-bold'
+					: ''}"
+			>
+				EN
+			</a>
+		</nav>
+	</header>
+	{@render children?.()}
 </ParaglideJS>
