thainv: ghép navigation

components/dynamic-page/page-section/templates/index.ts

@@ -1 +1,2 @@
 export { default as Article_Section_Default } from './articles/Default.vue'
+export { default as None_Section_Default } from './none/Default.vue'

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

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { Article_Section_Default } from './index';
+import { Article_Section_Default, None_Section_Default } from './index';
 import { enumPageSectionLayouts } from "@/definitions/enum";
 
 const _props = defineProps<{
@@ -25,10 +25,27 @@ const definedDynamicSection: Record<string, any> = {
     [`Article_${enumPageSectionLayouts.HORIZONTAL_EIGHT}`]: Article_Section_Default,
     [`Article_${enumPageSectionLayouts.HORIZONTAL_NINE}`]: Article_Section_Default,
     [`Article_${enumPageSectionLayouts.HORIZONTAL_TEN}`]: Article_Section_Default,
+    
+    'None_Default': None_Section_Default,
+    [`None_${enumPageSectionLayouts.VERTICAL_TWO}`]: None_Section_Default,
+    [`None_${enumPageSectionLayouts.VERTICAL_LEFT_TWO}`]: None_Section_Default,
+    [`None_${enumPageSectionLayouts.VERTICAL_RIGHT_TWO}`]: None_Section_Default,
+    [`None_${enumPageSectionLayouts.VERTICAL_THREE}`]: None_Section_Default,
+    [`None_${enumPageSectionLayouts.VERTICAL_FOUR}`]: None_Section_Default,
+    [`None_${enumPageSectionLayouts.HORIZONTAL_ONE}`]: None_Section_Default,
+    [`None_${enumPageSectionLayouts.HORIZONTAL_TWO}`]: None_Section_Default,
+    [`None_${enumPageSectionLayouts.HORIZONTAL_THREE}`]: None_Section_Default,
+    [`None_${enumPageSectionLayouts.HORIZONTAL_FOUR}`]: None_Section_Default,
+    [`None_${enumPageSectionLayouts.HORIZONTAL_FIVE}`]: None_Section_Default,
+    [`None_${enumPageSectionLayouts.HORIZONTAL_SIX}`]: None_Section_Default,
+    [`None_${enumPageSectionLayouts.HORIZONTAL_SEVEN}`]: None_Section_Default,
+    [`None_${enumPageSectionLayouts.HORIZONTAL_EIGHT}`]: None_Section_Default,
+    [`None_${enumPageSectionLayouts.HORIZONTAL_NINE}`]: None_Section_Default,
+    [`None_${enumPageSectionLayouts.HORIZONTAL_TEN}`]: None_Section_Default,
+
 }
 
 const getCurrentSection = computed(() => `${_props.settings.template}_${_props.settings.layout}`);
-
 const GET_PROPS = computed(() => {
     return () => {
         let props: any = {};

components/dynamic-page/page-section/templates/none/Default.vue

@@ -0,0 +1,28 @@
+<script setup lang="ts">
+import DynamicLayout from '~/components/dynamic-page/page-section/layouts/index.vue';
+import type { PageSection } from "~/server/models/dynamic-page/index";
+
+const emit = defineEmits(['dropComponent', 'dropData', 'selectComponent']);
+
+const props = defineProps<{
+    label?: any
+    layout?: string
+    settings?: any
+    content?: any
+    section: PageSection
+}>()
+
+</script>
+
+<template>
+    <DynamicLayout
+        :layout="props.layout"
+        :content="props.content"
+        :settings="props.settings"
+        :section= "props.section"
+    />
+</template>
+
+<style lang="scss" scoped>
+
+</style>