From 5b849251764ab7ed77034f02f16169bccf3ae3e6 Mon Sep 17 00:00:00 2001
From: 7836246 <go7836246@gmail.com>
Date: Mon, 18 Mar 2024 00:37:32 +0800
Subject: [PATCH] =?UTF-8?q?:memo:=20=E6=9B=B4=E6=96=B0i18n?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md                    |  3 +++
 components/domain/Editor.vue | 16 ++++++++++------
 lang/en.ts                   | 14 ++++++++++++++
 lang/tw.ts                   | 16 ++++++++++++++++
 lang/zh.ts                   | 16 ++++++++++++++++
 nuxt.config.ts               |  7 +++----
 pages/settings/index.vue     | 10 +++++-----
 7 files changed, 67 insertions(+), 15 deletions(-)

diff --git a/README.md b/README.md
index 2dad627..035dd9a 100644
--- a/README.md
+++ b/README.md
@@ -10,6 +10,9 @@ Nuxt-Whois 是一个基于 Nuxt3、Tailwind CSS 和 Xep-Whois 构建的Whois查
 - **Dns查询**：支持Dns查询，方便用户查看域名的Dns信息。
 - **自定义后缀**：支持自定义Whois服务器后缀，方便用户查询不同后缀的域名。
 
+### 内容修改
+    大部分多语言文字都在lang文件夹下或者.env文件，可以自行修改。
+
 ### 环境要求
 
 - Node.js 18.x 或更高版本
diff --git a/components/domain/Editor.vue b/components/domain/Editor.vue
index 0700d1d..d56c902 100644
--- a/components/domain/Editor.vue
+++ b/components/domain/Editor.vue
@@ -1,17 +1,20 @@
 <template>
   <div class="px-4 space-y-4">
     <div class="flex gap-2 items-center">
-      <UInput v-model="newDomainSuffix" @input="searchSuffix" placeholder="域名后缀，如 .cn" class="flex-grow rounded shadow transition duration-200 ease-in-out" />
-      <UInput v-model="newWhoisServer" placeholder="Whois服务器，如 whois.cnnic.net.cn" class="flex-grow border-gray-300 rounded shadow transition duration-200 ease-in-out" />
-      <UButton @click="addSuffix" type="button" :disabled="suffixExists" class="p-2 bg-blue-500 text-white rounded hover:bg-blue-700 shadow disabled:bg-gray-400 disabled:cursor-not-allowed transition duration-200 ease-in-out">添加</UButton>
+      <UInput v-model="newDomainSuffix" @input="searchSuffix" :placeholder="t('settings.suffixPlaceholder')" class="flex-grow rounded shadow transition duration-200 ease-in-out" />
+      <UInput v-model="newWhoisServer" :placeholder="t('settings.whoisPlaceholder')" class="flex-grow border-gray-300 rounded shadow transition duration-200 ease-in-out" />
+      <UButton @click="addSuffix" type="button" :disabled="suffixExists" class="p-2 bg-blue-500 text-white rounded hover:bg-blue-700 shadow disabled:bg-gray-400 disabled:cursor-not-allowed transition duration-200 ease-in-out">
+        {{ t('common.actions.add') }}</UButton>
     </div>
     <div class="text-sm" v-if="suffixExists">
-      <span class="text-red-500">后缀已存在</span>
+      <span class="text-red-500">{{ t('common.actions.suffixExist') }}</span>
     </div>
     <div class="overflow-auto h-64 mt-4 bg-gray-50 rounded shadow">
       <div v-for="(server, suffix) in domainStore.SupportedTLDs" :key="suffix" class="flex items-center justify-between p-2 border-b border-gray-200 last:border-b-0">
         <div>{{ suffix }}: {{ server }}</div>
-        <UButton @click="removeSuffix(suffix)" type="button" class="bg-red-500 hover:bg-red-700 text-white p-1 rounded shadow transition duration-200 ease-in-out">删除</UButton>
+        <UButton @click="removeSuffix(suffix)" type="button" class="bg-red-500 hover:bg-red-700 text-white p-1 rounded shadow transition duration-200 ease-in-out">
+          {{ t('common.actions.delete') }}
+        </UButton>
       </div>
     </div>
   </div>
@@ -24,6 +27,7 @@ const newWhoisServer = ref('');
 const suffixExists = computed(() => newDomainSuffix.value in domainStore.SupportedTLDs);
 
 const toast = useToast()
+const {t} = useI18n();
 
 const addSuffix = async () => {
   if (newDomainSuffix.value && newWhoisServer.value && !suffixExists.value) {
@@ -31,7 +35,7 @@ const addSuffix = async () => {
     newDomainSuffix.value = '';
     newWhoisServer.value = '';
     toast.add(
-        { title: '添加成功' }
+        { title: '`添加成功`' }
     );
   }
 };
diff --git a/lang/en.ts b/lang/en.ts
index 8b51cea..927c556 100644
--- a/lang/en.ts
+++ b/lang/en.ts
@@ -8,6 +8,7 @@ export default defineI18nLocale(async locale => {
                 delete: 'Delete',
                 reset: 'Reset',
                 confirm: 'Confirm',
+                add: 'Add',
             }
         },
         whois:{
@@ -147,6 +148,19 @@ export default defineI18nLocale(async locale => {
             currentWindow: 'Current Window',
             //新窗口
             newWindow: 'New Window',
+            //     后缀设置
+            suffixSetting: 'Suffix Settings',
+            //     后缀管理
+            suffixManage: 'Suffix Management',
+            // 自定义后缀
+            customSuffix: 'Custom Suffix',
+            //     自定义编辑管理添加后缀
+            suffixDesc: 'Customize the suffix to be added',
+            //     管理
+            manage: 'Manage',
+            suffixPlaceholder: 'Please enter the suffix',
+            whoisPlaceholder: 'Please enter the whois server',
+            suffixExist: 'The suffix already exists',
         },
     }
 })
