🌐 Add locate for other things

lang/en-US.json

@@ -1,6 +1,11 @@
 {
   "brandName": "Solsynth",
   "brandNameFormal": "Solsynth LLC",
+  "navProducts": "Products",
+  "navActivity": "Activity",
+  "navActivityCaption": "Explore our official recent activities.",
+  "navGallery": "Gallery",
+  "navGalleryCaption": "Explore files that uploaded by Solar Network users.",
   "indexIntroduce": "An energetic software company that create wonderful software which everyone love.",
   "indexProductListHint": "See some of our products just there",
   "indexActivities": "Activities",

lang/zh-CN.json

@@ -1,6 +1,11 @@
 {
   "brandName": "索尔辛茨",
   "brandNameFormal": "索尔辛茨实业有限公司",
+  "navProducts": "制品",
+  "navActivity": "动态",
+  "navActivityCaption": "了解我们官方近期的活动。",
+  "navGallery": "相簿",
+  "navGalleryCaption": "探索整个 Solar Network 上的文件。",
   "indexIntroduce": "一家充满活力的软件公司，创造了人人喜爱的精彩软件。",
   "indexProductListHint": "在这里看看我们的一些产品",
   "indexActivities": "动态",

layouts/default.vue

@@ -6,9 +6,9 @@
       </nuxt-link>
 
       <div class="nav-links overflow-y-auto flex">
-        <v-btn variant="text" text="Products" to="/products" exact />
+        <v-btn variant="text" :text="t('navProducts')" to="/products" exact />
-        <v-btn variant="text" text="Activity" to="/activity" exact />
+        <v-btn variant="text" :text="t('navActivity')" to="/activity" exact />
-        <v-btn variant="text" text="Gallery" to="/gallery" exact />
+        <v-btn variant="text" :text="t('navGallery')" to="/gallery" exact />
       </div>
 
       <v-spacer></v-spacer>
@@ -48,7 +48,7 @@
 <script setup lang="ts">
 import Logo from "../assets/logo-w-shadow.png"
 
-const { locale, locales, setLocale } = useI18n()
+const { locale, locales, setLocale, t } = useI18n()
 </script>
 
 <style scoped>

pages/activity/index.vue

@@ -1,8 +1,8 @@
 <template>
   <v-container class="content-container mx-auto">
     <div class="my-3 mx-[3.5ch]">
-      <h1 class="text-2xl">Activity</h1>
+      <h1 class="text-2xl">{{ t("navActivity") }}</h1>
-      <span>Explore our official recent activities.</span>
+      <span>{{ t("navActivityCaption") }}</span>
     </div>
 
     <v-infinite-scroll :items="items" :onLoad="load">
@@ -14,8 +14,18 @@
 </template>
 
 <script setup lang="ts">
+const { t } = useI18n()
+
 useHead({
-  title: 'Activity',
+  title: t("navActivity"),
+})
+
+useSeoMeta({
+  title: t("navActivity"),
+  ogTitle: t("navActivity"),
+  description: t("navActivityCaption"),
+  ogDescription: t("navActivityCaption"),
+  ogType: "website",
 })
 
 const config = useRuntimeConfig()

pages/gallery/index.vue

@@ -1,8 +1,8 @@
 <template>
   <v-container fluid>
     <div class="mt-3 mb-6.5 mx-[3.5ch] text-center">
-      <h1 class="text-2xl">Gallery</h1>
+      <h1 class="text-2xl">{{ t("navGallery") }}</h1>
-      <span>Explore files that uploaded by Solar Network users.</span>
+      <span>{{ t("navGalleryCaption") }}</span>
     </div>
 
     <div class="album">
@@ -18,14 +18,23 @@
 </template>
 
 <script setup lang="ts">
+const { t } = useI18n()
+
 useHead({
-  title: 'Gallery',
+  title: t("navGallery"),
+})
+
+useSeoMeta({
+  title: t("navGallery"),
+  ogTitle: t("navGallery"),
+  description: t("navGalleryCaption"),
+  ogDescription: t("navGalleryCaption"),
+  ogType: "website",
 })
 
 const config = useRuntimeConfig()
 
 const items = ref<any[]>([])
-
 const loading = ref(false)
 
 async function load() {
@@ -39,10 +48,6 @@ async function load() {
   loading.value = false
 }
 
-function getAttachmentUrl(id: number) {
-  return `${config.public.solarNetworkApi}/cgi/files/attachments/${id}`
-}
-
 onMounted(() => {
   load()
 })