(event: E) {
+ if (isAvailableLanguageTag(event.params.lang)) {
+ return event.params.lang;
+ }
+ return sourceLanguageTag;
+}
diff --git a/src/lib/i18n/handle.server.ts b/src/lib/i18n/handle.server.ts
new file mode 100644
index 0000000..215788d
--- /dev/null
+++ b/src/lib/i18n/handle.server.ts
@@ -0,0 +1,31 @@
+import { setLanguageTag } from '$translations/runtime';
+import { isRedirect, type Handle } from '@sveltejs/kit';
+import { getEventLang } from './event';
+import { link } from './link';
+
+/**
+ * Handle hook for:
+ * - setting SSR lang
+ * - transforming html lang attribute placeholder
+ * - rewriting unlocalized SSR redirects lang segment in location
+ */
+const handle = (async ({ event, resolve }) => {
+ event.locals.lang = getEventLang(event);
+ setLanguageTag(() => event.locals.lang);
+ const response = await resolve(event, {
+ transformPageChunk(input) {
+ return input.html.replace('%lang%', event.locals.lang);
+ }
+ });
+ if (!isRedirect(response)) {
+ return response;
+ }
+ const location = response.headers.get('location');
+ if (!location || !location.startsWith('/')) {
+ return response;
+ }
+ response.headers.set('location', link(location, event.locals.lang));
+ return response;
+}) satisfies Handle;
+
+export default handle;
diff --git a/src/lib/i18n/link.ts b/src/lib/i18n/link.ts
index d6eff3e..6827df6 100644
--- a/src/lib/i18n/link.ts
+++ b/src/lib/i18n/link.ts
@@ -1,3 +1,38 @@
-import type { AvailableLanguageTag } from '$messages/runtime';
+import {
+ availableLanguageTags,
+ languageTag,
+ sourceLanguageTag,
+ type AvailableLanguageTag,
+} from '$translations/runtime';
+import type { HTMLAnchorAttributes } from 'svelte/elements';
-export function link(path: P, lang: AvailableLanguageTag = 'fr') {}
+export function delang(location: L) {
+ const [_, maybeLang, ...rest] = location.split('/');
+ if (availableLanguageTags.includes(maybeLang as AvailableLanguageTag)) {
+ return `/${rest.join('/')}`;
+ }
+ return location;
+}
+
+export function link(location: L, lang: AvailableLanguageTag = languageTag()) {
+ const tail = delang(location);
+ if (lang === sourceLanguageTag) {
+ return tail;
+ }
+ return `/${lang}${location}`;
+}
+
+export function linkAttributes(
+ path: P,
+ {
+ lang = languageTag(),
+ }: {
+ lang?: AvailableLanguageTag;
+ } = {}
+) {
+ const href = link(path, lang);
+ return {
+ href,
+ hreflang: lang,
+ } satisfies Partial;
+}
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index e69de29..a54cfdc 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -0,0 +1,5 @@
+
+
+{@render children()}
diff --git a/src/routes/[[lang=lang]]/+layout.svelte b/src/routes/[[lang=lang]]/+layout.svelte
new file mode 100644
index 0000000..1a2a3d8
--- /dev/null
+++ b/src/routes/[[lang=lang]]/+layout.svelte
@@ -0,0 +1,31 @@
+
+
+
+ {#each availableLanguageTags as lang}
+
+ {/each}
+
+
+
+
+
+
+ {languageTag()}
+ {@render children()}
+
+
+
+
diff --git a/src/routes/[[lang]]/+page.svelte b/src/routes/[[lang=lang]]/+page.svelte
similarity index 80%
rename from src/routes/[[lang]]/+page.svelte
rename to src/routes/[[lang=lang]]/+page.svelte
index 5982b0a..00a6809 100644
--- a/src/routes/[[lang]]/+page.svelte
+++ b/src/routes/[[lang=lang]]/+page.svelte
@@ -1,2 +1,5 @@
+
+
Welcome to SvelteKit
Visit kit.svelte.dev to read the documentation
diff --git a/src/routes/[[lang]]/+layout.svelte b/src/routes/[[lang]]/+layout.svelte
deleted file mode 100644
index e69de29..0000000