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')" >

- {{ t('connections.form.scriptModeFormatInfo') }} + {{ scriptModeFormatInfo }}

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