From ad37402008eaf2b607cd0c235240d4fbe023405e Mon Sep 17 00:00:00 2001
From: Evren Ceyhan <evren.ceyhan@gmail.com>
Date: Mon, 13 Nov 2023 22:01:10 +0100
Subject: [PATCH] fix ssr issue on client component

---
 components/{AppHeader.client.vue => AppHeader.vue} | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)
 rename components/{AppHeader.client.vue => AppHeader.vue} (89%)

diff --git a/components/AppHeader.client.vue b/components/AppHeader.vue
similarity index 89%
rename from components/AppHeader.client.vue
rename to components/AppHeader.vue
index 8b69e60..07d552b 100644
--- a/components/AppHeader.client.vue
+++ b/components/AppHeader.vue
@@ -30,12 +30,14 @@ const titles = computed(() => profile.value?.bio.split(","));
 
             <div class="text-xl lg:text-3xl">
               <!-- profession -->
-              <VueWriter
-                :array="titles"
-                class="text-warning mb-2"
-                :eraseSpeed="50"
-                :typeSpeed="30"
-              />
+              <ClientOnly>
+                <VueWriter
+                  :array="titles"
+                  class="text-warning mb-2"
+                  :eraseSpeed="50"
+                  :typeSpeed="30"
+                />
+              </ClientOnly>
 
               <!-- location -->
               Based in {{ profile.location }},