From 2ee3b01105419be3788b6ccd0be605b07d7469b9 Mon Sep 17 00:00:00 2001
From: Amery2010 <amery@xiangfa.org>
Date: Fri, 22 Dec 2023 22:42:03 +0800
Subject: [PATCH] WIP(translate): translate ulid-generator, encryption,
 bip39-generator, hmac-generator, rsa-key-pair-generator,
 password-strength-analyser and pdf-signature-checker tools

---
 src/plugins/i18n.plugin.ts                    |  4 +-
 src/tools/bip39-generator/bip39-generator.vue | 21 +++++-----
 src/tools/bip39-generator/index.ts            |  5 ++-
 src/tools/bip39-generator/locales/en.yml      | 18 +++++++++
 src/tools/bip39-generator/locales/zh.yml      | 18 +++++++++
 src/tools/encryption/encryption.vue           | 34 +++++++++--------
 src/tools/encryption/index.ts                 |  5 ++-
 src/tools/encryption/locales/en.yml           | 24 ++++++++++++
 src/tools/encryption/locales/zh.yml           | 24 ++++++++++++
 src/tools/hmac-generator/hmac-generator.vue   | 25 ++++++------
 src/tools/hmac-generator/index.ts             |  6 +--
 src/tools/hmac-generator/locales/en.yml       | 26 +++++++++++++
 src/tools/hmac-generator/locales/zh.yml       | 26 +++++++++++++
 src/tools/password-strength-analyser/index.ts |  5 ++-
 .../password-strength-analyser/locales/en.yml | 38 +++++++++++++++++++
 .../password-strength-analyser/locales/zh.yml | 38 +++++++++++++++++++
 .../password-strength-analyser.service.ts     | 25 ++++++------
 .../password-strength-analyser.vue            | 17 +++++----
 src/tools/pdf-signature-checker/index.ts      |  5 ++-
 .../pdf-signature-checker/locales/en.yml      |  9 +++++
 .../pdf-signature-checker/locales/zh.yml      |  9 +++++
 .../pdf-signature-checker.vue                 |  8 ++--
 src/tools/rsa-key-pair-generator/index.ts     |  5 ++-
 .../rsa-key-pair-generator/locales/en.yml     | 12 ++++++
 .../rsa-key-pair-generator/locales/zh.yml     | 12 ++++++
 .../rsa-key-pair-generator.vue                | 12 +++---
 src/tools/ulid-generator/index.ts             |  5 ++-
 src/tools/ulid-generator/locales/en.yml       | 12 ++++++
 src/tools/ulid-generator/locales/zh.yml       | 12 ++++++
 src/tools/ulid-generator/ulid-generator.vue   | 11 +++---
 30 files changed, 383 insertions(+), 88 deletions(-)
 create mode 100644 src/tools/bip39-generator/locales/en.yml
 create mode 100644 src/tools/bip39-generator/locales/zh.yml
 create mode 100644 src/tools/encryption/locales/en.yml
 create mode 100644 src/tools/encryption/locales/zh.yml
 create mode 100644 src/tools/hmac-generator/locales/en.yml
 create mode 100644 src/tools/hmac-generator/locales/zh.yml
 create mode 100644 src/tools/password-strength-analyser/locales/en.yml
 create mode 100644 src/tools/password-strength-analyser/locales/zh.yml
 create mode 100644 src/tools/pdf-signature-checker/locales/en.yml
 create mode 100644 src/tools/pdf-signature-checker/locales/zh.yml
 create mode 100644 src/tools/rsa-key-pair-generator/locales/en.yml
 create mode 100644 src/tools/rsa-key-pair-generator/locales/zh.yml
 create mode 100644 src/tools/ulid-generator/locales/en.yml
 create mode 100644 src/tools/ulid-generator/locales/zh.yml

