propapier/app/pages/wissen/[slug].vue

19 lines
563 B
Vue

<script lang="ts" setup>
const slug = useRoute().params.slug
const { data: post } = await useAsyncData(`wissen-${slug}`, () => {
return queryCollection('wissen').path(`/wissen/${slug}`).first()
})
</script>
<template>
<template v-if="post">
<ContentRenderer :value="post" />
</template>
<template v-else>
<section class="Legal flex-col gap-default content full">
<h1>Page Not Found</h1>
<p>Oops! The content you're looking for doesn't exist.</p>
<NuxtLink to="/">Go back home</NuxtLink>
</section>
</template>
</template>