mirror of
https://github.com/Kizuren/kizuren.dev.git
synced 2025-12-21 21:16:12 +01:00
25 lines
No EOL
620 B
Vue
25 lines
No EOL
620 B
Vue
<script lang="ts" setup>
|
|
const route = useRoute()
|
|
const { data: page } = await useAsyncData(route.path, () => {
|
|
return queryCollection('content').path(route.path).first()
|
|
})
|
|
|
|
useHead(() => ({
|
|
title: page.value?.title || 'About'
|
|
}))
|
|
</script>
|
|
|
|
<template>
|
|
<template v-if="page">
|
|
<div>
|
|
<ContentRenderer :value="page.body" class="prose dark:prose-invert" />
|
|
</div>
|
|
</template>
|
|
<template v-else>
|
|
<div class="empty-page">
|
|
<h1>404 Page Not Found</h1>
|
|
<p>Oops! The content you're looking for doesn't exist.</p>
|
|
<ULink to="/">Go back home</ULink>
|
|
</div>
|
|
</template>
|
|
</template> |