fix(ArticleMenu): 🐛 wrong link in artiecle menu (#309)
部署文档 / build (push) Has been cancelled Details

pull/310/head
北雁云依 2024-04-14 11:54:41 +08:00 committed by GitHub
parent bb56e3a535
commit 6361395286
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 12 additions and 4 deletions

View File

@ -1,12 +1,20 @@
<script setup lang="ts"> <script setup lang="ts">
import { useRoute } from "vitepress"; import { useRoute } from 'vitepress'
import { data } from "./articlesmenu.data"; import { computed } from 'vue'
const route = useRoute(); 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> </script>
<template> <template>
<ul> <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> <a :href="article.link">{{ article.text }}</a>
</li> </li>
</ul> </ul>