From 9d165ba388f05308d32b6c1ddfe26b3076fed222 Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Mon, 18 Sep 2023 18:38:58 +0530
Subject: [PATCH] fix: after login header is not rendered

---
 frontend/src/components/LayoutHeader.vue | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/LayoutHeader.vue b/frontend/src/components/LayoutHeader.vue
index e7060217..7d0ee4a6 100644
--- a/frontend/src/components/LayoutHeader.vue
+++ b/frontend/src/components/LayoutHeader.vue
@@ -1,5 +1,5 @@
 <template>
-  <Teleport to="#header-area">
+  <Teleport to="#header-area" v-if="showHeader">
     <header class="flex justify-between items-center px-5 py-3">
       <div class="flex items-center gap-2">
         <slot name="left-header" />
@@ -10,3 +10,12 @@
     </header>
   </Teleport>
 </template>
+<script setup>
+import { ref, nextTick } from 'vue'
+
+const showHeader = ref(false)
+
+nextTick(() => {
+  showHeader.value = true
+})
+</script>