From 0da5ef3bcd452be76a4564dd910aef6320d40868 Mon Sep 17 00:00:00 2001
From: Huakun Shen <huakun.shen@huakunshen.com>
Date: Sat, 1 Mar 2025 10:11:21 -0500
Subject: [PATCH] feat(i18n): add English and Chinese translation for app
 search path settings

---
 apps/desktop/messages/en.json                 |  7 +++++
 apps/desktop/messages/zh.json                 |  7 +++++
 .../settings/app-search-paths/+page.svelte    | 26 ++++++++++++-------
 .../src/routes/app/settings/sidebar.svelte    |  2 +-
 4 files changed, 31 insertions(+), 11 deletions(-)

diff --git a/apps/desktop/messages/en.json b/apps/desktop/messages/en.json
index 0cc7c1d..ccbea98 100644
--- a/apps/desktop/messages/en.json
+++ b/apps/desktop/messages/en.json
@@ -24,6 +24,7 @@
 
 	"settings_menu_settings": "Settings",
 	"settings_menu_general": "General",
+	"settings_menu_app_search_paths": "App Search Paths",
 	"settings_menu_developer": "Developer",
 	"settings_menu_extensions": "Extensions",
 	"settings_menu_set_dev_ext": "Set Dev Extension",
@@ -40,6 +41,12 @@
 	"settings_general_developer_mode": "Developer Mode",
 	"settings_general_language": "Language",
 
+	"settings_app_search_paths_title": "Extra App Search Paths",
+	"settings_app_search_paths_add_app_search_path": "Add App Search Path",
+	"settings_app_search_paths_table_col_search_path": "Search Path",
+	"settings_app_search_paths_table_col_depth": "Depth",
+	"settings_app_search_paths_table_col_actions": "Actions",
+
 	"settings_about_version": "Version",
 	"settings_about_author": "Author",
 	"settings_about_source_code": "Source Code",
diff --git a/apps/desktop/messages/zh.json b/apps/desktop/messages/zh.json
index a3df44b..9fd05b1 100644
--- a/apps/desktop/messages/zh.json
+++ b/apps/desktop/messages/zh.json
@@ -24,6 +24,7 @@
 
 	"settings_menu_settings": "设置",
 	"settings_menu_general": "通用",
+	"settings_menu_app_search_paths": "应用搜索路径",
 	"settings_menu_developer": "开发者",
 	"settings_menu_extensions": "插件",
 	"settings_menu_set_dev_ext": "设置开发插件",
@@ -40,6 +41,12 @@
 	"settings_general_developer_mode": "开发者模式",
 	"settings_general_language": "语言",
 
+	"settings_app_search_paths_title": "额外应用搜索路径",
+	"settings_app_search_paths_add_app_search_path": "添加应用搜索路径",
+	"settings_app_search_paths_table_col_search_path": "搜索路径",
+	"settings_app_search_paths_table_col_depth": "深度",
+	"settings_app_search_paths_table_col_actions": "操作",
+
 	"settings_about_version": "版本",
 	"settings_about_author": "作者",
 	"settings_about_source_code": "源代码",
diff --git a/apps/desktop/src/routes/app/settings/app-search-paths/+page.svelte b/apps/desktop/src/routes/app/settings/app-search-paths/+page.svelte
index 00cef19..c67ad78 100644
--- a/apps/desktop/src/routes/app/settings/app-search-paths/+page.svelte
+++ b/apps/desktop/src/routes/app/settings/app-search-paths/+page.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import * as m from "@/paraglide/messages"
 	import { appsLoader } from "@/stores"
 	import { SearchPath } from "@kksh/api/models"
 	import { Button, Input, Table } from "@kksh/svelte5"
@@ -48,7 +49,7 @@
 </script>
 
 <main class="container flex flex-col space-y-2">
-	<h1 class="text-2xl font-bold">Extra App Search Paths</h1>
+	<h1 class="text-2xl font-bold">{m.settings_app_search_paths_title()}</h1>
 	{#if $appConfig.developerMode}
 		<Inspect name="Extra App Search Paths" value={$appConfig.appSearchPaths} />
 	{/if}
@@ -56,9 +57,9 @@
 		<Form.Field {form} name="path">
 			<Form.Control>
 				{#snippet children({ props })}
-					<Form.Label>Path</Form.Label>
+					<Form.Label>{m.settings_app_search_paths_table_col_search_path()}</Form.Label>
 					<div class="flex items-center gap-1">
-						<Input {...props} disabled bind:value={$formData.path} placeholder="Search Path" />
+						<Input {...props} disabled bind:value={$formData.path} placeholder={m.settings_app_search_paths_table_col_search_path()} />
 						<Form.Button class="my-1" onclick={pickSearchPath}>Pick</Form.Button>
 					</div>
 				{/snippet}
@@ -68,13 +69,15 @@
 		<Form.Field {form} name="depth">
 			<Form.Control>
 				{#snippet children({ props })}
-					<Form.Label>Search Depth</Form.Label>
-					<Input {...props} type="number" bind:value={$formData.depth} placeholder="Depth" />
+					<Form.Label>{m.settings_app_search_paths_table_col_depth()}</Form.Label>
+					<Input {...props} type="number" bind:value={$formData.depth} placeholder={m.settings_app_search_paths_table_col_depth()} />
 				{/snippet}
 			</Form.Control>
 			<Form.FieldErrors />
 		</Form.Field>
-		<Button class="w-full" type="submit">Add App Search Path</Button>
+		<Button class="w-full" type="submit">
+			{m.settings_app_search_paths_add_app_search_path()}
+		</Button>
 	</form>
 
 	{#if $appConfig.developerMode}
@@ -82,12 +85,15 @@
 	{/if}
 
 	<Table.Root>
-		<Table.Caption>Your App Search Paths</Table.Caption>
 		<Table.Header>
 			<Table.Row>
-				<Table.Head>Search Path</Table.Head>
-				<Table.Head class="text-center">Depth</Table.Head>
-				<Table.Head class="text-center">Actions</Table.Head>
+				<Table.Head>{m.settings_app_search_paths_table_col_search_path()}</Table.Head>
+				<Table.Head class="text-center">
+					{m.settings_app_search_paths_table_col_depth()}
+				</Table.Head>
+				<Table.Head class="text-center">
+					{m.settings_app_search_paths_table_col_actions()}
+				</Table.Head>
 			</Table.Row>
 		</Table.Header>
 		<Table.Body>
diff --git a/apps/desktop/src/routes/app/settings/sidebar.svelte b/apps/desktop/src/routes/app/settings/sidebar.svelte
index 49511f2..91be864 100644
--- a/apps/desktop/src/routes/app/settings/sidebar.svelte
+++ b/apps/desktop/src/routes/app/settings/sidebar.svelte
@@ -19,7 +19,7 @@
 			icon: Cog
 		},
 		{
-			title: "App Search Paths",
+			title: m.settings_menu_app_search_paths(),
 			url: i18n.resolveRoute("/app/settings/app-search-paths"),
 			icon: FolderSearch
 		},