rasmusq/wishlist
Public Access
1
0
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects Releases Wiki Activity

add: internationalization translation to danish

Browse Source
This commit is contained in:
rasmusq
2025-11-25 21:59:53 +01:00
parent 0c8dc087ca
commit 3b7b54b4bf
14 changed files with 311 additions and 227 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
src/routes/signup/+page.svelte
View File

@@ -4,20 +4,25 @@
import { Input } from '$lib/components/ui/input';
import { Label } from '$lib/components/ui/label';
import { ThemeToggle } from '$lib/components/ui/theme-toggle';
import { LanguageToggle } from '$lib/components/ui/language-toggle';
import type { ActionData, PageData } from './$types';
import { signIn } from '@auth/sveltekit/client';
import { languageStore } from '$lib/stores/language.svelte';
let { form, data }: { form: ActionData; data: PageData } = $props();
const t = $derived(languageStore.t);
</script>
<div class="min-h-screen flex items-center justify-center p-4">
<div class="absolute top-4 right-4">
<div class="absolute top-4 right-4 flex items-center gap-1 sm:gap-2">
<LanguageToggle />
<ThemeToggle />
</div>
<Card class="w-full max-w-md">
<CardHeader>
<CardTitle class="text-2xl">Create an Account</CardTitle>
<CardDescription>Sign up to manage your wishlists</CardDescription>
<CardTitle class="text-2xl">{t.auth.createAccount}</CardTitle>
<CardDescription>{t.auth.signUpPrompt}</CardDescription>
</CardHeader>
<CardContent class="space-y-4">
{#if form?.error}
@@ -28,26 +33,26 @@
<form method="POST" class="space-y-4">
<div class="space-y-2">
<Label for="name">Name</Label>
<Label for="name">{t.form.name}</Label>
<Input id="name" name="name" type="text" required value={form?.name || ''} />
</div>
<div class="space-y-2">
<Label for="username">Username</Label>
<Label for="username">{t.form.username}</Label>
<Input id="username" name="username" type="text" required value={form?.username || ''} />
</div>
<div class="space-y-2">
<Label for="password">Password</Label>
<Label for="password">{t.form.password}</Label>
<Input id="password" name="password" type="password" required minlength={8} />
</div>
<div class="space-y-2">
<Label for="confirmPassword">Confirm Password</Label>
<Label for="confirmPassword">{t.form.confirmPassword}</Label>
<Input id="confirmPassword" name="confirmPassword" type="password" required minlength={8} />
</div>
<Button type="submit" class="w-full">Sign Up</Button>
<Button type="submit" class="w-full">{t.auth.signUp}</Button>
</form>
{#if data.oauthProviders.length > 0}
@@ -56,7 +61,7 @@
<span class="w-full border-t"></span>
</div>
<div class="relative flex justify-center text-xs uppercase">
<span class="bg-card px-2 text-muted-foreground">Or continue with</span>
<span class="bg-card px-2 text-muted-foreground">{t.auth.continueWith}</span>
</div>
</div>
@@ -67,14 +72,14 @@
class="w-full"
onclick={() => signIn(provider.id, { callbackUrl: '/dashboard' })}
>
Sign up with {provider.name}
{t.auth.signUp} with {provider.name}
</Button>
{/each}
{/if}
<div class="text-center text-sm text-muted-foreground">
Already have an account?
<a href="/signin" class="text-primary hover:underline">Sign in</a>
{t.auth.alreadyHaveAccount}
<a href="/signin" class="text-primary hover:underline">{t.auth.signIn}</a>
</div>
</CardContent>
</Card>