Highlight code doesn't work

[Flayzera]

When I try to embed code into a block code that is coming from frontmatter it doesn't highlight the code.

Example:

---
somecode: |
  {
    foo: bar
  }
---

```json-vue
{{ $frontmatter.somecode }}
```

[brc-dd]

It's expected. We can't fix it. Refer the last line here - https://vitepress.dev/guide/using-vue#unescape-in-code-blocks

You'll need to use data loader to generate html from that and insert that using v-html if you want syntax highlighting there.

[Vanuan]

What's the point of specifying the language then? Could've just used
<pre>{{ $frontmatter.somecode }}</pre> with the same result

[brc-dd]

@Vanuan Directly using pre won’t add some of the stuff like copy code button or language label and related styling, won’t work with code groups either.

[Vanuan]

Got it, thanks