From 2e4edbbf0f2c1d5e4ec5a401f471fbfa5a46a94b Mon Sep 17 00:00:00 2001
From: 7836246 <go7836246@gmail.com>
Date: Sat, 2 Mar 2024 20:37:51 +0800
Subject: [PATCH] =?UTF-8?q?:bug:=20=20=E4=BF=AE=E5=A4=8Di18n=E7=9A=84=20Bu?=
 =?UTF-8?q?g?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/common/Footer.vue | 5 ++++-
 lang/en.ts                   | 1 +
 lang/tw.ts                   | 1 +
 lang/zh.ts                   | 1 +
 layouts/default.vue          | 9 ++++++---
 nuxt.config.ts               | 4 +---
 pages/api.html.vue           | 3 ++-
 7 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/components/common/Footer.vue b/components/common/Footer.vue
index 0039533..cc92a7d 100644
--- a/components/common/Footer.vue
+++ b/components/common/Footer.vue
@@ -1,3 +1,6 @@
+<script setup lang="ts">
+const localePath = useLocalePath()
+</script>
 <template>
   <footer class="text-gray-800 h-[10vh] bg-[#F1F3F4] dark:text-white  dark:bg-[#5b77af]">
     <div class="max-w-4xl mx-auto py-4 px-4 flex justify-between items-center">
@@ -5,7 +8,7 @@
         © 2024 Whois查询. All rights reserved.
       </div>
       <div class="flex items-center space-x-4">
-        <NuxtLink to="/api.html" class="hover:underline">API文档</NuxtLink>
+        <NuxtLink :to="localePath('/api.html')" class="hover:underline">API文档</NuxtLink>
         <NuxtLink to="https://github.com/7836246/Nuxt-Whois" class="hover:underline">
           <Icon name="ant-design:github-outlined" class="h-6 w-6" />
         </NuxtLink>
diff --git a/lang/en.ts b/lang/en.ts
index 31cae2f..74f7b94 100644
--- a/lang/en.ts
+++ b/lang/en.ts
@@ -3,6 +3,7 @@ export default defineI18nLocale(async locale => {
         index: {
             tips: 'The information you submit for your query will not be recorded!',
             placeholder: 'Please enter a domain name',
+            onSubmit: 'Submit',
         },
         error:{
             formatDomain: 'Error formatting domain name',
diff --git a/lang/tw.ts b/lang/tw.ts
index 250054c..7866655 100644
--- a/lang/tw.ts
+++ b/lang/tw.ts
@@ -3,6 +3,7 @@ export default defineI18nLocale(async locale => {
         index: {
             tips: '您提交的查詢信息不會被記錄！',
             placeholder: '請輸入域名',
+            onSubmit: '提交',
         },
         error:{
             formatDomain: '域名格式錯誤',
diff --git a/lang/zh.ts b/lang/zh.ts
index a688f39..57cfbc7 100644
--- a/lang/zh.ts
+++ b/lang/zh.ts
@@ -3,6 +3,7 @@ export default defineI18nLocale(async locale => {
         index: {
             tips: '您提交的查询信息不会被记录！',
             placeholder: '请输入域名',
+            onSubmit: '提交',
         },
         error:{
             formatDomain: '域名格式错误',
diff --git a/layouts/default.vue b/layouts/default.vue
index 5ccb3ec..0ccd684 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -12,6 +12,8 @@ const toast = useToast();
 const router = useRouter();
 
 const runtimeConfig = useRuntimeConfig()
+const localePath = useLocalePath()
+
 
 const handleAction = async (url: any) => {
   if (!state.domain) return toast.add({ title: '请输入域名' })
@@ -23,7 +25,7 @@ const handleAction = async (url: any) => {
   domain = updateDomainForTLD(parts);
   state.domain = domain;
 
-  await router.push(`/${url}/${state.domain.replace(/\./g, '_')}.html`);
+  await router.push(localePath(`/${url}/${state.domain.replace(/\./g, '_')}.html`));
 }
 
 
@@ -67,6 +69,7 @@ const updateDomainForTLD = (parts: string[]): string => {
 const styleStore = useStyleStore()
 const clientMounted = ref(false);
 
+
 onMounted(() => {
   clientMounted.value = true;
 });
@@ -83,7 +86,7 @@ onMounted(() => {
     >
       <nav class=" w-full text-[#464747] h-5 dark:bg-gray-700">
         <NuxtLink class="mb-3 font-bold text-2xl inline-block text-current no-underline dark:text-white"
-                  to="/"
+                  :to="localePath('/')"
         >
           <h1 class="inline-block text-current no-underline dark:text-white">{{ runtimeConfig?.public?.Domain }}</h1>
           <sup class="text-[#59a8d7] dark:text-[#ace4f8]">{{ runtimeConfig?.public?.DomainSuffix }}</sup>
@@ -104,7 +107,7 @@ onMounted(() => {
           </div>
           <!-- 使用v-if或v-show基于state.domain的值来控制按钮的显示 -->
           <UButton type="submit" color="sky" size="xl" v-if="state.domain">
-            提交
+            {{ t('index.onSubmit') }}
           </UButton>
         </UForm>
       </div>
diff --git a/nuxt.config.ts b/nuxt.config.ts
index d6d78fd..0955e62 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -32,9 +32,7 @@ export default defineNuxtConfig({
     strategy: 'prefix_except_default',
     defaultLocale: 'zh',
     detectBrowserLanguage: {
-      useCookie: true,
-      cookieKey: 'i18n_redirected',
-      redirectOn: 'root' // recommended
+          useCookie: true,
     },
     locales: [
       { code: 'zh', iso: 'zh-Hans', file: 'zh.ts' },
diff --git a/pages/api.html.vue b/pages/api.html.vue
index 89742e5..ea427b9 100644
--- a/pages/api.html.vue
+++ b/pages/api.html.vue
@@ -2,6 +2,7 @@
 definePageMeta({
   layout: 'empty',
 })
+const localePath = useLocalePath()
 </script>
 
 <template>
@@ -9,7 +10,7 @@ definePageMeta({
     <div class="overflow-hidden shadow-md rounded-lg">
       <div class="px-6 py-4 bg-red-500 text-white font-bold uppercase">
         <div class="flex items-center justify-between">
-          <NuxtLink to="/" class="hover:text-white">
+          <NuxtLink :to="localePath('/')" class="hover:text-white">
             <Icon name="ic:outline-home" class="h-6 w-6" /> <!-- 调整图标大小 -->
           </NuxtLink>
           <span>Whois关键信息提取API</span>