From 3fe7497df17110e34b38cafdb7655e8f5957d621 Mon Sep 17 00:00:00 2001
From: pengzhanbo <volodymyr@foxmail.com>
Date: Tue, 8 Oct 2024 20:43:53 +0800
Subject: [PATCH] fix(theme): `back-to-top` hydration Mismatch (#257)

---
 theme/src/client/components/VPBackToTop.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/theme/src/client/components/VPBackToTop.vue b/theme/src/client/components/VPBackToTop.vue
index e01e284e..04d77b06 100644
--- a/theme/src/client/components/VPBackToTop.vue
+++ b/theme/src/client/components/VPBackToTop.vue
@@ -66,10 +66,10 @@ function handleClick() {
       aria-label="back to top"
       @click="handleClick"
     >
-      <span class="percent" :class="{ show: isScrolling }">{{ percent }}</span>
+      <span class="percent" :class="{ show: isScrolling }" data-allow-mismatch>{{ percent }}</span>
       <span class="icon vpi-back-to-top" :class="{ show: !isScrolling }" />
       <svg aria-hidden="true">
-        <circle cx="50%" cy="50%" :style="{ 'stroke-dasharray': stroke }" />
+        <circle cx="50%" cy="50%" data-allow-mismatch :style="{ 'stroke-dasharray': stroke }" />
       </svg>
     </button>
   </Transition>