Using Variables that exist in the YAML or JSON files inside your markdown.

[andyfensham]

Is it possible to use the variables that comes from the YAML def or the JSON files or CSV files inside your markdown on a specific page.

In an index page I can go and fetch all the content of a specific folder inside the contents directory. I can list the content and then route to a specific page for e.g. markdown. But I want to use the same variables that was available when I received the content through this.$content inside the actual markdown page instead of manually typing it.

[benjamincanac]

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>

[crazymind]

@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>

[nwittwer]

@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.