crbtc.org/pages/guide/[slug].vue

27 lines
661 B
Vue
Raw Normal View History

2023-07-17 19:11:13 +00:00
<script setup>
const { path } = useRoute()
const { data, error } = await useAsyncData(`content-${path}`, () => {
return queryContent().where({ _path: path }).findOne()
})
if (error.value) {
showError(
createError({
statusCode: 404,
statusMessage: 'Not Found',
})
)
}
</script>
<template>
<div class="guide" :id="data.slug">
<div class="hero">
<h3>{{ data.title }}</h3>
<p v-if="data.updated < data.published">Updated: {{ data.updated }}</p>
<p v-if="data.published <= data.updated">Published: {{ data.published }}</p>
2023-07-17 19:11:13 +00:00
</div>
<ContentDoc class="content" />
</div>
</template>