From 8971300027b36b059fb3a6b3151c3b5f6bfbd9d9 Mon Sep 17 00:00:00 2001
From: jlpereira <pepelui@outlook.com>
Date: Mon, 6 Nov 2023 10:11:14 -0300
Subject: [PATCH] Fix hydration mismatch

---
 src/components/Layout/LayoutFooter.vue           | 7 +++----
 src/components/Pagination/VPagination.global.vue | 4 ++--
 2 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/components/Layout/LayoutFooter.vue b/src/components/Layout/LayoutFooter.vue
index 031f92c..eb29d76 100644
--- a/src/components/Layout/LayoutFooter.vue
+++ b/src/components/Layout/LayoutFooter.vue
@@ -5,10 +5,9 @@
     <div class="container mx-auto text-sm pt-2 pb-4">
       <div class="pt-4 pb-2 break-words">
         {{ project_authors }}
-        <span
-          v-if="store.nextAuthor"
-          v-html="store.nextAuthor"
-        />
+        <ClientOnly>
+          <span v-html="store.nextAuthor" />
+        </ClientOnly>
         {{ project_citation }}.
         <ClientOnly>
           <span>Retrieved on {{ currentDate }}</span>
diff --git a/src/components/Pagination/VPagination.global.vue b/src/components/Pagination/VPagination.global.vue
index e612063..e4cbbf8 100644
--- a/src/components/Pagination/VPagination.global.vue
+++ b/src/components/Pagination/VPagination.global.vue
@@ -34,7 +34,7 @@
       v-if="modelValue > props.rangePages"
       class="border border-base-border px-2 py-1.5"
     >
-      <span class="page gap"> ... </span>
+      ...
     </li>
 
     <template
@@ -66,7 +66,7 @@
       v-if="pages - modelValue >= rangePages"
       class="border border-base-border px-2 py-1.5"
     >
-      <span class="page gap"> ... </span>
+      ...
     </li>
 
     <li class="page-item">