<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>
