Как получить Highlight.js для отображения HTML в компоненте Vue?

Question

Я использую подсветку JS в проекте Vue и хочу показать div по краям моего кода. я пробовал

<pre v-highlightjs="viewerHTML"><div>Something here</div><code class="html">

а также

<pre v-highlightjs="viewerHTML">'<div>Something here</div>'<code class="html">

Оба скрывают часть div. Как мне показать полный код?

Answer 1

Я обнаружил, что если я создал строку в моем разделе данных моего компонента Vue, он будет отображаться правильно

<pre v-highlightjs="viewerHTML"><code class="html">

data () {
  return {
    viewerHTML: '<div>Something here</div>'
  }