.

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>

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>