From e0bc12dcc37a39c85f27f0eed793c7b3e00fe25d Mon Sep 17 00:00:00 2001
From: Baobhan Sith <80159437+Heavrnl@users.noreply.github.com>
Date: Mon, 12 May 2025 00:08:02 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8Di18n=E6=A0=BC=E5=BC=8F?=
 =?UTF-8?q?=E5=8C=96=E9=94=99=E8=AF=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/AddConnectionForm.vue      |  8 +++++--
 packages/frontend/src/utils/languageUtils.ts  | 23 +++++++++++++++++++
 2 files changed, 29 insertions(+), 2 deletions(-)
 create mode 100644 packages/frontend/src/utils/languageUtils.ts

diff --git a/packages/frontend/src/components/AddConnectionForm.vue b/packages/frontend/src/components/AddConnectionForm.vue
index 5336304..d6b4700 100644
--- a/packages/frontend/src/components/AddConnectionForm.vue
+++ b/packages/frontend/src/components/AddConnectionForm.vue
@@ -15,7 +15,11 @@ const props = defineProps<{
   connectionToEdit: ConnectionInfo | null;
 }>();
 
-const { t } = useI18n();
+import { getTranslation } from '../utils/languageUtils';
+
+
+const { t, locale } = useI18n();
+const scriptModeFormatInfo = ref(getTranslation('connections.form.scriptModeFormatInfo', locale.value));
 
 const {
   formData,
@@ -143,7 +147,7 @@ const handleHostIconMouseLeave = () => {
              :placeholder="t('connections.form.scriptModePlaceholder')"
            ></textarea>
            <p class="mt-1 text-xs text-text-secondary whitespace-pre-line">
-             {{ t('connections.form.scriptModeFormatInfo') }}
+             {{ scriptModeFormatInfo }}
            </p>
          </div>
        </div>
diff --git a/packages/frontend/src/utils/languageUtils.ts b/packages/frontend/src/utils/languageUtils.ts
new file mode 100644
index 0000000..65cc2f0
--- /dev/null
+++ b/packages/frontend/src/utils/languageUtils.ts
@@ -0,0 +1,23 @@
+import zhCN from '../locales/zh-CN.json';
+import enUS from '../locales/en-US.json';
+import jaJP from '../locales/ja-JP.json';
+
+const languages = {
+  'zh-CN': zhCN,
+  'en-US': enUS,
+  'ja-JP': jaJP,
+};
+
+export function getTranslation(key: string, locale: string = 'zh-CN'): string {
+  const keys = key.split('.');
+  let current: any = languages[locale as keyof typeof languages] || languages['zh-CN'];
+  
+  for (const k of keys) {
+    current = current[k];
+    if (!current) {
+      return key;
+    }
+  }
+  
+  return current;
+}
\ No newline at end of file