diff --git a/src/plugins/i18n.plugin.ts b/src/plugins/i18n.plugin.ts
index 7ef2c98f..c179873d 100644
--- a/src/plugins/i18n.plugin.ts
+++ b/src/plugins/i18n.plugin.ts
@@ -21,6 +21,7 @@ const messages = _.merge(
 const i18n = createI18n({
   legacy: false,
   locale: 'en',
+  fallbackLocale: 'en',
   messages,
 });
 
@@ -32,6 +33,5 @@ export const i18nPlugin: Plugin = {
 
 export const translate = function (localeKey: string) {
   // @ts-expect-error global
-  const hasKey = i18n.global.te(localeKey, i18n.global.locale);
-  return hasKey ? i18n.global.t(localeKey) : localeKey;
+  return i18n.global.t(localeKey);
 };
diff --git a/src/tools/bip39-generator/bip39-generator.vue b/src/tools/bip39-generator/bip39-generator.vue
index a07941b2..dba97aea 100644
--- a/src/tools/bip39-generator/bip39-generator.vue
+++ b/src/tools/bip39-generator/bip39-generator.vue
@@ -36,6 +36,7 @@ const languages = {
 
 const entropy = ref(generateEntropy());
 const passphraseInput = ref('');
+const { t } = useI18n();
 
 const language = ref<keyof typeof languages>('English');
 const passphrase = computed({
@@ -53,11 +54,11 @@ const entropyValidation = useValidation({
   rules: [
     {
       validator: value => value === '' || (value.length <= 32 && value.length >= 16 && value.length % 4 === 0),
-      message: 'Entropy length should be >= 16, <= 32 and be a multiple of 4',
+      message: t('tools.bip39-generator.validation.lengthError'),
     },
     {
       validator: value => /^[a-fA-F0-9]*$/.test(value),
-      message: 'Entropy should be an hexadecimal string',
+      message: t('tools.bip39-generator.validation.stringTypeError'),
     },
   ],
 });
@@ -67,7 +68,7 @@ const mnemonicValidation = useValidation({
   rules: [
     {
       validator: value => isNotThrowing(() => mnemonicToEntropy(value, languages[language.value])),
-      message: 'Invalid mnemonic',
+      message: t('tools.bip39-generator.validation.mnemonicError'),
     },
   ],
 });
@@ -76,8 +77,8 @@ function refreshEntropy() {
   entropy.value = generateEntropy();
 }
 
-const { copy: copyEntropy } = useCopy({ source: entropy, text: 'Entropy copied to the clipboard' });
-const { copy: copyPassphrase } = useCopy({ source: passphrase, text: 'Passphrase copied to the clipboard' });
+const { copy: copyEntropy } = useCopy({ source: entropy, text: t('tools.bip39-generator.copied.entropy') });
+const { copy: copyPassphrase } = useCopy({ source: passphrase, text: t('tools.bip39-generator.copied.passphrase') });
 </script>
 
 <template>
@@ -87,18 +88,18 @@ const { copy: copyPassphrase } = useCopy({ source: passphrase, text: 'Passphrase
         <c-select
           v-model:value="language"
           searchable
-          label="Language:"
+          :label="t('tools.bip39-generator.languageLabel')"
           :options="Object.keys(languages)"
         />
       </n-gi>
       <n-gi span="2">
         <n-form-item
-          label="Entropy (seed):"
+          :label="t('tools.bip39-generator.entropyLabel')"
           :feedback="entropyValidation.message"
           :validation-status="entropyValidation.status"
         >
           <n-input-group>
-            <c-input-text v-model:value="entropy" placeholder="Your string..." />
+            <c-input-text v-model:value="entropy" :placeholder="t('tools.bip39-generator.entropyPlaceholder')" />
 
             <c-button @click="refreshEntropy()">
               <n-icon size="22">
@@ -115,12 +116,12 @@ const { copy: copyPassphrase } = useCopy({ source: passphrase, text: 'Passphrase
       </n-gi>
     </n-grid>
     <n-form-item
-      label="Passphrase (mnemonic):"
+      :label="t('tools.bip39-generator.passphraseLabel')"
       :feedback="mnemonicValidation.message"
       :validation-status="mnemonicValidation.status"
     >
       <n-input-group>
-        <c-input-text v-model:value="passphrase" placeholder="Your mnemonic..." raw-text />
+        <c-input-text v-model:value="passphrase" :placeholder="t('tools.bip39-generator.passphrasePlaceholder')" raw-text />
 
         <c-button @click="copyPassphrase()">
           <n-icon size="22" :component="Copy" />
diff --git a/src/tools/bip39-generator/index.ts b/src/tools/bip39-generator/index.ts
index f649e188..40582da4 100644
--- a/src/tools/bip39-generator/index.ts
+++ b/src/tools/bip39-generator/index.ts
@@ -1,10 +1,11 @@
 import { AlignJustified } from '@vicons/tabler';
 import { defineTool } from '../tool';
+import { translate } from '@/plugins/i18n.plugin';
 
 export const tool = defineTool({
-  name: 'BIP39 passphrase generator',
+  name: translate('tools.bip39-generator.title'),
   path: '/bip39-generator',
-  description: 'Generate BIP39 passphrase from existing or random mnemonic, or get the mnemonic from the passphrase.',
+  description: translate('tools.bip39-generator.description'),
   keywords: ['BIP39', 'passphrase', 'generator', 'mnemonic', 'entropy'],
   component: () => import('./bip39-generator.vue'),
   icon: AlignJustified,
diff --git a/src/tools/bip39-generator/locales/en.yml b/src/tools/bip39-generator/locales/en.yml
new file mode 100644
index 00000000..341360de
--- /dev/null
+++ b/src/tools/bip39-generator/locales/en.yml
@@ -0,0 +1,18 @@
+tools:
+  bip39-generator:
+    title: BIP39 passphrase generator
+    description: Generate BIP39 passphrase from existing or random mnemonic, or get the mnemonic from the passphrase.
+
+    languageLabel: 'Language:'
+    entropyLabel: 'Entropy (seed):'
+    entropyPlaceholder: Your string...
+    passphraseLabel: 'Passphrase (mnemonic):'
+    passphrasePlaceholder: Your mnemonic...
+
+    validation:
+      lengthError: 'Entropy length should be >= 16, <= 32 and be a multiple of 4'
+      stringTypeError: Entropy should be an hexadecimal string
+      mnemonicError: Invalid mnemonic
+    copied:
+      entropy: Entropy copied to the clipboard
+      passphrase: Passphrase copied to the clipboard
diff --git a/src/tools/bip39-generator/locales/zh.yml b/src/tools/bip39-generator/locales/zh.yml
new file mode 100644
index 00000000..dfc1d34e
--- /dev/null
+++ b/src/tools/bip39-generator/locales/zh.yml
@@ -0,0 +1,18 @@
+tools:
+  bip39-generator:
+    title: BIP39 助记词生成器
+    description: 从现有或随机助记词生成 BIP39 助记词，或从助记词获取助记词。
+
+    languageLabel: '语言：'
+    entropyLabel: '熵（种子）：'
+    entropyPlaceholder: 您的字符串...
+    passphraseLabel: '助记词（口令）：'
+    passphrasePlaceholder: 您的助记词...
+
+    validation:
+      lengthError: '熵的长度应为 >= 16，<= 32，并且是4的倍数'
+      stringTypeError: 熵应为十六进制字符串
+      mnemonicError: 无效的助记词
+    copied:
+      entropy: 熵已复制到剪贴板
+      passphrase: 助记词已复制到剪贴板
diff --git a/src/tools/encryption/encryption.vue b/src/tools/encryption/encryption.vue
index 2ad47b51..761e44ef 100644
--- a/src/tools/encryption/encryption.vue
+++ b/src/tools/encryption/encryption.vue
@@ -4,45 +4,47 @@ import { computedCatch } from '@/composable/computed/catchedComputed';
 
 const algos = { AES, TripleDES, Rabbit, RC4 };
 
+const { t } = useI18n();
+
 const cypherInput = ref('Lorem ipsum dolor sit amet');
 const cypherAlgo = ref<keyof typeof algos>('AES');
 const cypherSecret = ref('my secret key');
 const cypherOutput = computed(() => algos[cypherAlgo.value].encrypt(cypherInput.value, cypherSecret.value).toString());
 
-const decryptInput = ref('U2FsdGVkX1/EC3+6P5dbbkZ3e1kQ5o2yzuU0NHTjmrKnLBEwreV489Kr0DIB+uBs');
+const decryptInput = ref('U2FsdGVkX18oguRKlUyr7Po25uzcRyz1DVR6+3ULIoQ/gvlXJ+JT+uVJkz+WmSEZ');
 const decryptAlgo = ref<keyof typeof algos>('AES');
 const decryptSecret = ref('my secret key');
 const [decryptOutput, decryptError] = computedCatch(() => algos[decryptAlgo.value].decrypt(decryptInput.value, decryptSecret.value).toString(enc.Utf8), {
   defaultValue: '',
-  defaultErrorMessage: 'Unable to decrypt your text',
+  defaultErrorMessage: t('tools.encryption.errorMessage'),
 });
 </script>
 
 <template>
-  <c-card title="Encrypt">
+  <c-card :title="t('tools.encryption.encrypt.title')">
     <div flex gap-3>
       <c-input-text
         v-model:value="cypherInput"
-        label="Your text:"
-        placeholder="The string to cypher"
+        :label="t('tools.encryption.encrypt.inputLabel')"
+        :placeholder="t('tools.encryption.encrypt.inputPlaceholder')"
         rows="4"
         multiline raw-text monospace autosize flex-1
       />
       <div flex flex-1 flex-col gap-2>
-        <c-input-text v-model:value="cypherSecret" label="Your secret key:" clearable raw-text />
+        <c-input-text v-model:value="cypherSecret" :label="t('tools.encryption.encrypt.secretLabel')" clearable raw-text />
 
         <c-select
           v-model:value="cypherAlgo"
-          label="Encryption algorithm:"
+          :label="t('tools.encryption.encrypt.algoLabel')"
           :options="Object.keys(algos).map((label) => ({ label, value: label }))"
         />
       </div>
     </div>
     <c-input-text
-      label="Your text encrypted:"
+      :label="t('tools.encryption.encrypt.outputLabel')"
       :value="cypherOutput"
       rows="3"
-      placeholder="Your string hash"
+      :placeholder="t('tools.encryption.encrypt.outputPlaceholder')"
       multiline monospace readonly autosize mt-5
     />
   </c-card>
@@ -50,29 +52,29 @@ const [decryptOutput, decryptError] = computedCatch(() => algos[decryptAlgo.valu
     <div flex gap-3>
       <c-input-text
         v-model:value="decryptInput"
-        label="Your encrypted text:"
-        placeholder="The string to cypher"
+        :label="t('tools.encryption.decrypt.inputLabel')"
+        :placeholder="t('tools.encryption.decrypt.inputPlaceholder')"
         rows="4"
         multiline raw-text monospace autosize flex-1
       />
       <div flex flex-1 flex-col gap-2>
-        <c-input-text v-model:value="decryptSecret" label="Your secret key:" clearable raw-text />
+        <c-input-text v-model:value="decryptSecret" :label="t('tools.encryption.decrypt.secretLabel')" clearable raw-text />
 
         <c-select
           v-model:value="decryptAlgo"
-          label="Encryption algorithm:"
+          :label="t('tools.encryption.decrypt.algoLabel')"
           :options="Object.keys(algos).map((label) => ({ label, value: label }))"
         />
       </div>
     </div>
-    <c-alert v-if="decryptError" type="error" mt-12 title="Error while decrypting">
+    <c-alert v-if="decryptError" type="error" mt-12 :title="t('tools.encryption.decrypt.decryptError')">
       {{ decryptError }}
     </c-alert>
     <c-input-text
       v-else
-      label="Your decrypted text:"
+      :label="t('tools.encryption.decrypt.outputLabel')"
       :value="decryptOutput"
-      placeholder="Your string hash"
+      :placeholder="t('tools.encryption.decrypt.outputPlaceholder')"
       rows="3"
       multiline monospace readonly autosize mt-5
     />
diff --git a/src/tools/encryption/index.ts b/src/tools/encryption/index.ts
index 9a95f4bc..c8dd85db 100644
--- a/src/tools/encryption/index.ts
+++ b/src/tools/encryption/index.ts
@@ -1,10 +1,11 @@
 import { Lock } from '@vicons/tabler';
 import { defineTool } from '../tool';
+import { translate } from '@/plugins/i18n.plugin';
 
 export const tool = defineTool({
-  name: 'Encrypt / decrypt text',
+  name: translate('tools.encryption.title'),
   path: '/encryption',
-  description: 'Encrypt and decrypt text clear text using crypto algorithm like AES, TripleDES, Rabbit or RC4.',
+  description: translate('tools.encryption.description'),
   keywords: ['cypher', 'encipher', 'text', 'AES', 'TripleDES', 'Rabbit', 'RC4'],
   component: () => import('./encryption.vue'),
   icon: Lock,
diff --git a/src/tools/encryption/locales/en.yml b/src/tools/encryption/locales/en.yml
new file mode 100644
index 00000000..724ee5d4
--- /dev/null
+++ b/src/tools/encryption/locales/en.yml
@@ -0,0 +1,24 @@
+tools:
+  encryption:
+    title: Encrypt / decrypt text
+    description: Encrypt and decrypt text clear text using crypto algorithm like AES, TripleDES, Rabbit or RC4.
+
+    encrypt:
+      title: Encrypt
+      inputLabel: 'Your text:'
+      inputPlaceholder: The string to cypher
+      secretLabel: 'Your secret key:'
+      algoLabel: 'Encryption algorithm:'
+      outputLabel: 'Your text encrypted:'
+      outputPlaceholder: Your string hash
+    decrypt:
+      title: Decrypt
+      inputLabel: 'Your encrypted text:'
+      inputPlaceholder: The string to cypher
+      secretLabel: 'Your secret key:'
+      algoLabel: 'Encryption algorithm:'
+      outputLabel: 'Your decrypted text:'
+      outputPlaceholder: Your string hash
+      decryptError: Error while decrypting
+
+    errorMessage: Unable to decrypt your text
\ No newline at end of file
diff --git a/src/tools/encryption/locales/zh.yml b/src/tools/encryption/locales/zh.yml
new file mode 100644
index 00000000..b90ebd4a
--- /dev/null
+++ b/src/tools/encryption/locales/zh.yml
@@ -0,0 +1,24 @@
+tools:
+  encryption:
+    title: 加密/解密文本
+    description: 使用 AES、TripleDES、Rabbit 或 RC4 等加密算法对文本进行加密和解密。
+
+    encrypt:
+      title: 加密
+      inputLabel: '您的文本：'
+      inputPlaceholder: 要加密的字符串
+      secretLabel: '您的密钥：'
+      algoLabel: '加密算法：'
+      outputLabel: '加密后的文本：'
+      outputPlaceholder: 您的字符串哈希值
+    decrypt:
+      title: 解密
+      inputLabel: '您的加密文本：'
+      inputPlaceholder: 要解密的字符串
+      secretLabel: '您的密钥：'
+      algoLabel: '加密算法：'
+      outputLabel: '解密后的文本：'
+      outputPlaceholder: 您的字符串哈希值
+      decryptError: 解密时出错
+
+    errorMessage: 无法解密您的文本
diff --git a/src/tools/hmac-generator/hmac-generator.vue b/src/tools/hmac-generator/hmac-generator.vue
index fda3988b..911b7a0b 100644
--- a/src/tools/hmac-generator/hmac-generator.vue
+++ b/src/tools/hmac-generator/hmac-generator.vue
@@ -42,49 +42,50 @@ const encoding = ref<Encoding>('Hex');
 const hmac = computed(() =>
   formatWithEncoding(algos[hashFunction.value](plainText.value, secret.value), encoding.value),
 );
+const { t } = useI18n();
 const { copy } = useCopy({ source: hmac });
 </script>
 
 <template>
   <div flex flex-col gap-4>
-    <c-input-text v-model:value="plainText" multiline raw-text placeholder="Plain text to compute the hash..." rows="3" autosize autofocus label="Plain text to compute the hash" />
-    <c-input-text v-model:value="secret" raw-text placeholder="Enter the secret key..." label="Secret key" clearable />
+    <c-input-text v-model:value="plainText" multiline raw-text :placeholder="t('tools.hmac-generator.plainText.placeholder')" rows="3" autosize autofocus :label="t('tools.hmac-generator.plainText.label')" />
+    <c-input-text v-model:value="secret" raw-text :placeholder="t('tools.hmac-generator.secret.placeholder')" :label="t('tools.hmac-generator.secret.label')" clearable />
 
     <div flex gap-2>
       <c-select
-        v-model:value="hashFunction" label="Hashing function"
+        v-model:value="hashFunction" :label="t('tools.hmac-generator.hashFunction.label')"
         flex-1
-        placeholder="Select an hashing function..."
+        :placeholder="t('tools.hmac-generator.hashFunction.placeholder')"
         :options="Object.keys(algos).map((label) => ({ label, value: label }))"
       />
       <c-select
-        v-model:value="encoding" label="Output encoding"
+        v-model:value="encoding" :label="t('tools.hmac-generator.encoding.label')"
         flex-1
-        placeholder="Select the result encoding..."
+        :placeholder="t('tools.hmac-generator.encoding.placeholder')"
         :options="[
           {
-            label: 'Binary (base 2)',
+            label: t('tools.hmac-generator.encoding.binary'),
             value: 'Bin',
           },
           {
-            label: 'Hexadecimal (base 16)',
+            label: t('tools.hmac-generator.encoding.hexadecimal'),
             value: 'Hex',
           },
           {
-            label: 'Base64 (base 64)',
+            label: t('tools.hmac-generator.encoding.base64'),
             value: 'Base64',
           },
           {
-            label: 'Base64-url (base 64 with url safe chars)',
+            label: t('tools.hmac-generator.encoding.Base64Url'),
             value: 'Base64url',
           },
         ]"
       />
     </div>
-    <input-copyable v-model:value="hmac" type="textarea" placeholder="The result of the HMAC..." label="HMAC of your text" />
+    <input-copyable v-model:value="hmac" type="textarea" :placeholder="t('tools.hmac-generator.result.placeholder')" :label="t('tools.hmac-generator.result.label')" />
     <div flex justify-center>
       <c-button @click="copy()">
-        Copy HMAC
+        {{ t('tools.hmac-generator.button.copy') }}
       </c-button>
     </div>
   </div>
diff --git a/src/tools/hmac-generator/index.ts b/src/tools/hmac-generator/index.ts
index c0ca7da4..3500684e 100644
--- a/src/tools/hmac-generator/index.ts
+++ b/src/tools/hmac-generator/index.ts
@@ -1,11 +1,11 @@
 import { ShortTextRound } from '@vicons/material';
 import { defineTool } from '../tool';
+import { translate } from '@/plugins/i18n.plugin';
 
 export const tool = defineTool({
-  name: 'Hmac generator',
+  name: translate('tools.hmac-generator.title'),
   path: '/hmac-generator',
-  description:
-    'Computes a hash-based message authentication code (HMAC) using a secret key and your favorite hashing function.',
+  description: translate('tools.hmac-generator.description'),
   keywords: ['hmac', 'generator', 'MD5', 'SHA1', 'SHA256', 'SHA224', 'SHA512', 'SHA384', 'SHA3', 'RIPEMD160'],
   component: () => import('./hmac-generator.vue'),
   icon: ShortTextRound,
diff --git a/src/tools/hmac-generator/locales/en.yml b/src/tools/hmac-generator/locales/en.yml
new file mode 100644
index 00000000..bab06536
--- /dev/null
+++ b/src/tools/hmac-generator/locales/en.yml
@@ -0,0 +1,26 @@
+tools:
+  hmac-generator:
+    title: Hmac generator
+    description: Computes a hash-based message authentication code (HMAC) using a secret key and your favorite hashing function.
+
+    plainText:
+      label: Plain text to compute the hash
+      placeholder: Plain text to compute the hash...
+    secret:
+      label: Secret key
+      placeholder: Enter the secret key...
+    hashFunction:
+      label: Hashing function
+      placeholder: Select an hashing function...
+    encoding:
+      label: Output encoding
+      placeholder: Select the result encoding...
+      binary: Binary (base 2)
+      hexadecimal: Hexadecimal (base 16)
+      base64: Base64 (base 64)
+      Base64Url: Base64-url (base 64 with url safe chars)
+    result:
+      label: HMAC of your text
+      placeholder: The result of the HMAC...
+    button:
+      copy: Copy HMAC
diff --git a/src/tools/hmac-generator/locales/zh.yml b/src/tools/hmac-generator/locales/zh.yml
new file mode 100644
index 00000000..69d10a6a
--- /dev/null
+++ b/src/tools/hmac-generator/locales/zh.yml
@@ -0,0 +1,26 @@
+tools:
+  hmac-generator:
+    title: HMAC 生成器
+    description: 使用密钥和您喜欢的哈希函数计算基于哈希的消息认证码（HMAC）。
+
+    plainText:
+      label: 要计算哈希的明文
+      placeholder: 要计算哈希的明文...
+    secret:
+      label: 密钥
+      placeholder: 输入密钥...
+    hashFunction:
+      label: 哈希函数
+      placeholder: 选择一个哈希函数...
+    encoding:
+      label: 输出编码
+      placeholder: 选择结果的编码方式...
+      binary: 二进制（基数2）
+      hexadecimal: 十六进制（基数16）
+      base64: Base64（基数64）
+      Base64Url: Base64-url（带有URL安全字符的基数64）
+    result:
+      label: 您的文本的 HMAC
+      placeholder: HMAC 的结果...
+    button:
+      copy: 复制 HMAC
diff --git a/src/tools/password-strength-analyser/index.ts b/src/tools/password-strength-analyser/index.ts
index 7b86bdd5..2c2635d5 100644
--- a/src/tools/password-strength-analyser/index.ts
+++ b/src/tools/password-strength-analyser/index.ts
@@ -1,10 +1,11 @@
 import { defineTool } from '../tool';
 import PasswordIcon from '~icons/mdi/form-textbox-password';
+import { translate } from '@/plugins/i18n.plugin';
 
 export const tool = defineTool({
-  name: 'Password strength analyser',
+  name: translate('tools.password-strength-analyser.title'),
   path: '/password-strength-analyser',
-  description: 'Discover the strength of your password with this client side only password strength analyser and crack time estimation tool.',
+  description: translate('tools.password-strength-analyser.description'),
   keywords: ['password', 'strength', 'analyser', 'and', 'crack', 'time', 'estimation', 'brute', 'force', 'attack', 'entropy', 'cracking', 'hash', 'hashing', 'algorithm', 'algorithms', 'md5', 'sha1', 'sha256', 'sha512', 'bcrypt', 'scrypt', 'argon2', 'argon2id', 'argon2i', 'argon2d'],
   component: () => import('./password-strength-analyser.vue'),
   icon: PasswordIcon,
diff --git a/src/tools/password-strength-analyser/locales/en.yml b/src/tools/password-strength-analyser/locales/en.yml
new file mode 100644
index 00000000..bc4007ea
--- /dev/null
+++ b/src/tools/password-strength-analyser/locales/en.yml
@@ -0,0 +1,38 @@
+tools:
+  password-strength-analyser:
+    title: Password strength analyser
+    description: Discover the strength of your password with this client side only password strength analyser and crack time estimation tool.
+
+    passwordPlaceholder: Enter a password...
+    bruteForceDuration: Duration to crack this password with brute force
+    note: 'Note: '
+    noteInfor: The computed strength is based on the time it would take to crack the password using a brute force approach, it does not take into account the possibility of a dictionary attack.
+
+    details:
+      length: 'Password length:'
+      entropy: 'Entropy:'
+      characterSize: 'Character set size:'
+      score: 'Score:'
+
+    instantly: Instantly
+    lessThanASecond: Less than a second
+    millenium: millenium
+    century: century
+    decade: decade
+    year: year
+    month: month
+    week: week
+    day: day
+    hour: hour
+    minute: minute
+    second: second
+    millennia: millennia
+    centuries: centuries
+    decades: decades
+    years: years
+    months: months
+    weeks: weeks
+    days: days
+    hours: hours
+    minutes: minutes
+    seconds: seconds
diff --git a/src/tools/password-strength-analyser/locales/zh.yml b/src/tools/password-strength-analyser/locales/zh.yml
new file mode 100644
index 00000000..e21f7223
--- /dev/null
+++ b/src/tools/password-strength-analyser/locales/zh.yml
@@ -0,0 +1,38 @@
+tools:
+  password-strength-analyser:
+    title: 密码强度分析器
+    description: 使用此仅在客户端运行的密码强度分析器和破解时间估算工具来了解您的密码强度。
+
+    passwordPlaceholder: 输入密码...
+    bruteForceDuration: 使用暴力破解破解此密码所需时间
+    note: '注意：'
+    noteInfor: 计算的强度是基于使用暴力破解方法破解密码所需的时间，不考虑字典攻击的可能性。
+
+    details:
+      length: '密码长度：'
+      entropy: '熵：'
+      characterSize: '字符集大小：'
+      score: '得分：'
+
+    instantly: 瞬间
+    lessThanASecond: 不到一秒钟
+    millenium: 千年
+    century: 世纪
+    decade: 十年
+    year: 年
+    month: 月
+    week: 周
+    day: 天
+    hour: 小时
+    minute: 分钟
+    second: 秒
+    millennia: 千年
+    centuries: 世纪
+    decades: 十年
+    years: 年
+    months: 月
+    weeks: 周
+    days: 天
+    hours: 小时
+    minutes: 分钟
+    seconds: 秒
diff --git a/src/tools/password-strength-analyser/password-strength-analyser.service.ts b/src/tools/password-strength-analyser/password-strength-analyser.service.ts
index aa281848..bb877364 100644
--- a/src/tools/password-strength-analyser/password-strength-analyser.service.ts
+++ b/src/tools/password-strength-analyser/password-strength-analyser.service.ts
@@ -1,4 +1,5 @@
 import _ from 'lodash';
+import { translate } from '@/plugins/i18n.plugin';
 
 export { getPasswordCrackTimeEstimation, getCharsetLength };
 
@@ -11,24 +12,24 @@ function prettifyExponentialNotation(exponentialNotation: number) {
 
 function getHumanFriendlyDuration({ seconds }: { seconds: number }) {
   if (seconds <= 0.001) {
-    return 'Instantly';
+    return translate('tools.password-strength-analyser.instantly');
   }
 
   if (seconds <= 1) {
-    return 'Less than a second';
+    return translate('tools.password-strength-analyser.lessThanASecond');
   }
 
   const timeUnits = [
-    { unit: 'millenium', secondsInUnit: 31536000000, format: prettifyExponentialNotation, plural: 'millennia' },
-    { unit: 'century', secondsInUnit: 3153600000, plural: 'centuries' },
-    { unit: 'decade', secondsInUnit: 315360000, plural: 'decades' },
-    { unit: 'year', secondsInUnit: 31536000, plural: 'years' },
-    { unit: 'month', secondsInUnit: 2592000, plural: 'months' },
-    { unit: 'week', secondsInUnit: 604800, plural: 'weeks' },
-    { unit: 'day', secondsInUnit: 86400, plural: 'days' },
-    { unit: 'hour', secondsInUnit: 3600, plural: 'hours' },
-    { unit: 'minute', secondsInUnit: 60, plural: 'minutes' },
-    { unit: 'second', secondsInUnit: 1, plural: 'seconds' },
+    { unit: translate('tools.password-strength-analyser.millenium'), secondsInUnit: 31536000000, format: prettifyExponentialNotation, plural: translate('tools.password-strength-analyser.millennia') },
+    { unit: translate('tools.password-strength-analyser.century'), secondsInUnit: 3153600000, plural: translate('tools.password-strength-analyser.centuries') },
+    { unit: translate('tools.password-strength-analyser.decade'), secondsInUnit: 315360000, plural: translate('tools.password-strength-analyser.decades') },
+    { unit: translate('tools.password-strength-analyser.year'), secondsInUnit: 31536000, plural: translate('tools.password-strength-analyser.years') },
+    { unit: translate('tools.password-strength-analyser.month'), secondsInUnit: 2592000, plural: translate('tools.password-strength-analyser.months') },
+    { unit: translate('tools.password-strength-analyser.week'), secondsInUnit: 604800, plural: translate('tools.password-strength-analyser.weeks') },
+    { unit: translate('tools.password-strength-analyser.day'), secondsInUnit: 86400, plural: translate('tools.password-strength-analyser.days') },
+    { unit: translate('tools.password-strength-analyser.hour'), secondsInUnit: 3600, plural: translate('tools.password-strength-analyser.hours') },
+    { unit: translate('tools.password-strength-analyser.minute'), secondsInUnit: 60, plural: translate('tools.password-strength-analyser.minutes') },
+    { unit: translate('tools.password-strength-analyser.second'), secondsInUnit: 1, plural: translate('tools.password-strength-analyser.seconds') },
   ];
 
   return _.chain(timeUnits)
diff --git a/src/tools/password-strength-analyser/password-strength-analyser.vue b/src/tools/password-strength-analyser/password-strength-analyser.vue
index 7064ad0c..741bc38d 100644
--- a/src/tools/password-strength-analyser/password-strength-analyser.vue
+++ b/src/tools/password-strength-analyser/password-strength-analyser.vue
@@ -1,24 +1,25 @@
 <script setup lang="ts">
 import { getPasswordCrackTimeEstimation } from './password-strength-analyser.service';
 
+const { t } = useI18n();
 const password = ref('');
 const crackTimeEstimation = computed(() => getPasswordCrackTimeEstimation({ password: password.value }));
 
 const details = computed(() => [
   {
-    label: 'Password length:',
+    label: t('tools.password-strength-analyser.details.length'),
     value: crackTimeEstimation.value.passwordLength,
   },
   {
-    label: 'Entropy:',
+    label: t('tools.password-strength-analyser.details.entropy'),
     value: Math.round(crackTimeEstimation.value.entropy * 100) / 100,
   },
   {
-    label: 'Character set size:',
+    label: t('tools.password-strength-analyser.details.characterSize'),
     value: crackTimeEstimation.value.charsetLength,
   },
   {
-    label: 'Score:',
+    label: t('tools.password-strength-analyser.details.score'),
     value: `${Math.round(crackTimeEstimation.value.score * 100)} / 100`,
   },
 ]);
@@ -29,7 +30,7 @@ const details = computed(() => [
     <c-input-text
       v-model:value="password"
       type="password"
-      placeholder="Enter a password..."
+      :placeholder="t('tools.password-strength-analyser.passwordPlaceholder')"
       clearable
       autofocus
       raw-text
@@ -38,7 +39,7 @@ const details = computed(() => [
 
     <c-card text-center>
       <div op-60>
-        Duration to crack this password with brute force
+        {{ t('tools.password-strength-analyser.bruteForceDuration') }}
       </div>
       <div text-2xl data-test-id="crack-duration">
         {{ crackTimeEstimation.crackDurationFormatted }}
@@ -55,8 +56,8 @@ const details = computed(() => [
       </div>
     </c-card>
     <div op-70>
-      <span font-bold>Note: </span>
-      The computed strength is based on the time it would take to crack the password using a brute force approach, it does not take into account the possibility of a dictionary attack.
+      <span font-bold>{{ t('tools.password-strength-analyser.note') }}</span>
+      {{ t('tools.password-strength-analyser.noteInfor') }}
     </div>
   </div>
 </template>
diff --git a/src/tools/pdf-signature-checker/index.ts b/src/tools/pdf-signature-checker/index.ts
index 54563979..2619c492 100644
--- a/src/tools/pdf-signature-checker/index.ts
+++ b/src/tools/pdf-signature-checker/index.ts
@@ -1,10 +1,11 @@
 import { defineTool } from '../tool';
 import FileCertIcon from '~icons/mdi/file-certificate-outline';
+import { translate } from '@/plugins/i18n.plugin';
 
 export const tool = defineTool({
-  name: 'PDF signature checker',
+  name: translate('tools.pdf-signature-checker.title'),
   path: '/pdf-signature-checker',
-  description: 'Verify the signatures of a PDF file. A signed PDF file contains one or more signatures that may be used to determine whether the contents of the file have been altered since the file was signed.',
+  description: translate('tools.pdf-signature-checker.description'),
   keywords: ['pdf', 'signature', 'checker', 'verify', 'validate', 'sign'],
   component: () => import('./pdf-signature-checker.vue'),
   icon: FileCertIcon,
diff --git a/src/tools/pdf-signature-checker/locales/en.yml b/src/tools/pdf-signature-checker/locales/en.yml
new file mode 100644
index 00000000..47e3ac81
--- /dev/null
+++ b/src/tools/pdf-signature-checker/locales/en.yml
@@ -0,0 +1,9 @@
+tools:
+  pdf-signature-checker:
+    title: PDF signature checker
+    description: Verify the signatures of a PDF file. A signed PDF file contains one or more signatures that may be used to determine whether the contents of the file have been altered since the file was signed.
+    
+    upload:
+      tip: Drag and drop a PDF file here, or click to select a file
+      error: No signatures found in the provided file.
+      parsed: 'Signature {index} certificates :'
diff --git a/src/tools/pdf-signature-checker/locales/zh.yml b/src/tools/pdf-signature-checker/locales/zh.yml
new file mode 100644
index 00000000..485d8502
--- /dev/null
+++ b/src/tools/pdf-signature-checker/locales/zh.yml
@@ -0,0 +1,9 @@
+tools:
+  pdf-signature-checker:
+    title: PDF 签名检查器
+    description: 验证 PDF 文件的签名。签名的 PDF 文件包含一个或多个签名，可用于确定文件内容是否自签名后被更改。
+
+    upload:
+      tip: 拖放PDF文件到此处，或点击选择文件
+      error: 在提供的文件中未找到签名。
+      parsed: '第 {index} 个签名证书：'
diff --git a/src/tools/pdf-signature-checker/pdf-signature-checker.vue b/src/tools/pdf-signature-checker/pdf-signature-checker.vue
index 02206164..6bc182b0 100644
--- a/src/tools/pdf-signature-checker/pdf-signature-checker.vue
+++ b/src/tools/pdf-signature-checker/pdf-signature-checker.vue
@@ -7,6 +7,8 @@ const signatures = ref<SignatureInfo[]>([]);
 const status = ref<'idle' | 'parsed' | 'error' | 'loading'>('idle');
 const file = ref<File | null>(null);
 
+const { t } = useI18n();
+
 async function onVerifyClicked(uploadedFile: File) {
   file.value = uploadedFile;
   const fileBuffer = await uploadedFile.arrayBuffer();
@@ -27,7 +29,7 @@ async function onVerifyClicked(uploadedFile: File) {
 <template>
   <div style="flex: 0 0 100%">
     <div mx-auto max-w-600px>
-      <c-file-upload title="Drag and drop a PDF file here, or click to select a file" accept=".pdf" @file-upload="onVerifyClicked" />
+      <c-file-upload :title="t('tools.pdf-signature-checker.upload.tip')" accept=".pdf" @file-upload="onVerifyClicked" />
 
       <c-card v-if="file" mt-4 flex gap-2>
         <div font-bold>
@@ -41,7 +43,7 @@ async function onVerifyClicked(uploadedFile: File) {
 
       <div v-if="status === 'error'">
         <c-alert mt-4>
-          No signatures found in the provided file.
+          {{ t('tools.pdf-signature-checker.upload.error') }}
         </c-alert>
       </div>
     </div>
@@ -50,7 +52,7 @@ async function onVerifyClicked(uploadedFile: File) {
   <div v-if="status === 'parsed' && signatures.length" style="flex: 0 0 100%" mt-5 flex flex-col gap-4>
     <div v-for="(signature, index) of signatures" :key="index">
       <div mb-2 font-bold>
-        Signature {{ index + 1 }} certificates :
+        {{ t('tools.pdf-signature-checker.upload.parsed', { index: index + 1 }) }}
       </div>
 
       <pdf-signature-details :signature="signature" />
diff --git a/src/tools/rsa-key-pair-generator/index.ts b/src/tools/rsa-key-pair-generator/index.ts
index c8ab4cdb..3d034e5b 100644
--- a/src/tools/rsa-key-pair-generator/index.ts
+++ b/src/tools/rsa-key-pair-generator/index.ts
@@ -1,10 +1,11 @@
 import { Certificate } from '@vicons/tabler';
 import { defineTool } from '../tool';
+import { translate } from '@/plugins/i18n.plugin';
 
 export const tool = defineTool({
-  name: 'RSA key pair generator',
+  name: translate('tools.rsa-key-pair-generator.title'),
   path: '/rsa-key-pair-generator',
-  description: 'Generate new random RSA private and public key pem certificates.',
+  description: translate('tools.rsa-key-pair-generator.description'),
   keywords: ['rsa', 'key', 'pair', 'generator', 'public', 'private', 'secret', 'ssh', 'pem'],
   component: () => import('./rsa-key-pair-generator.vue'),
   icon: Certificate,
diff --git a/src/tools/rsa-key-pair-generator/locales/en.yml b/src/tools/rsa-key-pair-generator/locales/en.yml
new file mode 100644
index 00000000..4e2a02f5
--- /dev/null
+++ b/src/tools/rsa-key-pair-generator/locales/en.yml
@@ -0,0 +1,12 @@
+tools:
+  rsa-key-pair-generator:
+    title: RSA key pair generator
+    description: Generate new random RSA private and public key pem certificates.
+
+    bits: 'Bits :'
+    publicKey: Public key
+    privateKey: Private key
+    button:
+      refresh: Refresh key-pair
+
+    validationError: 'Bits should be 256 <= bits <= 16384 and be a multiple of 8'
diff --git a/src/tools/rsa-key-pair-generator/locales/zh.yml b/src/tools/rsa-key-pair-generator/locales/zh.yml
new file mode 100644
index 00000000..1565d96f
--- /dev/null
+++ b/src/tools/rsa-key-pair-generator/locales/zh.yml
@@ -0,0 +1,12 @@
+tools:
+  rsa-key-pair-generator:
+    title: RSA 密钥对生成器
+    description: 生成新的随机 RSA 私钥和公钥 PEM 证书。
+
+    bits: '位数：'
+    publicKey: 公钥
+    privateKey: 私钥
+    button:
+      refresh: 刷新密钥对
+
+    validationError: '位数应为256 <= bits <= 16384，并且是8的倍数'
diff --git a/src/tools/rsa-key-pair-generator/rsa-key-pair-generator.vue b/src/tools/rsa-key-pair-generator/rsa-key-pair-generator.vue
index 7f972464..c0ea921a 100644
--- a/src/tools/rsa-key-pair-generator/rsa-key-pair-generator.vue
+++ b/src/tools/rsa-key-pair-generator/rsa-key-pair-generator.vue
@@ -8,11 +8,13 @@ import { computedRefreshableAsync } from '@/composable/computedRefreshable';
 const bits = ref(2048);
 const emptyCerts = { publicKeyPem: '', privateKeyPem: '' };
 
+const { t } = useI18n();
+
 const { attrs: bitsValidationAttrs } = useValidation({
   source: bits,
   rules: [
     {
-      message: 'Bits should be 256 <= bits <= 16384 and be a multiple of 8',
+      message: t('tools.rsa-key-pair-generator.validationError'),
       validator: value => value >= 256 && value <= 16384 && value % 8 === 0,
     },
   ],
@@ -27,23 +29,23 @@ const [certs, refreshCerts] = computedRefreshableAsync(
 <template>
   <div style="flex: 0 0 100%">
     <div item-style="flex: 1 1 0" style="max-width: 600px" mx-auto flex gap-3>
-      <n-form-item label="Bits :" v-bind="bitsValidationAttrs as any" label-placement="left" label-width="100">
+      <n-form-item :label="t('tools.rsa-key-pair-generator.bits')" v-bind="bitsValidationAttrs as any" label-placement="left" label-width="100">
         <n-input-number v-model:value="bits" min="256" max="16384" step="8" />
       </n-form-item>
 
       <c-button @click="refreshCerts">
-        Refresh key-pair
+        {{ t('tools.rsa-key-pair-generator.button.refresh') }}
       </c-button>
     </div>
   </div>
 
   <div>
-    <h3>Public key</h3>
+    <h3>{{ t('tools.rsa-key-pair-generator.publicKey') }}</h3>
     <TextareaCopyable :value="certs.publicKeyPem" />
   </div>
 
   <div>
-    <h3>Private key</h3>
+    <h3>{{ t('tools.rsa-key-pair-generator.privateKey') }}</h3>
     <TextareaCopyable :value="certs.privateKeyPem" />
   </div>
 </template>
diff --git a/src/tools/ulid-generator/index.ts b/src/tools/ulid-generator/index.ts
index 6a5408dd..c12679a7 100644
--- a/src/tools/ulid-generator/index.ts
+++ b/src/tools/ulid-generator/index.ts
@@ -1,10 +1,11 @@
 import { SortDescendingNumbers } from '@vicons/tabler';
 import { defineTool } from '../tool';
+import { translate } from '@/plugins/i18n.plugin';
 
 export const tool = defineTool({
-  name: 'ULID generator',
+  name: translate('tools.ulid-generator.title'),
   path: '/ulid-generator',
-  description: 'Generate random Universally Unique Lexicographically Sortable Identifier (ULID).',
+  description: translate('tools.ulid-generator.description'),
   keywords: ['ulid', 'generator', 'random', 'id', 'alphanumeric', 'identity', 'token', 'string', 'identifier', 'unique'],
   component: () => import('./ulid-generator.vue'),
   icon: SortDescendingNumbers,
diff --git a/src/tools/ulid-generator/locales/en.yml b/src/tools/ulid-generator/locales/en.yml
new file mode 100644
index 00000000..2961bb43
--- /dev/null
+++ b/src/tools/ulid-generator/locales/en.yml
@@ -0,0 +1,12 @@
+tools:
+  ulid-generator:
+    title: ULID generator
+    description: Generate random Universally Unique Lexicographically Sortable Identifier (ULID).
+
+    quantity: 'Quantity: '
+    format: 'Format: '
+
+    copied: ULIDs copied to the clipboard
+    button:
+      refresh: Refresh
+      copy: Copy
diff --git a/src/tools/ulid-generator/locales/zh.yml b/src/tools/ulid-generator/locales/zh.yml
new file mode 100644
index 00000000..fd588507
--- /dev/null
+++ b/src/tools/ulid-generator/locales/zh.yml
@@ -0,0 +1,12 @@
+tools:
+  ulid-generator:
+    title: ULID 生成器
+    description: 生成随机的通用唯一词典排序标识符（ULID）。
+
+    quantity: '数量：'
+    format: '格式：'
+
+    copied: ULID 已复制到剪贴板
+    button:
+      refresh: 刷新
+      copy: 复制
diff --git a/src/tools/ulid-generator/ulid-generator.vue b/src/tools/ulid-generator/ulid-generator.vue
index 06e695ef..1a140bec 100644
--- a/src/tools/ulid-generator/ulid-generator.vue
+++ b/src/tools/ulid-generator/ulid-generator.vue
@@ -7,6 +7,7 @@ import { useCopy } from '@/composable/copy';
 const amount = useStorage('ulid-generator-amount', 1);
 const formats = [{ label: 'Raw', value: 'raw' }, { label: 'JSON', value: 'json' }] as const;
 const format = useStorage<typeof formats[number]['value']>('ulid-generator-format', formats[0].value);
+const { t } = useI18n();
 
 const [ulids, refreshUlids] = computedRefreshable(() => {
   const ids = _.times(amount.value, () => ulid());
@@ -18,17 +19,17 @@ const [ulids, refreshUlids] = computedRefreshable(() => {
   return ids.join('\n');
 });
 
-const { copy } = useCopy({ source: ulids, text: 'ULIDs copied to the clipboard' });
+const { copy } = useCopy({ source: ulids, text: t('tools.ulid-generator.copied') });
 </script>
 
 <template>
   <div flex flex-col justify-center gap-2>
     <div flex items-center>
-      <label w-75px> Quantity:</label>
+      <label w-75px>{{ t('tools.ulid-generator.quantity') }}</label>
       <n-input-number v-model:value="amount" min="1" max="100" flex-1 />
     </div>
 
-    <c-buttons-select v-model:value="format" :options="formats" label="Format: " label-width="75px" />
+    <c-buttons-select v-model:value="format" :options="formats" :label="t('tools.ulid-generator.format')" label-width="75px" />
 
     <c-card mt-5 flex data-test-id="ulids">
       <pre m-0 m-x-auto>{{ ulids }}</pre>
@@ -36,10 +37,10 @@ const { copy } = useCopy({ source: ulids, text: 'ULIDs copied to the clipboard'
 
     <div flex justify-center gap-2>
       <c-button data-test-id="refresh" @click="refreshUlids()">
-        Refresh
+        {{ t('tools.ulid-generator.button.refresh') }}
       </c-button>
       <c-button @click="copy()">
-        Copy
+        {{ t('tools.ulid-generator.button.copy') }}
       </c-button>
     </div>
   </div>