adds i18n

web/src/routes/register/+page.svelte

@@ -9,10 +9,12 @@
     import { users_create, type User, login } from "$lib/stores/user_store";
     import { createForm } from "$lib/vendor/svelte-form-lib";
     import { object, string } from "yup";
+    import { _ } from "svelte-i18n";
 
     let loading: boolean = false;
     const { form, errors, handleChange, handleSubmit } = createForm<User>({
         initialValues: {
+            id: "",
             username: "",
             email: "",
             password: "",
@@ -53,6 +55,9 @@
     });
 </script>
 
+<svelte:head>
+    <title>{$_('register')} | wanderer</title>
+</svelte:head>
 <main class="flex justify-center">
     <form
         class="login-panel max-w-md border border-input-border rounded-xl p-8 flex flex-col justify-center items-center gap-8 w-[28rem] mt-8"
@@ -63,25 +68,25 @@
         {:else}
             <LogoTextTwoLineLight></LogoTextTwoLineLight>
         {/if}
-        <h4 class="text-xl font-semibold">Save your adventures!</h4>
+        <h4 class="text-xl font-semibold">{$_("slogan")}</h4>
         <div class="space-y-6 w-80">
             <TextField
                 name="username"
-                label="Username"
+                label={$_("username")}
                 bind:value={$form.username}
                 on:change={handleChange}
                 error={$errors.username}
             ></TextField>
             <TextField
                 name="email"
-                label="Email"
+                label={$_("email")}
                 bind:value={$form.email}
                 on:change={handleChange}
                 error={$errors.email}
             ></TextField>
             <TextField
                 name="password"
-                label="Password"
+                label={$_("password")}
                 type="password"
                 bind:value={$form.password}
                 on:change={handleChange}
@@ -91,13 +96,12 @@
                 primary={true}
                 extraClasses={"min-w-full"}
                 type="submit"
-                {loading}>Register</Button
+                {loading}>{$_("register")}</Button
             >
         </div>
         <span
-            >Already have an account? <a
-                class="text-blue-500 underline"
-                href="/login">Login!</a
+            >{$_("already-account")}
+            <a class="text-blue-500 underline" href="/login">{$_("login")}!</a
             ></span
         >
     </form>