minhnt-dev: api service

pages/[categories]/index.vue

@@ -7,19 +7,27 @@ import DynamicSection from "~/components/dynamic-page/page-section/templates/ind
 import { useDynamicPageStore } from '~/stores/dynamic-page';
 const { currentPage, sectionPublished, componentPublished } = storeToRefs(useDynamicPageStore());
 
+const route = useRoute();
 const store = reactive({
   dynamicPage: useDynamicPageStore(),
 });
 
-const loadData = async () => {
-  store.dynamicPage.fetchPageById(7);
+(async () => {
+  try {
+    store.dynamicPage.fetchPageByCode(route.path.replace('/', ''));
+  } catch (error) {
+    console.error("Error fetching data:", error);
+  }
+})();
 
+watch(currentPage, () => {
   store.dynamicPage.setSectionPublished();
-  store.dynamicPage.setComponentPublished()
-}
-await loadData()
-
+  store.dynamicPage.setComponentPublished();
+}, { deep: true })
 
+useHead({
+  title: currentPage.value.title || ''
+})
 </script>
 
 <template>

pages/index.vue

@@ -7,18 +7,21 @@ import DynamicSection from "~/components/dynamic-page/page-section/templates/ind
 import { useDynamicPageStore } from '~/stores/dynamic-page';
 const { currentPage, sectionPublished, componentPublished } = storeToRefs(useDynamicPageStore());
 
+const route = useRoute();
 const store = reactive({
   dynamicPage: useDynamicPageStore(),
 });
+
 (async () => {
   try {
-    store.dynamicPage.fetchPageByCode('trang-chu');
+    store.dynamicPage.fetchPageByCode(route.path === '/' ? 'trang-chu' : route.path.replace('/', ''));
   } catch (error) {
     console.error("Error fetching data:", error);
   }
 })();
 
 watch(currentPage, () => {
+  console.log(currentPage.value)
   store.dynamicPage.setSectionPublished();
   store.dynamicPage.setComponentPublished()
 }, { deep: true })