fix(ArticleMenu): 🐛 wrong link in artiecle menu (#309)
部署文档 / build (push) Has been cancelled
Details
部署文档 / build (push) Has been cancelled
Details
parent
bb56e3a535
commit
6361395286
|
@ -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>
|
||||||
|
|
Loading…
Reference in New Issue