better way to deal with 404
This commit is contained in:
parent
aef7cd3e05
commit
1bab451fde
1 changed files with 3 additions and 12 deletions
|
@ -1,20 +1,19 @@
|
|||
<script setup lang="ts">
|
||||
import { ref, computed, onMounted, watch } from 'vue'
|
||||
import { useData, useRouter } from 'vitepress'
|
||||
import { useData } from 'vitepress'
|
||||
import useTerminal from './useTerminal'
|
||||
import titleArt from './titles'
|
||||
|
||||
const { site, page, frontmatter } = useData()
|
||||
const enhancedReadability = ref(false)
|
||||
const router = useRouter()
|
||||
|
||||
const title = computed(() => {
|
||||
const titleKey = frontmatter.value.title
|
||||
const title = titleArt[titleKey] || titleArt['welcome']
|
||||
const title = titleArt[titleKey] || titleArt['not_found']
|
||||
|
||||
return title.join('\n')
|
||||
})
|
||||
const content = computed(() => frontmatter.value.content ?? [])
|
||||
const content = computed(() => frontmatter.value.content ?? ['this page does not exist'])
|
||||
const commands = computed(() => site.value.themeConfig.commands)
|
||||
|
||||
const prompt = '\n$> '
|
||||
|
@ -31,15 +30,7 @@ onMounted(() => {
|
|||
|
||||
const { addText, addLine, clear, footerLinks } = useTerminal(textArea.value, commands.value)
|
||||
|
||||
watch(router.route, async () => {
|
||||
if (page.value.isNotFound) {
|
||||
addText('\n', false)
|
||||
await router.go('404')
|
||||
}
|
||||
}, { immediate: true })
|
||||
|
||||
watch(frontmatter, () => {
|
||||
if (page.value.isNotFound) return
|
||||
addText(title.value + '\n', false)
|
||||
addLine(content.value.join('\n'))
|
||||
}, { immediate: true })
|
||||
|
|
Loading…
Reference in a new issue