only show lazy postmeta after mount

probablyjassin · Nov 25, 2024 · 8bdd4c4 · 8bdd4c4
1 parent 66e4aa5
commit 8bdd4c4
Showing 1 changed file with 4 additions and 4 deletions.
diff --git 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()