🌐 Add locate for other things

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>
-      <span>Explore our official recent activities.</span>
+      <h1 class="text-2xl">{{ t("navActivity") }}</h1>
+      <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>
-      <span>Explore files that uploaded by Solar Network users.</span>
+      <h1 class="text-2xl">{{ t("navGallery") }}</h1>
+      <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()
 })