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>