<template>
  <div class="content-wrapper">
    <ContentRenderer :value="doc" /> <!-- Render the markdown content -->
    <video controls width="640">
      <source src="/videos/video.mp4" type="video/mp4" />
      Your browser does not support the video tag.
    </video>
  </div>
</template>

<script setup>
// Fetch the 'markdown.md' content file asynchronously
const { data: doc } = await useAsyncData('markdownDoc', () =>
  queryContent('markdown').findOne()
)
</script>
