migrate to sveltekit-i18n

1 files changed, 9 insertions, 9 deletions

diff --git a/src/components/RegisterOrLogin.svelte b/src/components/RegisterOrLogin.svelte
index acf98523..2d1ee6a5 100644
--- a/src/components/RegisterOrLogin.svelte
+++ b/src/components/RegisterOrLogin.svelte
@@ -4,7 +4,7 @@
 	import { user, token } from '$lib/store';
 	import { auth } from '$lib/socket';
 	import { goto } from '$app/navigation';
-	import { _ } from 'svelte-i18n';
+	import { t } from '$lib/translations';
 
 	export let pageID;
 
@@ -30,11 +30,11 @@
 
 	<div class="flex justify-center items-center">
 		<div class="shadow-xl rounded-3xl p-10 pb-12 space-y-5 w-full mx-5 md:mx-0 md:w-[400px]">
-			<h1 class="text-2xl font-bold text-center">{$_('login.' + pageID)}</h1>
+			<h1 class="text-2xl font-bold text-center">{$t('login.' + pageID)}</h1>
 
 			<form class="space-y-5" {action} method="POST">
 				<div>
-					<label for="username" class="font-semibold">{$_('login.username')}</label>
+					<label for="username" class="font-semibold">{$t('login.username')}</label>
 					<!-- svelte-ignore a11y-autofocus -->
 					<input
 						name="username"
@@ -47,7 +47,7 @@
 				</div>
 
 				<div class="relative">
-					<label for="password" class="block font-semibold">{$_('login.password')}</label>
+					<label for="password" class="block font-semibold">{$t('login.password')}</label>
 					{#if revealPassword}
 						<input
 							name="password"
@@ -76,28 +76,28 @@
 
 				{#if pageID === 'register'}
 					<p class="text-secondary text-sm">
-						{$_('login.passwordRecommendation')}
+						{$t('login.passwordRecommendation')}
 					</p>
 				{:else}
 					<div class="flex justify-end items-center">
 						<a href="/forgot" class="underline underline-offset-4 text-black text-sm"
-							>{$_('login.forgotPassword')}</a
+							>{$t('login.forgotPassword')}</a
 						>
 					</div>
 				{/if}
 
 				<button type="submit" class="bg-black text-white w-full rounded-2xl p-4 font-semibold"
-					>{$_('login.' + pageID)}
+					>{$t('login.' + pageID)}
 				</button>
 			</form>
 
 			<p class="text-secondary text-center font-medium">
-				{pageID === 'register' ? $_('login.haveAccount') : $_('login.noAccount')}
+				{pageID === 'register' ? $t('login.haveAccount') : $t('login.noAccount')}
 				<a
 					href={pageID === 'register' ? '/login' : '/register'}
 					class="block md:inline text-black underline underline-offset-4"
 				>
-					{pageID === 'register' ? $_('login.signIn') : $_('login.register')}
+					{pageID === 'register' ? $t('login.signIn') : $t('login.register')}
 				</a>
 			</p>
 		</div>