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">
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>