Raw Content

There were lots of requests in Content version 2 about accessing contents raw data in production. In Content version 3 it is possible to ship contents raw data to production.

In order to ship raw contents to production you need to define rawbody field in your collection's schema. That's it.

Nuxt Content will detect this magical field in your schema and fill it with the raw content.

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

export const collections = {
  docs: defineCollection({
    source: '**',
    type: 'page',
    schema: z.object({
      rawbody: z.string()
    })
  })
}

And you can use queryCollection() to fetch the raw content.

<script setup lang="ts">
const route = useRoute()
const { data } = useAsyncData('page-' + route.path, () => queryCollection('docs').path(route.path).first())
</script>

<template>
  <pre>{{ data.rawbody }}</pre>
</template>

In case you don't want to ship raw content of a specific file you can add rawbody: '' to frontmatter of that file. The auto filled value of rawbody is acting like default value and when you define rawbody in the frontmater it will overwriten.

---
title: My page
rawbody: ''
---