diff --git a/frontend/app/pages/blog/index.vue b/frontend/app/pages/blog/index.vue
index 7f517fc..c48314d 100644
--- a/frontend/app/pages/blog/index.vue
+++ b/frontend/app/pages/blog/index.vue
@@ -2,6 +2,7 @@
 import TableHeader from '~/components/parts/TableHeader.vue';
 import { useAsyncData } from '#app';
 const { locale } = useI18n();
+const localePath = useLocalePath()
 
 const {data: posts} = useAsyncData('posts', async () => 
 await queryCollection(`blog`).where('path', 'LIKE', `/blog/${locale.value}/%`).order('date', 'DESC').all()
@@ -14,7 +15,7 @@ await queryCollection(`blog`).where('path', 'LIKE', `/blog/${locale.value}/%`).o
     <h2>Blog</h2>
     <ul>
       <li v-for="post in posts" :key="post.slug">
-        <NuxtLink :to="`/blog/${post.slug}`">{{ post.title }}</NuxtLink>
+        <NuxtLink :to="localePath({ name: 'blog-slug', params: { slug: post.slug } })">{{ post.title }}</NuxtLink>
         <span class="dash">-</span>
         <span>{{ post.date }}</span>
         <span class="dash">-</span>