Locale as a route and redirection

[psntr]

I follow this discussion regarding the redirection with Sveltekit, which I'm also trying to implement.

I forked the example for Sveltekit which I'm adapting for my project. However I'm required to use the locale as a route.

There seems to be different ways to do so, according to the discussion ##1807, I could use routes/[[lang]]/about/+page.svelte on some other project I used the params like routes/[lang=lang]/about/+page.svelte. My first question is there any reason choosing [[lang]] over [lang=lang].

However, I'm still not sure how I can tell Sveltekit that the default language (set as EN) should be website.com/en instead of website.com.

The issue as you may guess is that this const home = i18n.route($page.url.pathname) return / instead of /en. Any guidance would be highly appreciated.

[LorisSigrist]

With @inlang/paraglide-js-adapter-sveltekit you shouldn't need a language parameter at all. You can just place your routes at the root of your routes folder & the routing should just work.

You can tell it to always include the language in the url by passing the prefixDefaultLanguage: "always" option to createI18n like so:

// src/lib/i18n.js
import ... from ...

export const i18n = createI18n(runtime, { prefixDefaultLanguage: "always" })

[psntr]

I'm amazed, what a pleasure to have that. Thank you. Would you mind sharing the idea and if it's still up to date to do that in regard to the previous discussion:

// layout.svelte
<script>
    import { setLanguageTag } from "../paraglide/runtime.js"
    export let data;
    
    $: setLanguageTag(data.lang)
</script>


{#key data.lang}
    <slot />
{/key}

[LorisSigrist]

Sure

[psntr]

Hi again, I'm wondering if during the last update there was some change on the export const i18n = createI18n(runtime, { prefixDefaultLanguage: "always" }) for some reason, I don't have the /lang after the root URL any longer. Also couldn't find in the documentation the option prefixDefaultLanguage.

[LorisSigrist]

Nothing should have changed. I'll check to make sure & expand the docs

[Jadiction]

Sorry to comment on an old discussion, but I came across this while searching for a way to do this on the NextJS version.
I'd like to force the locale path (/lang/etc..) and have cookie persistence (along with browser header detection). Is there a "prefixDefaultLanguage" for the NextJS adapter or a setting elsewhere maybe? I was only able to find the createI18n option for defaultLanguage.

[LorisSigrist]

Currently no, but I'm about to roll out a new config API that will enable that.

You'll be able to provide a resolveLanguageTag function that get's the request & returns a language tag. You can read your cookies & browser-headers there. You'll also be able to easily define a custom onSetLanguageTag function where you can update your cookies.