From 9d405ed8d2ffc0002b4f8b8ee3ac99f9ac2083de Mon Sep 17 00:00:00 2001
From: TAKAHASHI Shuuji <shuuji3@gmail.com>
Date: Wed, 28 Feb 2024 23:12:03 +0900
Subject: [PATCH] feat: allow to scroll-to-top by clicking header title in
 account, list, and tag pages

---
 pages/[[server]]/@[account]/index.vue  | 3 ++-
 pages/[[server]]/list/[list]/index.vue | 7 ++++++-
 pages/[[server]]/tags/[tag].vue        | 5 ++++-
 3 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/pages/[[server]]/@[account]/index.vue b/pages/[[server]]/@[account]/index.vue
index 46e9211a..c0ddaa39 100644
--- a/pages/[[server]]/@[account]/index.vue
+++ b/pages/[[server]]/@[account]/index.vue
@@ -24,10 +24,11 @@ onReactivated(() => {
   <MainContent back>
     <template #title>
       <ContentRich
-        timeline-title-style
+        timeline-title-style cursor-pointer
         :content="account ? getDisplayName(account) : t('nav.profile')"
         :show-emojis="!getPreferences(userSettings, 'hideUsernameEmojis')"
         :markdown="false"
+        @click="$scrollToTop"
       />
     </template>
 
diff --git a/pages/[[server]]/list/[list]/index.vue b/pages/[[server]]/list/[list]/index.vue
index 21b255f8..db156786 100644
--- a/pages/[[server]]/list/[list]/index.vue
+++ b/pages/[[server]]/list/[list]/index.vue
@@ -50,7 +50,12 @@ onReactivated(() => {
 <template>
   <MainContent back>
     <template #title>
-      <span text-lg font-bold>{{ listInfo ? listInfo.title : t('nav.list') }}</span>
+      <span
+        text-lg font-bold timeline-title-style cursor-pointer
+        @click="$scrollToTop"
+      >
+        {{ listInfo ? listInfo.title : t('nav.list') }}
+      </span>
     </template>
     <template #header>
       <CommonRouteTabs replace :options="tabs" />
diff --git a/pages/[[server]]/tags/[tag].vue b/pages/[[server]]/tags/[tag].vue
index d43d75bf..5e661c1f 100644
--- a/pages/[[server]]/tags/[tag].vue
+++ b/pages/[[server]]/tags/[tag].vue
@@ -28,7 +28,10 @@ onReactivated(() => {
 <template>
   <MainContent back>
     <template #title>
-      <bdi text-lg font-bold>#{{ tagName }}</bdi>
+      <bdi
+        text-lg font-bold timeline-title-style cursor-pointer
+        @click="$scrollToTop"
+      >#{{ tagName }}</bdi>
     </template>
 
     <template #actions>