thainv-dev: tạo lại cấu trúc folder và làm UI

components/dynamic-page/page-component/templates/advertising/index.ts

@@ -0,0 +1 @@
+export { default as ADS_Default } from './layouts/Default.vue';

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

@@ -0,0 +1,33 @@
+<script lang="ts" setup>
+import { enumPageComponentTemplates } from "@/definitions/enum";
+import { ADS_Default
+} from "./index";
+const _props = defineProps<{
+  settings: any;
+  component?: any;
+}>();
+
+const definedDynamicComponent: Record<string, any> = {
+  'DEFAULT': ADS_Default,
+};
+
+const getCurrentComponent = computed(() => `${_props.settings.layout}`);
+const GET_PROPS = computed(() => {
+  return () => {
+    let props: any = {};
+    if (_props.settings) {
+      for (const [key, value] of Object.entries(_props.settings)) {
+        props = {
+          ...props,
+          [key]: value,
+        };
+      }
+      return props;
+    }
+  };
+});
+</script>
+
+<template>
+  <component :is="definedDynamicComponent[getCurrentComponent]" v-bind="GET_PROPS()" />
+</template>

components/dynamic-page/page-component/templates/advertising/layouts/Default.vue

@@ -0,0 +1,12 @@
+<script setup lang="ts">
+import ADSDefault from '@/assets/images/ads.jpg'
+</script>
+<template>
+    <div class="shadow">
+        <img :src="ADSDefault" alt="quảng cáo" class=" object-cover">
+    </div>
+</template>
+<style scoped lang="scss">
+    .content {
+    }
+</style>