From ac218aeac5c814ff9cb88e9e7ce285b3c50c4118 Mon Sep 17 00:00:00 2001
From: MoreStrive <minhnguyenyh2020@gmail.com>
Date: Fri, 5 Jul 2024 10:03:28 +0700
Subject: [PATCH] fea: navigation

---
 .../navigations/components/RecusiveNavItem.vue       | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/components/dynamic-page/page-component/templates/navigations/components/RecusiveNavItem.vue b/components/dynamic-page/page-component/templates/navigations/components/RecusiveNavItem.vue
index d3b9bf7..46946c2 100644
--- a/components/dynamic-page/page-component/templates/navigations/components/RecusiveNavItem.vue
+++ b/components/dynamic-page/page-component/templates/navigations/components/RecusiveNavItem.vue
@@ -19,7 +19,9 @@ const setGlobalState = (id: any) => {
         <div v-for="(record) in props.records" :key="record.id" class="navigation-branch cursor-pointer">
             <template v-if="record && record.childs && record.childs.length > 0 && record.typeChild === enumPageComponentStaticChild.DEFAULT">
                 <div class="navigation-submenu">
-                    <div class="navigation_title ">{{ record?.title }}</div>
+                    <div class="navigation_title">
+                        <nuxt-link :to="record?.slug" class="!font-arial !font-400">{{ record?.title }}</nuxt-link>
+                    </div>
                     <div class="navigation-item submenu-container dropdown-container">
                         <RecusiveNavItem :records="record.childs" />
                     </div>
@@ -28,7 +30,9 @@ const setGlobalState = (id: any) => {
             <template v-else-if="record.typeChild === enumPageComponentStaticChild.LAYOUT">
                 <div class="navigation-submenu">
                     <div class="position-relative ps-3">
-                        <div class="navigation_title ">{{ record?.title }}</div>
+                        <div class="navigation_title ">
+                            <nuxt-link :to="record?.slug" class="!font-arial !font-400">{{ record?.title }}</nuxt-link>
+                        </div>
                     </div>
                     <div class="full-layout dropdown-container">
                         <template v-if="record.data">
@@ -40,7 +44,9 @@ const setGlobalState = (id: any) => {
                 </div>
             </template>
             <template v-else>
-                <div class="navigation_title navigation-item" >{{ record?.title }}</div>
+                <div class="navigation_title navigation-item" >
+                    <nuxt-link :to="record?.slug" class="!font-arial !font-400">{{ record?.title }}</nuxt-link>
+                </div>
             </template>
         </div>
     </div>