From efdab68053d92f07beafa331e374e555d87153ff Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Joaqu=C3=ADn=20S=C3=A1nchez?= <userquin@gmail.com>
Date: Tue, 13 Dec 2022 19:44:40 +0100
Subject: [PATCH] feat: explore tabs pages title (#419)

---
 pages/[[server]]/explore.vue       | 4 ----
 pages/[[server]]/explore/index.vue | 6 ++++++
 pages/[[server]]/explore/links.vue | 7 +++++++
 pages/[[server]]/explore/tags.vue  | 6 ++++++
 pages/[[server]]/explore/users.vue | 6 ++++++
 5 files changed, 25 insertions(+), 4 deletions(-)

diff --git a/pages/[[server]]/explore.vue b/pages/[[server]]/explore.vue
index 64fdae24..eed38e1b 100644
--- a/pages/[[server]]/explore.vue
+++ b/pages/[[server]]/explore.vue
@@ -27,10 +27,6 @@ const tabs = $computed(() => [
     : [],
   ),
 ] as const)
-
-useHeadFixed({
-  title: () => t('nav_side.explore'),
-})
 </script>
 
 <template>
diff --git a/pages/[[server]]/explore/index.vue b/pages/[[server]]/explore/index.vue
index 839ad4fa..0f0e6843 100644
--- a/pages/[[server]]/explore/index.vue
+++ b/pages/[[server]]/explore/index.vue
@@ -1,9 +1,15 @@
 <script lang="ts" setup>
 import { STORAGE_KEY_HIDE_EXPLORE_POSTS_TIPS } from '~~/constants'
 
+const { t } = useI18n()
+
 const paginator = useMasto().trends.iterateStatuses()
 
 const hideNewsTips = useLocalStorage(STORAGE_KEY_HIDE_EXPLORE_POSTS_TIPS, false)
+
+useHeadFixed({
+  title: () => `${t('tab.posts')} | ${t('nav_side.explore')}`,
+})
 </script>
 
 <template>
diff --git a/pages/[[server]]/explore/links.vue b/pages/[[server]]/explore/links.vue
index 0d7d0f49..9f61b7fe 100644
--- a/pages/[[server]]/explore/links.vue
+++ b/pages/[[server]]/explore/links.vue
@@ -2,9 +2,16 @@
 // @ts-expect-error missing types
 import { DynamicScrollerItem } from 'vue-virtual-scroller'
 import { STORAGE_KEY_HIDE_EXPLORE_NEWS_TIPS } from '~~/constants'
+
+const { t } = useI18n()
+
 const paginator = useMasto().trends.links
 
 const hideNewsTips = useLocalStorage(STORAGE_KEY_HIDE_EXPLORE_NEWS_TIPS, false)
+
+useHeadFixed({
+  title: () => `${t('tab.news')} | ${t('nav_side.explore')}`,
+})
 </script>
 
 <template>
diff --git a/pages/[[server]]/explore/tags.vue b/pages/[[server]]/explore/tags.vue
index 370d351e..cd2d80b3 100644
--- a/pages/[[server]]/explore/tags.vue
+++ b/pages/[[server]]/explore/tags.vue
@@ -2,6 +2,8 @@
 import type { Tag } from 'masto'
 import { STORAGE_KEY_HIDE_EXPLORE_TAGS_TIPS } from '~~/constants'
 
+const { t } = useI18n()
+
 const { data, pending, error } = useLazyAsyncData(
   () => useMasto().trends.fetchTags({ limit: 20 }),
   { immediate: true },
@@ -12,6 +14,10 @@ const hideTagsTips = useLocalStorage(STORAGE_KEY_HIDE_EXPLORE_TAGS_TIPS, false)
 function getTagUrl(tag: Tag) {
   return new URL(tag.url).pathname
 }
+
+useHeadFixed({
+  title: () => `${t('tab.hashtags')} | ${t('nav_side.explore')}`,
+})
 </script>
 
 <template>
diff --git a/pages/[[server]]/explore/users.vue b/pages/[[server]]/explore/users.vue
index 0ecfe918..f306d0f4 100644
--- a/pages/[[server]]/explore/users.vue
+++ b/pages/[[server]]/explore/users.vue
@@ -1,9 +1,15 @@
 <script lang="ts" setup>
+const { t } = useI18n()
+
 // limit: 20 is the default configuration of the official client
 const { data, pending, error } = useLazyAsyncData(
   () => useMasto().suggestions.fetchAll({ limit: 20 }),
   { immediate: true },
 )
+
+useHeadFixed({
+  title: () => `${t('tab.for_you')} | ${t('nav_side.explore')}`,
+})
 </script>
 
 <template>