start localization

website/src/routes/+layout.js

@@ -0,0 +1,10 @@
+export const prerender = true;
+
+import { register, init } from 'svelte-i18n';
+
+register('en', () => import('../locales/en.json'));
+
+init({
+    fallbackLocale: 'en',
+    initialLocale: 'en',
+});

website/src/routes/+layout.ts

@@ -1 +0,0 @@
-export const prerender = true;

website/src/routes/+page.svelte

@@ -1,25 +1,5 @@
 <script lang="ts">
-	import Data from '$lib/components/Data.svelte';
-	import ElevationProfile from '$lib/components/ElevationProfile.svelte';
-	import FileList from '$lib/components/FileList.svelte';
-	import GPXData from '$lib/components/GPXData.svelte';
-	import Map from '$lib/components/Map.svelte';
-	import Menu from '$lib/components/Menu.svelte';
-	import Toolbar from '$lib/components/toolbar/Toolbar.svelte';
-	import LayerControl from '$lib/components/layer-control/LayerControl.svelte';
+	import App from '$lib/components/App.svelte';
 </script>
 
-<div class="flex flex-col w-screen h-screen">
-	<div class="grow relative">
-		<Menu />
-		<Toolbar />
-		<Map class="h-full" />
-		<LayerControl />
-		<Data />
-		<FileList />
-	</div>
-	<div class="h-60 flex flex-row gap-2 overflow-hidden border">
-		<GPXData />
-		<ElevationProfile />
-	</div>
-</div>
+<App />

website/src/routes/[language]/+page.svelte

@@ -0,0 +1,10 @@
+<script lang="ts">
+	import App from '$lib/components/App.svelte';
+
+	import { locale } from 'svelte-i18n';
+	import { page } from '$app/stores';
+
+	locale.set($page.params.language);
+</script>
+
+<App />