Using Variables that exist in the YAML or JSON files inside your markdown. about content HOT 3 CLOSED

Hey @andyfensham,

When using nuxt-content component, all the document variables are injected inside the markdown, so you can do for example:

---
title: Introduction
src: https://content.nuxtjs.org/icon.png
---

<img :src="src"></img>

from content.

@benjamincanac

What would be the solution here, if you try display a variable not in a html attribute?
This for an example won't work:

---
title: Introduction
src: https://content.nuxtjs.org/icon.png
---
 
<h1>{{ title }}</h1>

from content.

@crazymind As far as I can tell, there isn't a solution for interpolating these frontmatter YML variables within the document in Nuxt Content v1, i.e. {{ title }} should become Introduction once compiled, but currently it just shows {{ title }} still.

It does look like this is coming to Nuxt Content v2, along with a new MDC (Markdown Components) format. Looks like the PR has been merged, but is not yet released as of v2.0.1: #1266

That being said, it would be really great to see the frontmatter variable interpolation in Nuxt Content v1 as well. Nuxt v2 + Content v2 are not yet stable and documented enough for the static site use case I have.

from content.