Syntax highlight themes not interpreting TS properly

[clemcode]

Environment

---

• Operating System: Linux
• Node Version: v16.14.2
• Nuxt Version: 3.0.0
• Nitro Version: 1.0.0
• Package Manager: npm@7.17.0
• Builder: vite
• User Config: modules, content
• Runtime Modules: @nuxt/content@2.2.2
• Build Modules: -

---

Reproduction

https://stackblitz.com/edit/github-3zzmac?file=nuxt.config.ts,content%2Findex.md

(See also https://nuxt.com/docs/api/composables/use-fetch#type)

Describe the bug

When a TS Type entry is marked as optional with ?: and preceded with a = (triggering the highlight of the lines below) at some point in the code block, the rendered HTML is cut of several characters.

Bad

type UseFetchOptions = {
  key?: string
}

Good

type UseFetchOptions {
  key?: string
}

EDIT: Also happens with other tokens, such as => under certain circumstances. (See Stackblitz repro)

Impacted themes (I didn't test them all): github-light, github-dark, monokai

Additional context

First reported here: nuxt/nuxt#15526

[farnabaz]

The issue fixed in Edge version.