<script setup lang="ts">
const { data: index } = await useAsyncData('index', () =>
  queryCollection('index').first()
)
</script>

<template>
  <div>
    <ContentRenderer
      v-if="index"
      :value="index"
    />
    <div
      v-else
    >
      Loading index page...
    </div>
  </div>
</template>
