diff --git a/frontend/components/Aside/ArticleList.vue b/frontend/components/Aside/ArticleList.vue
index fb1e6b6..e7476e4 100644
--- a/frontend/components/Aside/ArticleList.vue
+++ b/frontend/components/Aside/ArticleList.vue
@@ -18,7 +18,7 @@ const { data: ArticleList } = await useFetch(`/api/articles/tags?tags=${tags}`)
       <div class="block-body">
         <div v-for="item in ArticleList" :key="item.name" class="entry-list">
           <nuxt-link
-            :herf="item.id" target="_blank" rel="" st:name="link" title="{{ item.title }}"
+            ::href="`/articles/${item.id}`" target="_blank" rel="" st:name="link" title="{{ item.title }}"
             class="item"
           >
             <div class="entry-title">