From 24ecc2195d5782d807fc2ed1e66c9ace912f5336 Mon Sep 17 00:00:00 2001
From: nguyen van thai <nguyenvanthailtv@gmail.com>
Date: Tue, 25 Jun 2024 14:52:45 +0700
Subject: [PATCH] =?UTF-8?q?thainv-dev:=20Fix=20b=C3=A0i=20vi=E1=BA=BFt=20l?=
 =?UTF-8?q?i=C3=AAn=20quan?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../articles/layouts/details/General.vue          |  1 -
 .../templates/collections/layouts/Article.vue     | 15 +++++++++++++--
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/components/dynamic-page/page-component/templates/articles/layouts/details/General.vue b/components/dynamic-page/page-component/templates/articles/layouts/details/General.vue
index d9aad05..9f5e429 100644
--- a/components/dynamic-page/page-component/templates/articles/layouts/details/General.vue
+++ b/components/dynamic-page/page-component/templates/articles/layouts/details/General.vue
@@ -93,7 +93,6 @@ async function copyLink() {
   }
 
 }
-console.log(currentArticle.value,'currentArtice')
 </script>
 <template>
   <div id="breadcrumb" class="flex justify-between items-center my-3 font-arial">
diff --git a/components/dynamic-page/page-component/templates/collections/layouts/Article.vue b/components/dynamic-page/page-component/templates/collections/layouts/Article.vue
index 819c4ef..176d3ce 100644
--- a/components/dynamic-page/page-component/templates/collections/layouts/Article.vue
+++ b/components/dynamic-page/page-component/templates/collections/layouts/Article.vue
@@ -1,11 +1,15 @@
 <script setup lang="ts">
+/**
+ * Content: Type: 1 - Bài viết liên quan | 2 - Bài viết cùng chuyên mục
+ * 
+ */
 import DynamicComponent from "~/components/dynamic-page/page-component/templates/index.vue";
 import { COLLECTION_QUERY_DROP, getValueStringWithKeyAndColon, getInputValue } from "@/utils/parseSQL";
 import { breakpoint } from "~/definitions";
 import { useWindowSize } from "@vueuse/core";
 const { width } = useWindowSize()
 const emit = defineEmits(["dropComponent", "dropData", "selectComponent"]);
-
+const { currentArticle } = storeToRefs(useArticleStore())
 // const store = reactive({
 //   section: usePageSectionStore(),
 // });
@@ -35,7 +39,14 @@ const LAYOUT_PARSE = computed(() => {
   return Object.assign({}, ...parseLayout, designObject);
 });
 
+const CONTENT_PARSE = computed(() => JSON.parse(_props.content))
+
 const _dataResult = computed(() => {
+
+  console.log(currentArticle.value, 'Content_parse')
+  if(CONTENT_PARSE.value?.type && CONTENT_PARSE.value?.type === 1) {
+    return currentArticle.value.relatedArticles || []
+  }
   let _components = Array(Number(LAYOUT_PARSE.value.MAX) || SETTING_OPTIONS.MAX_ELEMENT).fill(null);
   const result = getInputValue(_props.dataResult, "ARRAY");
   result &&
@@ -103,7 +114,7 @@ const mapActivesToItems = (index: number) => {
   return output[index + 1] || {};
 };
 
-const CONTENT_PARSE = computed(() => JSON.parse(_props.content))
+
 </script>
 
 <template>