Nuxt Content - Not picking up *.md and not rendering anything

import { defineContentConfig, defineCollection, z } from '@nuxt/content'

export default defineContentConfig({
  collections: {
    blogs: defineCollection({
      type: 'data',
      source: 'blogs/**/*.md',
      schema: z.object({
        date: z.string(),
        title: z.string(),
        description: z.string(),
      })
    }),
    projects: defineCollection({
      type: 'data',
      source: 'projects/**/*.md',
      schema: z.object({
        date: z.string(),
        title: z.string(),
        description: z.string(),
      })
    })
  }
})

---
title: "Building a Nuxt Blog"
description: "A simple guide on how to build a blog with Nuxt Content."
date: 2025-04-27
---

# Building a Nuxt Blog

This is the full article content for "Building a Nuxt Blog".

<template>
  <div class="p-8">
    <h1>All Content</h1>
    <pre>{{ all }}</pre>
  </div>
</template>

<script setup>
const { data: all } = await useAsyncData('all', () => queryContent().find())
</script>