From cca3263653520cd5be21ccedfad0d8feb63217a1 Mon Sep 17 00:00:00 2001
From: Arthur DANJOU <arthurdanjou@outlook.fr>
Date: Mon, 9 Sep 2024 20:02:51 +0200
Subject: [PATCH] Fix footer

---
 app/pages/[user].vue | 22 ++++++++++++----------
 app/pages/index.vue  | 22 ++++++++++++----------
 2 files changed, 24 insertions(+), 20 deletions(-)

diff --git a/app/pages/[user].vue b/app/pages/[user].vue
index 980e520..8950019 100644
--- a/app/pages/[user].vue
+++ b/app/pages/[user].vue
@@ -34,16 +34,18 @@ function visitLink(clickType: 'self' | 'extern') {
 
 <template>
   <main class="my-12">
-    <div v-if="date" class="flex flex-col items-center mb-12">
-      <h1 class="text-6xl md:text-9xl font-bold">
-        {{ useDateFormat(date, 'HH') }}
-        <span class="animate-pulse">:</span>
-        {{ useDateFormat(date, 'mm') }}
-      </h1>
-      <h1 class="text-2xl md:text-5xl">
-        {{ useDateFormat(date, 'dddd D MMMM YYYY', { locales: userDetails.locale ? userDetails.language : user.locale }) }}
-      </h1>
-    </div>
+    <ClientOnly>
+      <div v-if="date" class="flex flex-col items-center mb-12">
+        <h1 class="text-6xl md:text-9xl font-bold">
+          {{ useDateFormat(date, 'HH') }}
+          <span class="animate-pulse">:</span>
+          {{ useDateFormat(date, 'mm') }}
+        </h1>
+        <h1 class="text-2xl md:text-5xl">
+          {{ useDateFormat(date, 'dddd D MMMM YYYY', { locales: userDetails.locale ? userDetails.language : user.locale }) }}
+        </h1>
+      </div>
+    </ClientOnly>
     <div v-if="userDetails.message || userDetails.private" class="text-center mt-24 space-y-4">
       <div
         class="flex items-center justify-center gap-2 text-3xl"
diff --git a/app/pages/index.vue b/app/pages/index.vue
index 894e129..a36ea2a 100644
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -111,16 +111,18 @@ defineShortcuts({
 
 <template>
   <main v-if="user && loggedIn" class="my-12">
-    <div v-if="date" class="flex flex-col items-center mb-12">
-      <h1 class="text-6xl md:text-9xl font-bold">
-        {{ useDateFormat(date, 'HH') }}
-        <span class="animate-pulse">:</span>
-        {{ useDateFormat(date, 'mm') }}
-      </h1>
-      <h1 class="text-2xl md:text-5xl">
-        {{ useDateFormat(date, 'dddd D MMMM YYYY', { locales: user.language }) }}
-      </h1>
-    </div>
+    <ClientOnly>
+      <div v-if="date" class="flex flex-col items-center mb-12">
+        <h1 class="text-6xl md:text-9xl font-bold">
+          {{ useDateFormat(date, 'HH') }}
+          <span class="animate-pulse">:</span>
+          {{ useDateFormat(date, 'mm') }}
+        </h1>
+        <h1 class="text-2xl md:text-5xl">
+          {{ useDateFormat(date, 'dddd D MMMM YYYY', { locales: user.language }) }}
+        </h1>
+      </div>
+    </ClientOnly>
     <section class="flex flex-col md:flex-row items-center justify-center md:w-2/3 mx-auto gap-4 md:gap-8">
       <div>
         <AppAvatar size="5xl" :src="user.avatar" />