schreifuchs/schreifuchs.ch
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: language change
/ publish (push) Successful in 1m19s
Details

Browse Source
This commit is contained in:
u80864958
2026-01-23 14:41:52 +01:00
parent ab3c8982e2
commit b4e8baabdc
2 changed files with 45 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app.html
+5 -5
View File
@@ -2,11 +2,11 @@
<html lang="%paraglide.lang%" dir="%paraglide.textDirection%"> <html lang="%paraglide.lang%" dir="%paraglide.textDirection%">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<!-- <script --> <script
<!-- defer --> defer
<!-- src="https://umami.schreifuchs.ch/script.js" --> src="https://umami.schreifuchs.ch/script.js"
<!-- data-website-id="f09f9cc5-6357-48df-8fb2-5c62089c04a0" --> data-website-id="f09f9cc5-6357-48df-8fb2-5c62089c04a0"
<!-- ></script> --> ></script>
<link rel="icon" href="%sveltekit.assets%/favicon.png" /> <link rel="icon" href="%sveltekit.assets%/favicon.png" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<title>schreifuchs.ch</title> <title>schreifuchs.ch</title>
src/routes/+layout.svelte
+40 -31
View File
@@ -1,40 +1,49 @@
<script lang="ts"> <script lang="ts">
import "../app.css"; import "../app.css";
import type { Snippet } from 'svelte'; import type { Snippet } from "svelte";
import { ParaglideJS } from '@inlang/paraglide-sveltekit'; import { ParaglideJS } from "@inlang/paraglide-sveltekit";
import { i18n } from '$lib/i18n'; import { i18n } from "$lib/i18n";
import { languageTag } from '$lib/paraglide/runtime'; import { languageTag } from "$lib/paraglide/runtime";
import * as m from '$lib/paraglide/messages'; import { page } from "$app/state";
import * as m from "$lib/paraglide/messages";
let { children }: { children?: Snippet } = $props(); let { children }: { children?: Snippet } = $props();
</script> </script>
<svelte:head> <svelte:head>
<title>{m.site_title()}</title> <title>{m.site_title()}</title>
<meta name="description" content={m.site_description()} /> <meta name="description" content={m.site_description()} />
</svelte:head> </svelte:head>
<ParaglideJS {i18n}> <ParaglideJS {i18n}>
<header class="fixed z-50 mix-blend-difference p-1 w-full flex justify-between items-start"> <header
<a href="/" class="text-white text-2xl">schreifuchs.ch</a> class="fixed z-50 mix-blend-difference p-1 w-full flex justify-between items-start"
<nav class="flex gap-2 p-2"> >
<a <a href={i18n.resolveRoute("/")} class="text-white text-2xl"
href="/" >schreifuchs.ch</a
hreflang="de" >
data-no-translate <nav class="flex gap-2 p-2">
class="text-white hover:underline {languageTag() === 'de' ? 'font-bold' : ''}" <a
> href={i18n.resolveRoute(i18n.route(page.url.pathname), "de")}
DE hreflang="de"
</a> data-no-translate
<a class="text-white hover:underline {languageTag() === 'de'
href="/en" ? 'font-bold'
hreflang="en" : ''}"
data-no-translate >
class="text-white hover:underline {languageTag() === 'en' ? 'font-bold' : ''}" DE
> </a>
EN <a
</a> href={i18n.resolveRoute(i18n.route(page.url.pathname), "en")}
</nav> hreflang="en"
</header> data-no-translate
{@render children?.()} class="text-white hover:underline {languageTag() === 'en'
? 'font-bold'
: ''}"
>
EN
</a>
</nav>
</header>
{@render children?.()}
</ParaglideJS> </ParaglideJS>