From 8bdd4c42d9684a46803e7b965b355b34483e0a02 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=A4ssin=20Aouani?= <aouanijassin@gmail.com>
Date: Mon, 25 Nov 2024 16:45:56 +0100
Subject: [PATCH] only show lazy postmeta after mount

---
 pages/blog/[...slug].vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/pages/blog/[...slug].vue b/pages/blog/[...slug].vue
index 91a6d20..38cb79a 100644
--- a/pages/blog/[...slug].vue
+++ b/pages/blog/[...slug].vue
@@ -6,11 +6,11 @@
 					<template #default>
 						<main>
 							<div class="mb-[-30px]">
-								<LazyPostMeta />
+								<LazyPostMeta v-if="isMounted" />
 							</div>
 							<ContentLoader />
 							<hr />
-							<RelatedPosts v-if="showRelated" />
+							<RelatedPosts v-if="isMounted" />
 						</main>
 					</template>
 					<template #fallback>
@@ -27,11 +27,11 @@
 </template>
 
 <script setup lang="ts">
-const showRelated = ref(false)
+const isMounted = ref(false)
 
 // Only show after main content loads
 onMounted(() => {
-	showRelated.value = true
+	isMounted.value = true
 })
 
 const route = useRoute()