From 6361395286b7065283159853bf702da9a703e604 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=8C=97=E9=9B=81=E4=BA=91=E4=BE=9D?=
 <14120445+BeiyanYunyi@users.noreply.github.com>
Date: Sun, 14 Apr 2024 11:54:41 +0800
Subject: [PATCH] fix(ArticleMenu): :bug: wrong link in artiecle menu (#309)

---
 .../.vitepress/theme/components/ArticlesMenu.vue | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/docs/.vitepress/theme/components/ArticlesMenu.vue b/docs/.vitepress/theme/components/ArticlesMenu.vue
index 1c57531..5e4727b 100644
--- a/docs/.vitepress/theme/components/ArticlesMenu.vue
+++ b/docs/.vitepress/theme/components/ArticlesMenu.vue
@@ -1,12 +1,20 @@
 <script setup lang="ts">
-import { useRoute } from "vitepress";
-import { data } from "./articlesmenu.data";
-const route = useRoute();
+import { useRoute } from 'vitepress'
+import { computed } from 'vue'
+import { data } from './articlesmenu.data'
+
+const route = useRoute()
+const articles = computed(() =>
+  data.menu[route.path].items.map(item => ({
+    ...item,
+    link: item.link.replace('.md', ''),
+  })),
+)
 </script>
 
 <template>
   <ul>
-    <li v-for="article in data.menu[route.path].items" :key="article.link">
+    <li v-for="article in articles" :key="article.link">
       <a :href="article.link">{{ article.text }}</a>
     </li>
   </ul>