<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>
  <section class="Wissen content full flex-col gap-default">
    <NuxtLink class="back" to="/wissen"><Icon name="uil:backward" />Zurück zur Übersicht</NuxtLink>
    <ContentRenderer v-if="post" :value="post" :prose="false" class="flex-col gap-default"/>
  </section>
</template>
