From 30e8c5feab20786ccec0a24bbb1fcf976c2cf93e Mon Sep 17 00:00:00 2001
From: Hichem Fantar <fantar.hichem@gmail.com>
Date: Sat, 25 Jan 2025 21:18:46 +0100
Subject: [PATCH 1/4] feat: add scroll to top button in VPDocAsideOutline
 component

---
 .../theme-default/components/VPDocAsideOutline.vue     | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/client/theme-default/components/VPDocAsideOutline.vue b/src/client/theme-default/components/VPDocAsideOutline.vue
index 00ea9bbe9901..b8a2f1e1296c 100644
--- a/src/client/theme-default/components/VPDocAsideOutline.vue
+++ b/src/client/theme-default/components/VPDocAsideOutline.vue
@@ -22,6 +22,11 @@ const container = ref()
 const marker = ref()
 
 useActiveAnchor(container, marker)
+
+function scrollToTop() {
+  window.scrollTo({ top: 0, left: 0, behavior: 'smooth' })
+}
+
 </script>
 
 <template>
@@ -44,6 +49,11 @@ useActiveAnchor(container, marker)
       </div>
 
       <VPDocOutlineItem :headers="headers" :root="true" />
+
+      <button @click="scrollToTop">
+        <span>{{ theme.returnToTopLabel || 'Return to top' }}</span>
+      </button>
+
     </div>
   </nav>
 </template>

From 3a99e66077b1d111f9abc569a206bef5f25bfe5d Mon Sep 17 00:00:00 2001
From: Hichem Fantar <fantar.hichem@gmail.com>
Date: Sat, 25 Jan 2025 21:36:28 +0100
Subject: [PATCH 2/4] feat: enhance back-to-top button styling in
 VPDocAsideOutline component

---
 src/client/theme-default/components/VPDocAsideOutline.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/client/theme-default/components/VPDocAsideOutline.vue b/src/client/theme-default/components/VPDocAsideOutline.vue
index b8a2f1e1296c..db5570b384dc 100644
--- a/src/client/theme-default/components/VPDocAsideOutline.vue
+++ b/src/client/theme-default/components/VPDocAsideOutline.vue
@@ -50,7 +50,7 @@ function scrollToTop() {
 
       <VPDocOutlineItem :headers="headers" :root="true" />
 
-      <button @click="scrollToTop">
+      <button @click="scrollToTop" class="back-to-top-button">
         <span>{{ theme.returnToTopLabel || 'Return to top' }}</span>
       </button>
 
@@ -75,6 +75,10 @@ function scrollToTop() {
   font-weight: 500;
 }
 
+.back-to-top-button {
+  line-height: 32px;
+}
+
 .outline-marker {
   position: absolute;
   top: 32px;

From d79ad28175cdd19c760874d5225f70eb6b38ddba Mon Sep 17 00:00:00 2001
From: Hichem Fantar <fantar.hichem@gmail.com>
Date: Sat, 25 Jan 2025 21:48:57 +0100
Subject: [PATCH 3/4] feat: update font weight for back-to-top button in
 VPDocAsideOutline component

---
 src/client/theme-default/components/VPDocAsideOutline.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/client/theme-default/components/VPDocAsideOutline.vue b/src/client/theme-default/components/VPDocAsideOutline.vue
index db5570b384dc..1bfa708e8c75 100644
--- a/src/client/theme-default/components/VPDocAsideOutline.vue
+++ b/src/client/theme-default/components/VPDocAsideOutline.vue
@@ -77,6 +77,7 @@ function scrollToTop() {
 
 .back-to-top-button {
   line-height: 32px;
+  font-weight: 500;
 }
 
 .outline-marker {

From 68346228cfae6e0b3cdc0d0b8633068f1eb51e5f Mon Sep 17 00:00:00 2001
From: Hichem Fantar <fantar.hichem@gmail.com>
Date: Sun, 26 Jan 2025 00:40:56 +0100
Subject: [PATCH 4/4] Update VPDocAsideOutline.vue

---
 src/client/theme-default/components/VPDocAsideOutline.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/client/theme-default/components/VPDocAsideOutline.vue b/src/client/theme-default/components/VPDocAsideOutline.vue
index 1bfa708e8c75..64d2fc68c8cb 100644
--- a/src/client/theme-default/components/VPDocAsideOutline.vue
+++ b/src/client/theme-default/components/VPDocAsideOutline.vue
@@ -78,6 +78,7 @@ function scrollToTop() {
 .back-to-top-button {
   line-height: 32px;
   font-weight: 500;
+  font-size: 14px;
 }
 
 .outline-marker {