feat(I18n): Add multiple languages (zh-CN/zh-TW/en/it) (#8)

2026-09-20 10:10:14 +00:00 · 2024-11-29 20:47:09 +08:00
parent 7759c3e9ad
commit 24286a7449
44 changed files with 1138 additions and 366 deletions
@@ -9,7 +9,10 @@ import {
 } from "@/components/ui/dropdown-menu"
 import { Theme, useTheme } from "@/components/theme-provider"

+import { useTranslation } from "react-i18next";
+
 export function ModeToggle() {
+    const { t } = useTranslation();
    const { setTheme } = useTheme()

    const toggleTheme = (theme: Theme) => {
@@ -27,13 +30,13 @@ export function ModeToggle() {
            </DropdownMenuTrigger>
            <DropdownMenuContent align="end">
                <DropdownMenuItem onClick={() => toggleTheme("light")}>
-                    Light
+                    {t("theme.light")}
                </DropdownMenuItem>
                <DropdownMenuItem onClick={() => toggleTheme("dark")}>
-                    Dark
+                    {t("theme.dark")}
                </DropdownMenuItem>
                <DropdownMenuItem onClick={() => toggleTheme("system")}>
-                    System
+                    {t("theme.system")}
                </DropdownMenuItem>
            </DropdownMenuContent>
        </DropdownMenu>