How to get the excerpt of a markdown file as a plain text?

[Saad5400]

So I'm trying to use the excerpt as the page description instead of the default

[EbrahimSolomon]

Use the built-in excerpt feature and read it from the document’s description field (it’s plain text). When your Markdown contains , Nuxt Content will fill description with the excerpt; otherwise it falls back to the first paragraph.

How to set it up:

1. Enable excerpts in your collection schema (so doc.excerpt is available too, if you ever need to render it):
   // content.config.ts
   import { defineContentConfig, defineCollection } from '@nuxt/content'
   import { z } from 'zod'

export default defineContentConfig({
collections: {
docs: defineCollection({
type: 'page',
source: 'docs/**',
schema: z.object({
// optional, but recommended if you’ll also use
excerpt: z.object({ type: z.string(), children: z.any() }).optional(),
description: z.string().optional()
})
})
}
})

2. Mark the excerpt in your Markdown with :

---

title: Billing

Short summary for meta.

The rest of the article continues here…

With this divider present, doc.description will contain the excerpt text.

3. Use it as the page description (plain text):

<script setup lang="ts"> const route = useRoute() const { data: page } = await useAsyncData(route.path, () => queryCollection('docs').path(route.path).first() ) useHead(() => ({ title: page.value?.title, meta: [{ name: 'description', content: page.value?.description || '' }] })) </script>

By default (no ), description is the first

of the page, which is also injected into metas.

Need the HTML excerpt instead? Render it with:

(This renders only the excerpt section.)