Move src/locales/*.ts to src/locales/index.ts and change import.

presenter/renderer/+onBeforeRoute.ts

@@ -1,6 +1,6 @@
 import { PageContext } from 'vike/types'
 
-import { extractLocale } from '#src/locales/extractLocale'
+import { extractLocale } from '#src/locales'
 
 export function onBeforeRoute(pageContext: PageContext) {
   const { urlWithoutLocale, locale } = extractLocale(pageContext.urlPathname)

presenter/src/locales/index.ts

@@ -1,4 +1,3 @@
-export { extractLocale } from './extractLocale'
 export type LocaleCode = 'de' | 'en'
 export const locales: LocaleCode[] = ['de', 'en']
 export const localeDefault = 'de'
@@ -7,3 +6,20 @@ export const localizedLocale = [
   { locale: 'de', title: 'Deutsch' },
   { locale: 'en', title: 'English' },
 ]
+
+export function extractLocale(url: string) {
+  const urlPaths = url.split('/')
+  let locale: LocaleCode
+  let urlWithoutLocale
+  // We remove the URL locale, for example `/de/about` => `/about`
+  const firstPath = urlPaths[1] as LocaleCode
+  if (locales.includes(firstPath)) {
+    locale = firstPath
+    urlWithoutLocale = '/' + urlPaths.slice(2).join('/')
+  } else {
+    locale = localeDefault
+    urlWithoutLocale = url
+  }
+
+  return { locale, urlWithoutLocale }
+}