.

components/dynamic-page/page-section/layouts/articles/details/Default.vue

@@ -217,12 +217,12 @@ console.log(currentArticle.value ,'currentArticle')
       </div>
     </div>
 
-    <div class="content">
+    <div class="content detail-default">
       <div class="content__top">
         <div class="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>
 
@@ -235,7 +235,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>