From 2bf06bb42ec0e344f7b6f6e7f737ae160f5df1ac Mon Sep 17 00:00:00 2001
From: Dian Pratama <>
Date: Mon, 17 Jun 2024 14:38:05 +0700
Subject: [PATCH] fix(navbar): hydration children mismatch

---
 components/layout/Header/Nav.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/layout/Header/Nav.vue b/components/layout/Header/Nav.vue
index d0626646..4554e83a 100644
--- a/components/layout/Header/Nav.vue
+++ b/components/layout/Header/Nav.vue
@@ -25,11 +25,11 @@
             </ul>
           </UiNavigationMenuContent>
         </template>
-        <NuxtLink v-else :to="item.to" :target="item.target" class="relative!">
+        <NuxtLink v-else :to="item.to" :target="item.target">
           <Icon name="lucide:arrow-up-right" class="absolute right-2 top-2 text-muted-foreground" size="13" />
-          <UiNavigationMenuLink class="pr-6 font-semibold bg-transparent" :class="navigationMenuTriggerStyle()">
+          <div class="pr-6 font-semibold bg-transparent" :class="navigationMenuTriggerStyle()">
             {{ item.title }}
-          </UiNavigationMenuLink>
+          </div>
         </NuxtLink>
       </UiNavigationMenuItem>
     </UiNavigationMenuList>