<script setup lang="ts">
const route = useRoute()

const { data: page } = await useAsyncData('page-' + route.path, () => {
  return queryCollection('content').path(route.path).first()
})

if (!page.value) {
  useHead({ title: 'Page not found', meta: [{ name: 'robots', content: 'noindex' }] })
}
</script>

<template>
  <div class="prose-wrapper" v-if="page">
    <ContentRenderer :value="page" />
  </div>
  <NotFound />
</template>
