thainv: ghép navigation

components/dynamic-page/page/templates/components/headers/HeaderHomeTemplate.vue

@@ -1,8 +1,9 @@
 <script lang="ts" setup>
 import { CurrentDateTime, LangSwitcher, TopNavigation, Mega } from "./index";
+import AssignComponent from "~/components/dynamic-page/page-component/AssignComponent.vue";
 const widgetsStore = useWidgetsStore();
 const layoutstore = useLayoutStore();
-
+import { enumPageComponentTemplates, enumPageComponentLayouts } from "@/definitions/enum";
 const { weather } = storeToRefs(widgetsStore);
 const { megaMenuActive } = storeToRefs(layoutstore);
 
@@ -87,7 +88,9 @@ onUnmounted(() => {
       </div>
     </div>
   </header>
-  <TopNavigation />
+  <div class="top-navigation">
+      <AssignComponent :type="enumPageComponentLayouts[enumPageComponentTemplates.NAVIGATION]['NAVIGATION-TOP']" />
+    </div>
 
   <Teleport to="body">
     <Mega />

components/dynamic-page/page/templates/homes/Basic.vue

@@ -1,19 +1,23 @@
 <script setup lang="ts">
-import DynamicLayout from '~/components/dynamic-page/page/layouts/index.vue';
-import HeaderHomeTemplate from '~/components/dynamic-page/page/templates/components/headers/HeaderHomeTemplate.vue'
-import FooterHomeTemplate from '~/components/dynamic-page/page/templates/components/footers/FooterHomeTemplate.vue'
-
+import DynamicLayout from "~/components/dynamic-page/page/layouts/index.vue";
+import HeaderHomeTemplate from "~/components/dynamic-page/page/templates/components/headers/HeaderHomeTemplate.vue";
+import FooterHomeTemplate from "~/components/dynamic-page/page/templates/components/footers/FooterHomeTemplate.vue";
 const props = defineProps<{
-    settings?: any
-}>()
+  settings?: any;
+}>();
+
 </script>
 
 <template>
-    <div>
-        <HeaderHomeTemplate /> 
-            <DynamicLayout :settings="props.settings">
+  <div>
+      <HeaderHomeTemplate>
+        <DynamicLayout :settings="props.settings">
                 <slot />
             </DynamicLayout>
-        <FooterHomeTemplate />
-    </div>
+      </HeaderHomeTemplate>
+    <DynamicLayout :settings="props.settings">
+      <slot />
+    </DynamicLayout>
+    <FooterHomeTemplate />
+  </div>
 </template>

components/dynamic-page/page/templates/index.vue

@@ -14,6 +14,8 @@ const getCurrentTemplate = computed(() => {
     return _props.settings && _props.settings.template || '';
 });
 
+console.log(getCurrentTemplate.value, 'tempalte')
+
 const GET_PROPS = computed(() => {
     return () => {
         let props : any = {};