fix: populate possible f2 servers

I figured out how to handle Objects in Svelte each blocks and can
therefore now pass the data through.

Signed-off-by: André Jaenisch <andre.jaenisch@posteo.de>

src/lib/components/organisms/LoginForm.svelte

@@ -14,6 +14,13 @@ You should have received a copy of the GNU Affero General Public License along w
 <script lang="ts">
 	import { _ } from 'svelte-i18n';
 
+	/**
+	 * PageData provided by SvelteKit.
+	 */
+	export let data: unknown = {
+		servers: {}
+	};
+
 	/**
 	 * Form handling by SvelteKit
 	 */
@@ -24,11 +31,6 @@ You should have received a copy of the GNU Affero General Public License along w
 	 */
 	export let i18n: null;
 
-	/**
-	 * Available servers for signin
-	 */
-	export let servers: Array = [];
-
 	/**
 	 * Allow for linking stories in Storybook.
 	 */
@@ -45,9 +47,9 @@ You should have received a copy of the GNU Affero General Public License along w
 	<label class="label">
 		<span>{$_(i18n.fields.server.label)}</span>
 		<select class="select" name="server">
-			<option value="1">fig.fr33domlover.site</option>
-			<option value="2">grape.fr33domlover.site</option>
-			<option value="3">walnut.fr33domlover.site</option>
+			{#each Object.entries(data.servers) as [value, label]}
+				<option {value}>{label}</option>
+			{/each}
 		</select>
 	</label>
 	<label class="label">

src/lib/components/pages/Login.svelte

@@ -14,10 +14,17 @@ You should have received a copy of the GNU Affero General Public License along w
 <script lang="ts">
 	import LoginTemplate from '../templates/Login.svelte';
 
+	/**
+	 * PageData provided by SvelteKit.
+	 */
+	export let data: unknown = {
+		servers: {}
+	};
+
 	/**
 	 * Form handling by SvelteKit
 	 */
 	export let form: unknown = null;
 </script>
 
-<LoginTemplate {form} />
+<LoginTemplate {data} {form} />

src/lib/components/templates/Login.svelte

@@ -16,10 +16,19 @@ You should have received a copy of the GNU Affero General Public License along w
 
 	import LoginForm from '../organisms/LoginForm.svelte';
 
+	/**
+	 * PageData provided by SvelteKit.
+	 */
+	export let data: unknown = {
+		servers: {}
+	};
+
 	/**
 	 * Form handling by SvelteKit
 	 */
-	export let form: unknown = null;
+	export let form: unknown = {
+		servers: {}
+	};
 
 	/**
 	 * Translation keys to enable reuse
@@ -49,18 +58,12 @@ You should have received a copy of the GNU Affero General Public License along w
 	 * Allow for linking stories in Storybook.
 	 */
 	export let sb = '';
-
-	const servers = {
-		'1': 'fig.fr33domlover.site',
-		'2': 'grape.fr33domlover.site',
-		'3': 'walnut.fr33domlover.site'
-	};
 </script>
 
 <div class="w-full max-w-md h-full mx-auto flex justify-center items-center py-10">
 	<div class="space-y-10">
 		<h1 class="h1 font-bold">{$_('page.login.heading')}</h1>
 		<p>{$_('page.login.intro')}</p>
-		<LoginForm {form} {i18n} {sb} {servers} />
+		<LoginForm {data} {form} {i18n} {sb} />
 	</div>
 </div>

src/routes/account/login/+page.server.js

@@ -45,3 +45,14 @@ export const actions = {
 		redirect(303, '/profile');
 	}
 };
+
+/** @type {import('./$types').PageServerLoad} */
+export async function load({ params }) {
+	return {
+		servers: {
+			1: 'fig.fr33domlover.site',
+			2: 'grape.fr33domlover.site',
+			3: 'walnut.fr33domlover.site'
+		}
+	};
+}

src/routes/account/login/+page.svelte

@@ -8,8 +8,11 @@ SPDX-License-Identifier: AGPL-3.0-or-later
 <script>
 	import Login from '$lib/components/pages/Login.svelte';
 
+	/** @type {import('./types').PageData} */
+	export let data;
+
 	/** @type {import('./$types').ActionData} */
 	export let form;
 </script>
 
-<Login {form} />
+<Login {data} {form} />