thainv-dev:

components/dynamic-page/page-component/templates/navigations/components/RecusiveNavItem.vue

@@ -5,10 +5,10 @@ import { enumPageComponentStaticChild } from "@/definitions/enum";
 
 const props = defineProps<{
     records?: any[]
-    component: any;
+    component?: any;
 }>();
 
-const globalState = ref({})
+const globalState = ref<any>({})
 const setGlobalState = (id: any) => {
     globalState.value[id] = !globalState.value[id];
 }
@@ -19,7 +19,7 @@ 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 " @click="selectNavigationComponent">{{ record?.title }}</div>
+                    <div class="navigation_title ">{{ record?.title }}</div>
                     <div class="navigation-item submenu-container dropdown-container">
                         <RecusiveNavItem :records="record.childs" />
                     </div>
@@ -28,7 +28,7 @@ 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 " @click="selectNavigationComponent">{{ record?.title }}</div>
+                        <div class="navigation_title ">{{ record?.title }}</div>
                     </div>
                     <div class="full-layout dropdown-container">
                         <template v-if="record.data">
@@ -40,7 +40,7 @@ const setGlobalState = (id: any) => {
                 </div>
             </template>
             <template v-else>
-                <div class="navigation_title navigation-item" @click="selectNavigationComponent">{{ record?.title }}</div>
+                <div class="navigation_title navigation-item" >{{ record?.title }}</div>
             </template>
         </div>
     </div>