How to read a simple yaml file?

[mohsin]

Back in Nuxt Content v1, I used this code:

  async asyncData ({ $content }) {
    const items = await $content('data/projects').fetch()
    return {
      items
    }
  }

And then in the I'd run a v-for with the items to render it. Basic. But it seems impossible to do this on the newer version. I'm doing this:

<script setup lang="ts">
var doc = await queryContent('data/projects').findOne()
console.log(doc)
</script>

And all I'm getting it metadata like:

[Log] Object (projects.vue, line 11)
_draft: false
_extension: "yaml"
_file: "data/projects.yaml"
_id: "content:data:projects.yaml"
_locale: "en"
_partial: false
_path: "/data/projects"
_source: "content"
_type: "yaml"
title: "Projects"
Object Prototype

How do I read it's content and then create a template structure within my v-for loop selecting elements?

Something like:

[mohsin]

Never mind. I found the solution. My yml file was starting with --- which is usually is only standard for multiple documents within single stream in yaml files. Nuxt Content was failing to pick it up as a result. I removed the dashes and I got a new property called body in the Log. So now I'm able to access my yml file content using:

var doc = await queryContent('data/projects').findOne()
console.log(doc.body)