more localization

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

@@ -3,6 +3,7 @@
 
 	export let data;
 	console.log(data);
+	import { t } from 'svelte-i18n';
 
 	import FileImageBox from '~icons/mdi/file-image-box';
 
@@ -32,36 +33,38 @@
 		<div class="flex-1">
 			<h3 class="text-center">AdventureLog</h3>
 			<article class="text-center text-4xl mb-4 font-extrabold">
-				<h1>Login</h1>
+				<h1>{$t('auth.login')}</h1>
 			</article>
 
 			<div class="flex justify-center">
 				<form method="post" use:enhance class="w-full max-w-xs">
-					<label for="username">Username</label>
+					<label for="username">{$t('auth.username')}</label>
 					<input
 						name="username"
 						id="username"
 						class="block input input-bordered w-full max-w-xs"
 					/><br />
-					<label for="password">Password</label>
+					<label for="password">{$t('auth.password')}</label>
 					<input
 						type="password"
 						name="password"
 						id="password"
 						class="block input input-bordered w-full max-w-xs"
 					/><br />
-					<button class="py-2 px-4 btn btn-primary mr-2">Login</button>
+					<button class="py-2 px-4 btn btn-primary mr-2">{$t('auth.login')}</button>
 
 					<div class="flex justify-between mt-4">
-						<p><a href="/signup" class="underline">Signup</a></p>
-						<p><a href="/settings/forgot-password" class="underline">Forgot Password</a></p>
+						<p><a href="/signup" class="underline">{$t('auth.signup')}</a></p>
+						<p>
+							<a href="/settings/forgot-password" class="underline">{$t('auth.forgot_password')}</a>
+						</p>
 					</div>
 				</form>
 			</div>
 
 			{#if ($page.form?.message && $page.form?.message.length > 1) || $page.form?.type === 'error'}
 				<div class="text-center text-error mt-4">
-					{$page.form.message || 'Unable to login with the provided credentials.'}
+					{$page.form.message || $t('auth.login_error')}
 				</div>
 			{/if}
 		</div>