diff --git a/lang/tw.ts b/lang/tw.ts
index b86708d..7f4d30f 100644
--- a/lang/tw.ts
+++ b/lang/tw.ts
@@ -10,6 +10,8 @@ export default defineI18nLocale(async locale => {
                 reset: '重置',
                 //確定
                 confirm: '確定',
+                //新增
+                add: '新增',
             }
         },
         whois: {
@@ -153,6 +155,20 @@ export default defineI18nLocale(async locale => {
             currentWindow: '當前視窗',
             // 新視窗
             newWindow: '新視窗',
+            //     字尾設定
+            suffixSetting: '字尾設定',
+            //     字尾管理
+            suffixManage: '字尾管理',
+            // 自定義字尾
+            customSuffix: '自定義字尾',
+            //     自定義編輯管理新增字尾
+            suffixDesc: '自定義編輯管理新增字尾',
+            //     管理
+            manage: '管理',
+            suffixPlaceholder: '域名字尾，如 .cn',
+            whoisPlaceholder: 'Whois伺服器，如 whois.cnnic.net.cn',
+            //     字尾已存在
+            suffixExist: '字尾已存在',
         }
     }
 })
diff --git a/lang/zh.ts b/lang/zh.ts
index 35bc925..d1211f7 100644
--- a/lang/zh.ts
+++ b/lang/zh.ts
@@ -11,6 +11,8 @@ export default defineI18nLocale(async locale => {
                 reset: '重置',
               //确定
                 confirm: '确定',
+              //添加
+              add: '添加',
           }
         },
         whois:{
@@ -159,6 +161,20 @@ export default defineI18nLocale(async locale => {
             currentWindow: '当前窗口',
             // 新窗口
             newWindow: '新窗口',
+        //     后缀设置
+            suffixSetting: '后缀设置',
+        //     后缀管理
+            suffixManage: '后缀管理',
+            // 自定义后缀
+            customSuffix: '自定义后缀',
+        //     自定义编辑管理添加后缀
+            suffixDesc: '自定义编辑管理添加后缀',
+        //     管理
+            manage: '管理',
+            suffixPlaceholder: '域名后缀，如 .cn',
+            whoisPlaceholder: 'Whois服务器，如 whois.cnnic.net.cn',
+        //     后缀已存在
+            suffixExist: '后缀已存在',
         }
     }
 })
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 5929c8d..945d6fb 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -15,17 +15,16 @@ export default defineNuxtConfig({
   } ,
   runtimeConfig: {
       public: {
-          Domain: 'Nuxt Whois',
-          DomainSuffix: 'Dns',
+          Domain: process.env.WebSiteDomain,
+          DomainSuffix: process.env.WebSiteDomainSuffix,
       }
   },
   app:{
     head: {
-        title: 'Nuxt Whois',
+        title: process.env.WebSiteTitle,
         meta: [
             { charset: 'utf-8' },
             { name: 'viewport', content: 'width=device-width, initial-scale=1' },
-            { hid: 'description', name: 'description', content: 'Nuxt Whois' }
         ],
         link: [
             { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
diff --git a/pages/settings/index.vue b/pages/settings/index.vue
index f9a8bc2..14cf4d6 100644
--- a/pages/settings/index.vue
+++ b/pages/settings/index.vue
@@ -40,17 +40,17 @@ const handleReset = async () => {
   </div>
 
   <div class="setting">
-    <div class="text-2xl font-bold mt-[30px] mb-[20px]"> 后缀设置 </div>
+    <div class="text-2xl font-bold mt-[30px] mb-[20px]"> {{ t('settings.suffixSetting') }} </div>
     <u-card class="set-item">
       <div class="flex justify-between items-center">
-        <div class="text-base"> 自定义后缀 </div>
+        <div class="text-base"> {{ t('settings.customSuffix') }} </div>
         <div class="text-sm			" >
-          自定义编辑管理添加后缀
+          {{ t('settings.suffixDesc') }}
         </div>
         <div>
           <u-button type="warning"
                     @click="isEditDomainOpen = true"
-          > 管理 </u-button>
+          > {{ t('settings.manage') }} </u-button>
         </div>
       </div>
 
@@ -70,7 +70,7 @@ const handleReset = async () => {
           <template #header>
             <div class="flex items-center justify-between">
               <h3 class="text-base font-semibold leading-6 text-gray-900 dark:text-white">
-                后缀管理
+                {{ t('settings.suffixManage') }}
               </h3>
               <UButton
                   color="gray"