update translations

Its-Just-Nans · Its-Just-Nans · commit e94acc7175da · 2025-08-16T08:47:19.000-06:00
diff --git a/website/src/components/icons/AlertTriangleIcon.tsx b/website/src/components/icons/AlertTriangleIcon.tsx
@@ -1,5 +1,3 @@
-import { menuTranslations } from "../../translations";
-
 export const AlertTriangleIcon = () => {
 	return (
 		<svg
@@ -11,8 +9,8 @@ export const AlertTriangleIcon = () => {
 			stroke-linecap="round"
 			stroke-linejoin="round"
 			class="icon icon-tabler icons-tabler-outline icon-tabler-alert-triangle"
+			role="graphics-symbol"
 		>
-			<title>{menuTranslations.iconAlert}</title>
 			<path stroke="none" d="M0 0h24v24H0z" fill="none" />
 			<path d="M12 9v4" />
 			<path d="M10.363 3.591l-8.106 13.534a1.914 1.914 0 0 0 1.636 2.871h16.214a1.914 1.914 0 0 0 1.636 -2.87l-8.106 -13.536a1.914 1.914 0 0 0 -3.274 0z" />
diff --git a/website/src/components/icons/CaretRightCircleIcon.tsx b/website/src/components/icons/CaretRightCircleIcon.tsx
@@ -1,5 +1,3 @@
-import { menuTranslations } from "../../translations";
-
 export const CaretRightCircleIcon = () => {
 	return (
 		<svg
@@ -11,8 +9,8 @@ export const CaretRightCircleIcon = () => {
 			stroke-linecap="round"
 			stroke-linejoin="round"
 			class="icon icon-tabler icons-tabler-outline icon-tabler-circle-caret-right"
+			role="graphics-symbol"
 		>
-			<title>{menuTranslations.iconRead}</title>
 			<path stroke="none" d="M0 0h24v24H0z" fill="none" />
 			<path d="M15 12l-4 -4v8z" />
 			<path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" />
diff --git a/website/src/components/icons/ChevronLeftIcon.tsx b/website/src/components/icons/ChevronLeftIcon.tsx
@@ -1,5 +1,3 @@
-import { menuTranslations } from "../../translations";
-
 export const ChevronLeftIcon = () => {
 	return (
 		<svg
@@ -11,8 +9,8 @@ export const ChevronLeftIcon = () => {
 			stroke-linecap="round"
 			stroke-linejoin="round"
 			class="icon icon-tabler icons-tabler-outline icon-tabler-chevron-left"
+			role="graphics-symbol"
 		>
-			<title>{menuTranslations.iconLeftArrow}</title>
 			<path stroke="none" d="M0 0h24v24H0z" fill="none" />
 			<path d="M15 6l-6 6l6 6" />
 		</svg>
diff --git a/website/src/components/icons/ChevronRightIcon.tsx b/website/src/components/icons/ChevronRightIcon.tsx
@@ -1,5 +1,3 @@
-import { menuTranslations } from "../../translations";
-
 export const ChevronRightIcon = () => {
 	return (
 		<svg
@@ -11,8 +9,8 @@ export const ChevronRightIcon = () => {
 			stroke-linecap="round"
 			stroke-linejoin="round"
 			class="icon icon-tabler icons-tabler-outline icon-tabler-chevron-right"
+			role="graphics-symbol"
 		>
-			<title>{menuTranslations.iconRightArrow}</title>
 			<path stroke="none" d="M0 0h24v24H0z" fill="none" />
 			<path d="M9 6l6 6l-6 6" />
 		</svg>
diff --git a/website/src/components/icons/CloseIcon.tsx b/website/src/components/icons/CloseIcon.tsx
@@ -1,5 +1,3 @@
-import { menuTranslations } from "../../translations";
-
 export const CloseIcon = () => {
 	return (
 		<svg
@@ -11,8 +9,8 @@ export const CloseIcon = () => {
 			stroke-linecap="round"
 			stroke-linejoin="round"
 			class="icon icon-tabler icons-tabler-outline icon-tabler-x"
+			role="graphics-symbol"
 		>
-			<title>{menuTranslations.iconClose}</title>
 			<path stroke="none" d="M0 0h24v24H0z" fill="none" />
 			<path d="M18 6l-12 12" />
 			<path d="M6 6l12 12" />
diff --git a/website/src/components/icons/HelpCircleIcon.tsx b/website/src/components/icons/HelpCircleIcon.tsx
@@ -9,8 +9,8 @@ export const HelpCircleIcon = () => {
 			stroke-linecap="round"
 			stroke-linejoin="round"
 			class="icon icon-tabler icons-tabler-outline icon-tabler-help"
+			role="graphics-symbol"
 		>
-			<title>ヘルプアイコン</title>
 			<path stroke="none" d="M0 0h24v24H0z" fill="none" />
 			<path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" />
 			<path d="M12 17l0 .01" />
diff --git a/website/src/components/icons/HomeIcon.tsx b/website/src/components/icons/HomeIcon.tsx
@@ -9,8 +9,8 @@ export const HomeIcon = () => {
 			stroke-linecap="round"
 			stroke-linejoin="round"
 			class="icon icon-tabler icons-tabler-outline icon-tabler-home"
+			role="graphics-symbol"
 		>
-			<title>ホームアイコン</title>
 			<path stroke="none" d="M0 0h24v24H0z" fill="none" />
 			<path d="M5 12l-2 0l9 -9l9 9l-2 0" />
 			<path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7" />
diff --git a/website/src/components/icons/InfoCircleIcon.tsx b/website/src/components/icons/InfoCircleIcon.tsx
@@ -1,5 +1,3 @@
-import { menuTranslations } from "../../translations";
-
 export const InfoCircleIcon = () => {
 	return (
 		<svg
@@ -11,8 +9,8 @@ export const InfoCircleIcon = () => {
 			stroke-linecap="round"
 			stroke-linejoin="round"
 			class="icon icon-tabler icons-tabler-outline icon-tabler-info-circle"
+			role="graphics-symbol"
 		>
-			<title>{menuTranslations.iconInformation}</title>
 			<path stroke="none" d="M0 0h24v24H0z" fill="none" />
 			<path d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0" />
 			<path d="M12 9h.01" />
diff --git a/website/src/components/icons/LanguageIcon.tsx b/website/src/components/icons/LanguageIcon.tsx
@@ -1,5 +1,3 @@
-import { menuTranslations } from "../../translations";
-
 export const LanguageIcon = () => {
 	return (
 		<svg
@@ -10,8 +8,8 @@ export const LanguageIcon = () => {
 			stroke-linecap="round"
 			stroke-linejoin="round"
 			class="icon icon-tabler icons-tabler-outline icon-tabler-language-hiragana"
+			role="graphics-symbol"
 		>
-			<title>{menuTranslations.iconLang}</title>
 			<path stroke="none" d="M0 0h24v24H0z" fill="none" />
 			<path d="M4 5h7" />
 			<path d="M7 4c0 4.846 0 7 .5 8" />
diff --git a/website/src/components/icons/MenuIcon.tsx b/website/src/components/icons/MenuIcon.tsx
@@ -9,8 +9,8 @@ export const MenuIcon = () => {
 			stroke-linecap="round"
 			stroke-linejoin="round"
 			class="icon icon-tabler icons-tabler-outline icon-tabler-menu-2"
+			role="graphics-symbol"
 		>
-			<title>メニューアイコン</title>
 			<path stroke="none" d="M0 0h24v24H0z" fill="none" />
 			<path d="M4 6l16 0" />
 			<path d="M4 12l16 0" />
diff --git a/website/src/components/icons/SearchIcon.tsx b/website/src/components/icons/SearchIcon.tsx
@@ -1,5 +1,3 @@
-import { menuTranslations } from "../../translations";
-
 export const SearchIcon = () => {
 	return (
 		<svg
@@ -11,8 +9,8 @@ export const SearchIcon = () => {
 			stroke-linecap="round"
 			stroke-linejoin="round"
 			class="icon icon-tabler icons-tabler-outline icon-tabler-search"
+			role="graphics-symbol"
 		>
-			<title>{menuTranslations.iconSearch}</title>
 			<path stroke="none" d="M0 0h24v24H0z" fill="none" />
 			<path d="M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" />
 			<path d="M21 21l-6 -6" />
diff --git a/website/src/translations.tsx b/website/src/translations.tsx
@@ -1,13 +1,11 @@
-export const menuTranslations = {
+import type { JSX } from "hono/jsx";
+
+type MyMap = {
+	[key: string]: string | (() => JSX.Element);
+};
+
+export const menuTranslations: MyMap = {
 	lang: "ja",
-	iconAlert: "警告アイコン",
-	iconRead: "再生アイコン",
-	iconLeftArrow: "左矢印アイコン",
-	iconRightArrow: "右矢印アイコン",
-	iconClose: "閉じるアイコン",
-	iconSearch: "検索アイコン",
-	iconLang: "言語アイコン",
-	iconInformation: "情報アイコン",
 	langVersion: "日本語版",
 	definition: "定義",
 	document: "ドキュメント",
@@ -56,8 +54,14 @@ export const menuTranslations = {
 	variadic: "可変長引数",
 	variadicDesc: "可変長引数は複数回指定することができます。",
 	settable: "設定可能引数",
-	settableDesc:
-		"設定可能引数は、<code>set</code>ルールを用いて設定でき、それ以降で使用するデフォルト値を変更できます。",
+	settableDesc: () => {
+		return (
+			<>
+				設定可能引数は、<code>set</code>
+				ルールを用いて設定でき、それ以降で使用するデフォルト値を変更できます。,
+			</>
+		);
+	},
 	positional: "位置引数",
 	positionalDesc:
 		"位置引数は順序通りに指定することで、引数名を省略して設定できます。",
@@ -84,3 +88,10 @@ export const menuTranslations = {
 	openMenu: "メニューを開く",
 	closeMenu: "メニューを閉じる",
 };
+
+export const t = (key: string) => {
+	if (typeof menuTranslations[key] === "string") {
+		return menuTranslations[key];
+	}
+	return menuTranslations[key]();
+};
