From c0915afdb7cfd4d506c407543e9f9db89703f586 Mon Sep 17 00:00:00 2001
From: userquin <userquin@gmail.com>
Date: Sat, 6 Apr 2024 01:43:13 +0200
Subject: [PATCH] chore: add main pages

---
 pages/blocks.vue        | 2 +-
 pages/bookmarks.vue     | 2 +-
 pages/conversations.vue | 2 +-
 pages/domain_blocks.vue | 2 +-
 pages/favourites.vue    | 2 +-
 pages/hashtags.vue      | 2 +-
 pages/home.vue          | 2 +-
 pages/mutes.vue         | 2 +-
 pages/notifications.vue | 6 +++++-
 pages/pinned.vue        | 2 +-
 10 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/pages/blocks.vue b/pages/blocks.vue
index df78355d..4d898a9c 100644
--- a/pages/blocks.vue
+++ b/pages/blocks.vue
@@ -11,7 +11,7 @@ useHydratedHead({
 </script>
 
 <template>
-  <MainContent back>
+  <MainContent back skip-content="nav.blocked_users">
     <template #title>
       <span timeline-title-style>{{ $t('nav.blocked_users') }}</span>
     </template>
diff --git a/pages/bookmarks.vue b/pages/bookmarks.vue
index efebad8c..9bbc87d9 100644
--- a/pages/bookmarks.vue
+++ b/pages/bookmarks.vue
@@ -11,7 +11,7 @@ useHydratedHead({
 </script>
 
 <template>
-  <MainContent>
+  <MainContent skip-content="nav.bookmarks">
     <template #title>
       <NuxtLink to="/bookmarks" timeline-title-style flex items-center gap-2 @click="$scrollToTop">
         <div i-ri:bookmark-line />
diff --git a/pages/conversations.vue b/pages/conversations.vue
index f0ab6d40..4e68c6a3 100644
--- a/pages/conversations.vue
+++ b/pages/conversations.vue
@@ -11,7 +11,7 @@ useHydratedHead({
 </script>
 
 <template>
-  <MainContent>
+  <MainContent skip-content="nav.conversations">
     <template #title>
       <NuxtLink to="/conversations" timeline-title-style flex items-center gap-2 @click="$scrollToTop">
         <div i-ri:at-line />
diff --git a/pages/domain_blocks.vue b/pages/domain_blocks.vue
index 5f981c3e..56f61060 100644
--- a/pages/domain_blocks.vue
+++ b/pages/domain_blocks.vue
@@ -11,7 +11,7 @@ useHydratedHead({
 </script>
 
 <template>
-  <MainContent back>
+  <MainContent back skip-content="nav.blocked_domains">
     <template #title>
       <span timeline-title-style>{{ $t('nav.blocked_domains') }}</span>
     </template>
diff --git a/pages/favourites.vue b/pages/favourites.vue
index 9882be35..f8c16096 100644
--- a/pages/favourites.vue
+++ b/pages/favourites.vue
@@ -12,7 +12,7 @@ useHydratedHead({
 </script>
 
 <template>
-  <MainContent>
+  <MainContent skip-content="nav.favourites">
     <template #title>
       <NuxtLink to="/favourites" timeline-title-style flex items-center gap-2 @click="$scrollToTop">
         <div :class="useStarFavoriteIcon ? 'i-ri:star-line' : 'i-ri:heart-3-line'" />
diff --git a/pages/hashtags.vue b/pages/hashtags.vue
index e7569e64..5cc2bc45 100644
--- a/pages/hashtags.vue
+++ b/pages/hashtags.vue
@@ -16,7 +16,7 @@ useHydratedHead({
 </script>
 
 <template>
-  <MainContent>
+  <MainContent skip-content="nav.hashtags">
     <template #title>
       <NuxtLink to="/hashtags" timeline-title-style flex items-center gap-2 @click="$scrollToTop">
         <div class="i-ri:hashtag" />
diff --git a/pages/home.vue b/pages/home.vue
index 27383c2d..30023eb5 100644
--- a/pages/home.vue
+++ b/pages/home.vue
@@ -16,7 +16,7 @@ useHydratedHead({
 </script>
 
 <template>
-  <MainContent>
+  <MainContent skip-content="nav.home">
     <template #title>
       <NuxtLink to="/home" timeline-title-style flex items-center gap-2 @click="$scrollToTop">
         <div i-ri:home-5-line />
diff --git a/pages/mutes.vue b/pages/mutes.vue
index a9b5d242..54e0f41a 100644
--- a/pages/mutes.vue
+++ b/pages/mutes.vue
@@ -11,7 +11,7 @@ useHydratedHead({
 </script>
 
 <template>
-  <MainContent back>
+  <MainContent back skip-content="nav.muted_users">
     <template #title>
       <span timeline-title-style>{{ $t('nav.muted_users') }}</span>
     </template>
diff --git a/pages/notifications.vue b/pages/notifications.vue
index bb3fec61..175fdd31 100644
--- a/pages/notifications.vue
+++ b/pages/notifications.vue
@@ -65,10 +65,14 @@ const moreOptions = computed<CommonRouteTabMoreOption>(() => ({
   tooltip: filterText.value,
   match: !!filter.value,
 }))
+const skipContent = computed(() => {
+  const name = route.params.filter
+  return name ? `tab.notifications_${name}` : 'tab.notifications_all'
+})
 </script>
 
 <template>
-  <MainContent>
+  <MainContent :skip-content="skipContent">
     <template #title>
       <NuxtLink to="/notifications" timeline-title-style flex items-center gap-2 @click="$scrollToTop">
         <div i-ri:notification-4-line />
diff --git a/pages/pinned.vue b/pages/pinned.vue
index 5ea9c7c4..0c79febc 100644
--- a/pages/pinned.vue
+++ b/pages/pinned.vue
@@ -11,7 +11,7 @@ useHydratedHead({
 </script>
 
 <template>
-  <MainContent>
+  <MainContent skip-content="account.pinned">
     <template #title>
       <NuxtLink to="/public/pinned" timeline-title-style flex items-center gap-2 @click="$scrollToTop">
         <div i-ri:pushpin-line />