From 7151e7d31161dac64b9fbe6ce416eb78fee97883 Mon Sep 17 00:00:00 2001
From: nguyen van thai <nguyenvanthailtv@gmail.com>
Date: Thu, 11 Jul 2024 08:38:56 +0700
Subject: [PATCH] .

---
 .../page-component/templates/articles/details/Image.vue       | 4 ++--
 .../templates/categories/categories/Default.vue               | 2 +-
 .../page-section/layouts/articles/details/Default.vue         | 4 ++--
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/components/dynamic-page/page-component/templates/articles/details/Image.vue b/components/dynamic-page/page-component/templates/articles/details/Image.vue
index 0b40ca5..5ceba41 100644
--- a/components/dynamic-page/page-component/templates/articles/details/Image.vue
+++ b/components/dynamic-page/page-component/templates/articles/details/Image.vue
@@ -36,7 +36,7 @@ console.log(currentArticle.value, "currentArticle");
       <div class="category flex justify-between flex-wrap items-center mb-10px">
         <ul class="flex gap-32px">
           <li v-for="(category, index) in currentCategoryTree" :key="index" class="first:text-#000 text-#929292 last:after:content-[''] relative after:absolute after:content-['/'] after:text-20px after:right--20px">
-            <nuxt-link class="font-raleway text-18px font-500 leading-180% uppercase" :to="`${category.code}`">{{ category.title }}</nuxt-link>
+            <nuxt-link class="font-raleway text-18px font-500 leading-180% uppercase" :to="`/${category.code}`">{{ category.title }}</nuxt-link>
           </li>
         </ul>
 
@@ -52,7 +52,7 @@ console.log(currentArticle.value, "currentArticle");
       <div class="author flex gap-12px my-20px" v-if="currentArticle.authors">
         <ul class="flex">
           <li :style="{ 'z-index': index + 1 }" class="relative ml--12px first:ml-0" v-for="(author, index) in currentArticle.authors" :key="index">
-            <nuxt-link :to="`tac-gia/${author.code}`">
+            <nuxt-link :to="`/tac-gia/${author.code}`">
               <img :src="author.thumbnail || `http://picsum.photos/1024/600?random=1`" alt="" class="w-64px p-1px border-1px border-white h-64px object-cover rounded-full" />
             </nuxt-link>
           </li>
diff --git a/components/dynamic-page/page-component/templates/categories/categories/Default.vue b/components/dynamic-page/page-component/templates/categories/categories/Default.vue
index d00f731..75cdea7 100644
--- a/components/dynamic-page/page-component/templates/categories/categories/Default.vue
+++ b/components/dynamic-page/page-component/templates/categories/categories/Default.vue
@@ -42,7 +42,7 @@ const mapActivesToItems = (index: number) => {
       <template v-if="!isEmpty(component)">
         <div>
           <h3 :style="mapActivesToItems(index)['h3.categories']">
-            <nuxt-link :to="`${component.code}`">{{ component.title }}</nuxt-link>
+            <nuxt-link :to="`/${component.code}`">{{ component.title }}</nuxt-link>
           </h3>
         </div>
         <div v-html="designObject.styleClasses"></div>
diff --git a/components/dynamic-page/page-section/layouts/articles/details/Default.vue b/components/dynamic-page/page-section/layouts/articles/details/Default.vue
index d1e74d2..1099f95 100644
--- a/components/dynamic-page/page-section/layouts/articles/details/Default.vue
+++ b/components/dynamic-page/page-section/layouts/articles/details/Default.vue
@@ -201,7 +201,7 @@ console.log(currentArticle.value ,'currentArticle')
 
           <ul>
           <li v-for="(tag, index) in currentArticle.tags">
-            <nuxt-link class="font-raleway font-500" :to="`tag/${tag.code}`">{{ tag.title }}</nuxt-link>
+            <nuxt-link class="font-raleway font-500" :to="`/tag/${tag.code}`">{{ tag.title }}</nuxt-link>
           </li>
           </ul>
         </div>
@@ -227,7 +227,7 @@ console.log(currentArticle.value ,'currentArticle')
           </ul>
 
           <div v-if="currentArticle.topics" class="pl-20px relative bg-primary inline-block">
-            <nuxt-link class="h-30px block py-4px px-16px border-1 border-#000 bg-white text-12px leading-180% font-raleway font-400" :to="`/topic/${currentArticle.topics[0].code}`">{{ currentArticle.topics[0].title }}</nuxt-link>
+            <nuxt-link class="h-30px block py-4px px-16px border-1 border-#000 bg-white text-12px leading-180% font-raleway font-400" :to="`/topic/${currentArticle.topics[0].slug}`">{{ currentArticle.topics[0].title }}</nuxt-link>
           </div>
         </div>
          <h2 class="font-gelasio text-44px font-bold leading-130%" v-if="currentArticle.title" v-html="currentArticle.title"></h2>