From 223f97038c98d1a96c6665bb7881a853d6310a65 Mon Sep 17 00:00:00 2001
From: LittleSheep <littlesheep.code@hotmail.com>
Date: Tue, 13 Aug 2024 17:54:13 +0800
Subject: [PATCH] :globe_with_meridians: Localize more pages

---
 lang/en-US.json              | 10 +++++++++-
 lang/zh-CN.json              | 10 +++++++++-
 middleware/auth.ts           |  4 ++--
 pages/products/[...slug].vue | 16 +++++++++-------
 pages/products/index.vue     |  6 ++++--
 pages/users/[...name].vue    | 11 +++++++----
 pages/users/me.vue           | 11 ++++++-----
 7 files changed, 46 insertions(+), 22 deletions(-)

diff --git a/lang/en-US.json b/lang/en-US.json
index b289535..92b24e0 100644
--- a/lang/en-US.json
+++ b/lang/en-US.json
@@ -32,5 +32,13 @@
   "multiFactorHint": "Check your inbox",
   "multiFactorTypeEmail": "Email One-time-password",
   "signInCompleted": "All Done",
-  "signInCompletedCaption": "Welcome back! You just signed in right now! We're going to direct you to dashboard..."
+  "signInCompletedCaption": "Welcome back! You just signed in right now! We're going to direct you to dashboard...",
+  "transferredToSolianHint": "This part of the functionality has been transferred to our application Solian, please download it or open it in your browser. To learn more, please visit the project description page.",
+  "personalize": "Personalize",
+  "personalizeCaption": "Bring your own color to the Solar Network.",
+  "security": "Security",
+  "securityCaption": "Guard your Solar Network account.",
+  "userActivity": "Activity",
+  "userActivityCaption": "Recent posts of this user.",
+  "productArchived": "Archived"
 }
diff --git a/lang/zh-CN.json b/lang/zh-CN.json
index 6dc3664..7dd4915 100644
--- a/lang/zh-CN.json
+++ b/lang/zh-CN.json
@@ -32,5 +32,13 @@
   "multiFactorHint": "检查您的收件箱",
   "multiFactorTypeEmail": "电子邮件一次性密码",
   "signInCompleted": "完成",
-  "signInCompletedCaption": "欢迎回来！您刚刚登录成功！我们将引导您进入仪表板..."
+  "signInCompletedCaption": "欢迎回来！您刚刚登录成功！我们将引导您进入仪表板...",
+  "transferredToSolianHint": "此部分功能已转移到我们的应用程序 Solian，请下载或在浏览器中打开。如需了解更多信息，请访问项目描述页面。",
+  "personalize": "个性化",
+  "personalizeCaption": "为 Solar Network 染上你的色彩。",
+  "security": "安全",
+  "securityCaption": "保护您的 Solar Network 账户。",
+  "userActivity": "活动",
+  "userActivityCaption": "此用户的最新帖子。",
+  "productArchived": "已归档"
 }
