Building phase one

template/app/pages/[...slug].vue

@@ -0,0 +1,18 @@
+<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>