<template>
  <div class="section-padding">
    <div class="container-content mx-auto max-w-3xl">
      <ContentRenderer v-if="page" :value="page" class="prose" />
    </div>
  </div>
</template>

<script setup lang="ts">
definePageMeta({
  layout: 'default',
})

useHead({
  title: 'À propos',
})

const { data: page } = await useAsyncData('about', () =>
  queryCollection('pages').path('/pages/about').first(),
)
</script>