diff --git a/middleware/auth.ts b/middleware/auth.ts
index ebb83aa..ad69709 100644
--- a/middleware/auth.ts
+++ b/middleware/auth.ts
@@ -1,7 +1,7 @@
 export default defineNuxtRouteMiddleware((to, from) => {
-  const state = useLoggedInState();
+  const id = useUserinfo();
 
-  if (!state.value) {
+  if (!id.isLoggedIn) {
     return navigateTo(`/auth/sign-in?redirect_uri=${to.fullPath}`)
   }
 })
diff --git a/pages/products/[...slug].vue b/pages/products/[...slug].vue
index d2d527c..84c86a1 100644
--- a/pages/products/[...slug].vue
+++ b/pages/products/[...slug].vue
@@ -18,7 +18,7 @@
               size="small"
               class="mx-[-6px]"
             >
-              Archived
+              {{ t("productArchived") }}
             </v-chip>
           </v-col>
         </v-row>
@@ -41,10 +41,10 @@
         </template>
         <template #not-found>
           <v-empty-state
-              icon="mdi-flask-empty-remove-outline"
-              text="We haven't this product, yet."
-              title="Not Found"
-              class="no-content-placeholder"
+            icon="mdi-flask-empty-remove-outline"
+            text="We haven't this product, yet."
+            title="Not Found"
+            class="no-content-placeholder"
           >
             <template #actions>
               <v-btn prepend-icon="mdi-list-box" variant="plain" text="Back to index" to="/products" exact />
@@ -64,8 +64,10 @@
 </style>
 
 <script setup lang="ts">
-const route = useRoute();
-const { data: page } = await useAsyncData('page', queryContent(route.path).findOne)
+const route = useRoute()
+
+const { t } = useI18n()
+const { data: page } = await useAsyncData("page", queryContent(route.path).findOne)
 </script>
 
 <style scoped>
diff --git a/pages/products/index.vue b/pages/products/index.vue
index 7b55070..d0b1203 100644
--- a/pages/products/index.vue
+++ b/pages/products/index.vue
@@ -18,7 +18,7 @@
               size="small"
               class="mx-[-6px]"
             >
-              Archived
+              {{ t("productArchived") }}
             </v-chip>
           </v-col>
         </v-row>
@@ -29,9 +29,11 @@
 
 <script setup lang="ts">
 useHead({
-  title: 'Products',
+  title: "Products",
 })
 
+const { t } = useI18n()
+
 const { data: products } = await useAsyncData("products", () => queryContent("/products").find())
 </script>
 
diff --git a/pages/users/[...name].vue b/pages/users/[...name].vue
index 7661933..5145243 100644
--- a/pages/users/[...name].vue
+++ b/pages/users/[...name].vue
@@ -13,12 +13,14 @@
 
       <div class="mb-5 text-xs text-grey flex flex-col">
         <span>Solar Network User Web Preview</span>
-        <span>To get full view of this user's profile, open it on <a class="underline" :href="externalOpenLink">Solian</a></span>
+        <span>
+          To get full view of this user's profile, open it on <a class="underline" :href="externalOpenLink">Solian</a>
+        </span>
       </div>
 
       <div>
-        <h1 class="text-xl">Activity</h1>
-        <span>Recent posts of this user.</span>
+        <h1 class="text-xl">{{ t("userActivity") }}</h1>
+        <span>{{ t("userActivityCaption") }}</span>
       </div>
     </div>
 
@@ -32,9 +34,10 @@
 
 <script setup lang="ts">
 definePageMeta({
-  alias: ["/@:name(.*)*"]
+  alias: ["/@:name(.*)*"],
 })
 
+const { t } = useI18n()
 const route = useRoute()
 const config = useRuntimeConfig()
 
diff --git a/pages/users/me.vue b/pages/users/me.vue
index 88d91cd..b72d01c 100644
--- a/pages/users/me.vue
+++ b/pages/users/me.vue
@@ -13,8 +13,8 @@
 
       <div class="mb-5">
         <div class="mx-[2.5ch]">
-          <h2 class="text-xl">Personalize</h2>
-          <span class="text-sm">Bring your own color to the Solar Network.</span>
+          <h2 class="text-xl">{{ t("personalize") }}</h2>
+          <span class="text-sm">{{ t("personalizeCaption") }}</span>
         </div>
 
         <v-alert
@@ -22,14 +22,14 @@
           type="info"
           variant="tonal"
           density="comfortable"
-          text="This part of the functionality has been transferred to our application Solian, please download it or open it in your browser. To learn more, please visit the project description page."
+          :text="t('transferredToSolianHint')"
         />
       </div>
 
       <div class="mb-5">
         <div class="mx-[2.5ch]">
-          <h2 class="text-xl">Security</h2>
-          <span class="text-sm">Guard your Solar Network account.</span>
+          <h2 class="text-xl">{{ t("security") }}</h2>
+          <span class="text-sm">{{ t("securityCaption") }}</span>
         </div>
 
         <account-auth-ticket-table class="mt-3" />
@@ -47,6 +47,7 @@ definePageMeta({
   middleware: ["auth"],
 })
 
+const { t } = useI18n()
 const config = useRuntimeConfig()
 
 const auth = useUserinfo()