From 56a7a7851b09cb30a5cd543c8cb4f926109b4290 Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.net>
Date: Sun, 24 May 2026 13:22:34 +0000
Subject: refactor(locale): move hardcoded UI strings into english locale

Adds optional namespaces (common, errors, commandPalette, headTitle,
notifications, schedule, events, home, reader, routes, badgePreview,
badgeWall) and extends existing ones (settings.*, lists.*, tools.*,
user.*, hololive.*) on the Locale interface. New fields are optional
so japanese.ts can omit them; svelte-i18n's fallbackLocale handles
the runtime miss.

HeadTitle gains an optional routeKey prop for type-safe lookup.
defaultActions becomes a factory so the command palette re-reads
locale on language toggle. The existing JP feedback translation
in routes/settings is preserved via japanese.ts.

Out of scope (kept hardcoded): service-worker.ts, app.html,
Landing*.svelte, tools.ts registry, Easter Event 2025 pages.
---
 src/lib/Home/HeadTitle.svelte    | 21 ++++++++++++++++++---
 src/lib/Home/LastActivity.svelte | 10 ++++++----
 2 files changed, 24 insertions(+), 7 deletions(-)

(limited to 'src/lib/Home')

diff --git a/src/lib/Home/HeadTitle.svelte b/src/lib/Home/HeadTitle.svelte
index 0759943f..73cf3e3d 100644
--- a/src/lib/Home/HeadTitle.svelte
+++ b/src/lib/Home/HeadTitle.svelte
@@ -1,9 +1,24 @@
 <script lang="ts">
 import { siteUrl } from "$lib/Utility/appOrigin";
+import locale from "$stores/locale";
+import type { Locale } from "$lib/Locale/layout";
 
-let { route = undefined, path = "/" }: { route?: string; path?: string } =
-	$props();
-const title = $derived((route ? `${route} • ` : "") + "due.moe");
+type HeadTitleKey = keyof NonNullable<Locale["headTitle"]>;
+
+let {
+	route = undefined,
+	routeKey = undefined,
+	path = "/",
+}: {
+	route?: string;
+	routeKey?: HeadTitleKey;
+	path?: string;
+} = $props();
+
+const resolved = $derived(
+	routeKey ? ($locale().headTitle?.[routeKey] ?? routeKey) : route,
+);
+const title = $derived((resolved ? `${resolved} • ` : "") + "due.moe");
 </script>
 
 <svelte:head>
diff --git a/src/lib/Home/LastActivity.svelte b/src/lib/Home/LastActivity.svelte
index 4ade371a..1b4952f8 100644
--- a/src/lib/Home/LastActivity.svelte
+++ b/src/lib/Home/LastActivity.svelte
@@ -4,6 +4,8 @@ import { onMount } from "svelte";
 import type { AniListAuthorisation } from "$lib/Data/AniList/identity";
 import { lastActivityDate } from "../Data/AniList/lastActivity";
 import settings from "$stores/settings";
+import locale from "$stores/locale";
+import { get } from "svelte/store";
 
 let { user }: { user: AniListAuthorisation } = $props();
 let lastActivityWasToday = $state(true);
@@ -34,6 +36,7 @@ const timeLeftToday = () => {
 	const hoursLeft = 24 - currentHour;
 	let minutesLeft = 0;
 	let timeLeft = "";
+	const l = get(locale)();
 
 	if (hoursLeft > 0) {
 		minutesLeft = hoursLeft * 60 - currentMinute;
@@ -42,9 +45,9 @@ const timeLeftToday = () => {
 	}
 
 	if (minutesLeft > 60) {
-		timeLeft = `${Math.round(minutesLeft / 60)} hours`;
+		timeLeft = `${Math.round(minutesLeft / 60)} ${l.home?.lastActivity?.hoursUnit ?? "hours"}`;
 	} else {
-		timeLeft = `${minutesLeft} minutes`;
+		timeLeft = `${minutesLeft} ${l.home?.lastActivity?.minutesUnit ?? "minutes"}`;
 	}
 
 	return timeLeft;
@@ -53,7 +56,6 @@ const timeLeftToday = () => {
 
 {#if !$settings.displayDisableLastActivityWarning && !lastActivityWasToday}
   <blockquote>
-    You don't have any new activity statuses from the past day! Create one within {timeLeftToday()}
-    to keep your streak!
+    {$locale({ values: { timeLeft: timeLeftToday() } }).home?.lastActivity?.warning}
   </blockquote>
 {/if}
-- 
cgit v1.2.3