From 892bddde2f7c73f3af0e76d28e8718c3c1d8fbab Mon Sep 17 00:00:00 2001
From: MoreStrive <minhnguyenyh2020@gmail.com>
Date: Fri, 31 May 2024 15:04:22 +0700
Subject: [PATCH] minhnt-dev: get by slug

---
 .../page-component/templates/articles/individuals/Card.vue    | 2 +-
 pages/bai-viet/[slug].vue                                     | 2 +-
 stores/articles.ts                                            | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/dynamic-page/page-component/templates/articles/individuals/Card.vue b/components/dynamic-page/page-component/templates/articles/individuals/Card.vue
index bac430b..3750238 100644
--- a/components/dynamic-page/page-component/templates/articles/individuals/Card.vue
+++ b/components/dynamic-page/page-component/templates/articles/individuals/Card.vue
@@ -55,7 +55,7 @@ const drop = (e: any) => {
         <div class="basic-article_content" :class="[!parseData && 'no-data']">
             <div>
                 <template v-if="parseData">
-                    <nuxt-link :to="`/bai-viet/${parseData.id}`">
+                    <nuxt-link :to="`/bai-viet/${parseData.slug}`">
                         <h3 v-if="!LAYOUT_PARSE['HIDE'] || !LAYOUT_PARSE['HIDE'].includes('title')" class="mb-1 line-clamp-2 text-base font-700 hover:text-primary-100 transition-all duration-300">
                             {{ parseData.title?.replace(/<[^>]+>/g, '') }}
                         </h3>
diff --git a/pages/bai-viet/[slug].vue b/pages/bai-viet/[slug].vue
index d736189..33876eb 100644
--- a/pages/bai-viet/[slug].vue
+++ b/pages/bai-viet/[slug].vue
@@ -23,7 +23,7 @@ const store = reactive({
 
 (async () => {
   try {
-    store.article.getArticleById(route.params.slug);
+    store.article.getArticleBySlug(route.params.slug);
   } catch (error) {
     console.error("Error fetching data:", error);
   }
diff --git a/stores/articles.ts b/stores/articles.ts
index 0c1523e..1853b64 100644
--- a/stores/articles.ts
+++ b/stores/articles.ts
@@ -10,7 +10,7 @@ export const useArticleStore = defineStore("article", () => {
         } catch (error: any) {}
     }
 
-    const getArticleByCode = async (slug: string) => {
+    const getArticleBySlug = async (slug: string) => {
         try {
             const { data} = await useFetch(`/api/articles/get-by-slug/${slug}`)
             currentArticle.value = {}
@@ -21,7 +21,7 @@ export const useArticleStore = defineStore("article", () => {
     return {
         currentArticle,
         getArticleById,
-        getArticleByCode
+        getArticleBySlug
     }
 });