minhnt-dev: only ssr

pages/[categories]/index.vue

@@ -1,9 +1,6 @@
 <script setup lang="ts">
-import _cloneDeep from 'lodash/cloneDeep';
-
 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 { currentPage, sectionPublished, componentPublished } = storeToRefs(useDynamicPageStore());
 
@@ -12,29 +9,15 @@ const store = reactive({
   dynamicPage: useDynamicPageStore(),
 });
 
-(async () => {
-  try {
-    store.dynamicPage.fetchPageByCode(route.path.replace('/', ''));
-  } catch (error) {
-    console.error("Error fetching data:", error);
-  }
-})();
-
-watch(currentPage, () => {
-  store.dynamicPage.setSectionPublished();
-  store.dynamicPage.setComponentPublished();
-}, { deep: true })
-
+await useAsyncData('index', () => store.dynamicPage.fetchPageByCode(route.path.replace('/', '')))
 useHead({
   title: () => currentPage.value.title || ''
 })
-
 </script>
 
 <template>
   <main class="h-screen" v-if="currentPage">
     <DynamicTemplate :settings="currentPage.settings">
-      <template v-if="sectionPublished && sectionPublished.length > 0">
         <DynamicSection
           v-for="(section, index) in sectionPublished"
           :key="index"
@@ -42,7 +25,6 @@ useHead({
           :content="section.content ? JSON.parse(section.content) : null"
           :section="section"
         />
-      </template>
     </DynamicTemplate>
   </main>
 </template>