nguyen van thai
44 lines
2.1 KiB
Vue
44 lines
2.1 KiB
Vue
<script setup lang="ts">
|
|
import ADSDefault from '@/assets/images/ads.jpg'
|
|
import DynamicTemplate from "~/components/dynamic-page/page/templates/index.vue";
|
|
import DynamicSection from "~/components/dynamic-page/page-section/templates/index.vue";
|
|
import { useDynamicPageStore } from '~/stores/dynamic-page';
|
|
|
|
const route = useRoute();
|
|
const store = reactive({
|
|
dynamicPage: useDynamicPageStore(),
|
|
category: useCategoryStore()
|
|
});
|
|
//lấy danh sách categoryTree
|
|
await store.category.fetchBySiteId()
|
|
const site = useCookie('site')
|
|
const { data } = await useAsyncData('index', () => store.dynamicPage.fetchPageByCode(route.path === '/' ? 'trang-chu' : route.path.replace('/', '')))
|
|
const asycnCurrentPage = data.value && data.value.currentPage;
|
|
const asycnSectionPublished = data.value && data.value.sectionPublished;
|
|
const asycnComponentPublished = data.value && data.value.componentPublished;
|
|
site.value = data.value?.currentPage?.siteId
|
|
useHead({
|
|
title: () => 'Trang chủ',
|
|
description: () => 'Với công nghệ đột phá và giải pháp sáng tạo, Vpress sẽ là đối tác tin cậy của các tòa soạn báo, cùng nhau kiến tạo nên những giá trị bền vững trong kỷ nguyên chuyển đổi số báo chí.',
|
|
ogTitle: () => 'Trang chủ',
|
|
ogImage: () => '~/assets/images/thumbnail.jpg',
|
|
ogDescription: () => 'Với công nghệ đột phá và giải pháp sáng tạo, Vpress sẽ là đối tác tin cậy của các tòa soạn báo, cùng nhau kiến tạo nên những giá trị bền vững trong kỷ nguyên chuyển đổi số báo chí.',
|
|
twitterCard: () => 'summary_large_image',
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<main class="h-screen" v-if="asycnCurrentPage">
|
|
<DynamicTemplate :page="asycnCurrentPage" :settings="asycnCurrentPage.settings">
|
|
<DynamicSection
|
|
class="mb-10"
|
|
v-for="(section, index) in asycnSectionPublished"
|
|
:key="index"
|
|
:settings="section.settings"
|
|
:content="section.content ? JSON.parse(section.content) : null"
|
|
:section="section"
|
|
/>
|
|
</DynamicTemplate>
|
|
</main>
|
|
</template>
|