Переопределение полной оболочки с markdown-it на Nuxt

Question

Я пытаюсь использовать Markdown-It с Highlight.js в проекте Nuxt. Проблема заключается в <pre> элемент не выделяется, создавая темный контрастный контейнер для <code> элемент внутри. Это создает уродливый стиль, который особенно бросается в глаза при горизонтальной прокрутке.

Markdown-it учитывает это и допускает полное переопределение оболочки (если вам нужно назначить класс для <pre> )

var hljs = require('highlight.js'); // https://highlightjs.org/

// Actual default values
var md = require('markdown-it')({
  highlight: function (str, lang) {
    if (lang && hljs.getLanguage(lang)) {
      try {
        return '<pre class="hljs"><code>' +
               hljs.highlight(lang, str, true).value +
               '</code></pre>';
      } catch (__) {}
    }

    return '<pre class="hljs"><code>' + md.utils.escapeHtml(str) + '</code></pre>';
  }
});

Как вы интегрируете это в проект Nuxt?