diff --git a/packages/core/src/code-to-hast.ts b/packages/core/src/code-to-hast.ts
index 5ecc74461..9efc82c6c 100644
--- a/packages/core/src/code-to-hast.ts
+++ b/packages/core/src/code-to-hast.ts
@@ -77,11 +77,15 @@ export function tokensToHast(
   const transformers = getTransformers(options)
 
   const lines: (Element | Text)[] = []
-  const tree: Root = {
+  const root: Root = {
     type: 'root',
     children: [],
   }
 
+  const {
+    structure = 'classic',
+  } = options
+
   let preNode: Element = {
     type: 'element',
     tagName: 'pre',
@@ -110,6 +114,7 @@ export function tokensToHast(
 
   const context: ShikiTransformerContext = {
     ...transformerContext,
+    structure,
     addClassToHast,
     get source() {
       return transformerContext.source
@@ -121,7 +126,7 @@ export function tokensToHast(
       return options
     },
     get root() {
-      return tree
+      return root
     },
     get pre() {
       return preNode
@@ -135,8 +140,12 @@ export function tokensToHast(
   }
 
   tokens.forEach((line, idx) => {
-    if (idx)
-      lines.push({ type: 'text', value: '\n' })
+    if (idx) {
+      if (structure === 'inline')
+        root.children.push({ type: 'element', tagName: 'br', properties: {}, children: [] })
+      else if (structure === 'classic')
+        lines.push({ type: 'text', value: '\n' })
+    }
 
     let lineNode: Element = {
       type: 'element',
@@ -162,28 +171,35 @@ export function tokensToHast(
       for (const transformer of transformers)
         tokenNode = transformer?.span?.call(context, tokenNode, idx + 1, col, lineNode) || tokenNode
 
-      lineNode.children.push(tokenNode)
+      if (structure === 'inline')
+        root.children.push(tokenNode)
+      else if (structure === 'classic')
+        lineNode.children.push(tokenNode)
       col += token.content.length
     }
 
-    for (const transformer of transformers)
-      lineNode = transformer?.line?.call(context, lineNode, idx + 1) || lineNode
+    if (structure === 'classic') {
+      for (const transformer of transformers)
+        lineNode = transformer?.line?.call(context, lineNode, idx + 1) || lineNode
 
-    lineNodes.push(lineNode)
-    lines.push(lineNode)
+      lineNodes.push(lineNode)
+      lines.push(lineNode)
+    }
   })
 
-  for (const transformer of transformers)
-    codeNode = transformer?.code?.call(context, codeNode) || codeNode
+  if (structure === 'classic') {
+    for (const transformer of transformers)
+      codeNode = transformer?.code?.call(context, codeNode) || codeNode
 
-  preNode.children.push(codeNode)
+    preNode.children.push(codeNode)
 
-  for (const transformer of transformers)
-    preNode = transformer?.pre?.call(context, preNode) || preNode
+    for (const transformer of transformers)
+      preNode = transformer?.pre?.call(context, preNode) || preNode
 
-  tree.children.push(preNode)
+    root.children.push(preNode)
+  }
 
-  let result = tree
+  let result = root
   for (const transformer of transformers)
     result = transformer?.root?.call(context, result) || result
 
diff --git a/packages/core/src/types/options.ts b/packages/core/src/types/options.ts
index 25ee33958..b6c355f1f 100644
--- a/packages/core/src/types/options.ts
+++ b/packages/core/src/types/options.ts
@@ -132,6 +132,16 @@ export interface CodeToHastOptionsCommon<Languages extends string = string>
    * @default true
    */
   mergeWhitespaces?: boolean | 'never'
+
+  /**
+   * The structure of the generated HAST and HTML.
+   *
+   * - `classic`: The classic structure with `<pre>` and `<code>` elements, each line wrapped with a `<span class="line">` element.
+   * - `inline`: All tokens are rendered as `<span>`, line breaks are rendered as `<br>`. No `<pre>` or `<code>` elements. Default forground and background colors are not applied.
+   *
+   * @default 'classic'
+   */
+  structure?: 'classic' | 'inline'
 }
 
 export interface CodeOptionsMeta {
diff --git a/packages/core/src/types/transformers.ts b/packages/core/src/types/transformers.ts
index 7768beefe..100ce4225 100644
--- a/packages/core/src/types/transformers.ts
+++ b/packages/core/src/types/transformers.ts
@@ -35,6 +35,8 @@ export interface ShikiTransformerContext extends ShikiTransformerContextSource {
   readonly code: Element
   readonly lines: Element[]
 
+  readonly structure: CodeToHastOptions['structure']
+
   /**
    * Utility to append class to a hast node
    *
diff --git a/packages/shiki/test/hast.test.ts b/packages/shiki/test/hast.test.ts
index 200fb5e11..09b4d52c8 100644
--- a/packages/shiki/test/hast.test.ts
+++ b/packages/shiki/test/hast.test.ts
@@ -22,6 +22,22 @@ describe('should', () => {
         <span class="line"><span style="color:#B07D48">foo</span><span style="color:#999999">.</span><span style="color:#B07D48">bar</span></span></code></pre>"
       `)
   })
+
+  it('structure inline', async () => {
+    const shiki = await getHighlighter({
+      themes: ['vitesse-light'],
+      langs: ['javascript'],
+    })
+
+    const hast = shiki.codeToHast('console.log\nfoo.bar', {
+      lang: 'js',
+      theme: 'vitesse-light',
+      structure: 'inline',
+    })
+
+    expect(toHtml(hast))
+      .toMatchInlineSnapshot(`"<span style="color:#B07D48">console</span><span style="color:#999999">.</span><span style="color:#B07D48">log</span><br><span style="color:#B07D48">foo</span><span style="color:#999999">.</span><span style="color:#B07D48">bar</span>"`)
+  })
 })
 
 it('hasfocus support', async () => {
diff --git a/packages/twoslash/src/renderer-rich.ts b/packages/twoslash/src/renderer-rich.ts
index e05cbdb69..3079e34ea 100644
--- a/packages/twoslash/src/renderer-rich.ts
+++ b/packages/twoslash/src/renderer-rich.ts
@@ -223,16 +223,22 @@ export function rendererRich(options: RendererRichOptions = {}): TwoslashRendere
 
     const popupContents: ElementContent[] = []
 
-    const typeCode = ((this.codeToHast(
-      content,
-      {
-        ...this.options,
-        transformers: [],
-        lang: (this.options.lang === 'tsx' || this.options.lang === 'jsx')
-          ? 'tsx'
-          : 'ts',
-      },
-    ).children[0] as Element).children as Element[])[0]
+    const typeCode: Element = {
+      type: 'element',
+      tagName: 'code',
+      properties: {},
+      children: this.codeToHast(
+        content,
+        {
+          ...this.options,
+          transformers: [],
+          lang: (this.options.lang === 'tsx' || this.options.lang === 'jsx')
+            ? 'tsx'
+            : 'ts',
+          structure: 'inline',
+        },
+      ).children as ElementContent[],
+    }
     typeCode.properties.class = 'twoslash-popup-code'
 
     popupContents.push(
diff --git a/packages/twoslash/test/out/completion-end-multifile-2.ts.html b/packages/twoslash/test/out/completion-end-multifile-2.ts.html
index c75967489..9066c4718 100644
--- a/packages/twoslash/test/out/completion-end-multifile-2.ts.html
+++ b/packages/twoslash/test/out/completion-end-multifile-2.ts.html
@@ -1,4 +1,4 @@
-<link rel="stylesheet" href="../../style-rich.css" /><pre class="shiki vitesse-dark twoslash lsp" style="background-color:#121212;color:#dbd7caee" tabindex="0"><code><span class="line"><span style="color:#4D9375">import</span><span style="color:#666666"> {</span><span style="color:#BD976A"> </span><span style="color:#BD976A"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span class="line"><span style="color:#CB7676">const </span><span style="color:#BD976A">foo</span><span style="color:#666666">: </span><span style="color:#C98A7D99">"</span><span style="color:#C98A7D">foo</span><span style="color:#C98A7D99">"</span></span></code></span>foo</span></span><span style="color:#666666"> }</span><span style="color:#4D9375"> from</span><span style="color:#C98A7D99"> '</span><span style="color:#C98A7D">./foo</span><span style="color:#C98A7D99">'</span></span>
+<link rel="stylesheet" href="../../style-rich.css" /><pre class="shiki vitesse-dark twoslash lsp" style="background-color:#121212;color:#dbd7caee" tabindex="0"><code><span class="line"><span style="color:#4D9375">import</span><span style="color:#666666"> {</span><span style="color:#BD976A"> </span><span style="color:#BD976A"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span style="color:#CB7676">const </span><span style="color:#BD976A">foo</span><span style="color:#666666">: </span><span style="color:#C98A7D99">"</span><span style="color:#C98A7D">foo</span><span style="color:#C98A7D99">"</span></code></span>foo</span></span><span style="color:#666666"> }</span><span style="color:#4D9375"> from</span><span style="color:#C98A7D99"> '</span><span style="color:#C98A7D">./foo</span><span style="color:#C98A7D99">'</span></span>
 <span class="line"></span>
-<span class="line"><span style="color:#BD976A"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span class="line"><span style="color:#CB7676">var </span><span style="color:#BD976A">console</span><span style="color:#666666">: </span><span style="color:#5DA994">Console</span></span></code></span>console</span></span><span style="color:#666666">.</span><span style="color:#BD976A"><span>e<span class="twoslash-completion-cursor"><ul class="twoslash-completion-list"><li><span class="twoslash-completions-icon completions-method"><svg viewBox="0 0 32 32"><path fill="currentColor" d="m19.626 29.526l-.516-1.933a12.004 12.004 0 0 0 6.121-19.26l1.538-1.28a14.003 14.003 0 0 1-7.143 22.473"></path><path fill="currentColor" d="M10 29H8v-3.82l.804-.16C10.262 24.727 12 23.62 12 20v-1.382l-4-2v-2.236l4-2V12c0-5.467 3.925-9 10-9h2v3.82l-.804.16C21.738 7.273 20 8.38 20 12v.382l4 2v2.236l-4 2V20c0 5.467-3.925 9-10 9m0-2c4.935 0 8-2.682 8-7v-2.618l3.764-1.882L18 13.618V12c0-4.578 2.385-6.192 4-6.76V5c-4.935 0-8 2.682-8 7v1.618L10.236 15.5L14 17.382V20c0 4.578-2.385 6.192-4 6.76Z"></path><path fill="currentColor" d="M5.231 24.947a14.003 14.003 0 0 1 7.147-22.474l.516 1.932a12.004 12.004 0 0 0-6.125 19.263Z"></path></svg></span><span><span class="twoslash-completions-matched">e</span><span class="twoslash-completions-unmatched">rror</span></span></li></ul></span></span></span><span style="color:#DBD7CAEE"> </span></span>
+<span class="line"><span style="color:#BD976A"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span style="color:#CB7676">var </span><span style="color:#BD976A">console</span><span style="color:#666666">: </span><span style="color:#5DA994">Console</span></code></span>console</span></span><span style="color:#666666">.</span><span style="color:#BD976A"><span>e<span class="twoslash-completion-cursor"><ul class="twoslash-completion-list"><li><span class="twoslash-completions-icon completions-method"><svg viewBox="0 0 32 32"><path fill="currentColor" d="m19.626 29.526l-.516-1.933a12.004 12.004 0 0 0 6.121-19.26l1.538-1.28a14.003 14.003 0 0 1-7.143 22.473"></path><path fill="currentColor" d="M10 29H8v-3.82l.804-.16C10.262 24.727 12 23.62 12 20v-1.382l-4-2v-2.236l4-2V12c0-5.467 3.925-9 10-9h2v3.82l-.804.16C21.738 7.273 20 8.38 20 12v.382l4 2v2.236l-4 2V20c0 5.467-3.925 9-10 9m0-2c4.935 0 8-2.682 8-7v-2.618l3.764-1.882L18 13.618V12c0-4.578 2.385-6.192 4-6.76V5c-4.935 0-8 2.682-8 7v1.618L10.236 15.5L14 17.382V20c0 4.578-2.385 6.192-4 6.76Z"></path><path fill="currentColor" d="M5.231 24.947a14.003 14.003 0 0 1 7.147-22.474l.516 1.932a12.004 12.004 0 0 0-6.125 19.263Z"></path></svg></span><span><span class="twoslash-completions-matched">e</span><span class="twoslash-completions-unmatched">rror</span></span></li></ul></span></span></span><span style="color:#DBD7CAEE"> </span></span>
 <span class="line"></span></code></pre>
\ No newline at end of file
diff --git a/packages/twoslash/test/out/completion-end-multifile-2.ts.json b/packages/twoslash/test/out/completion-end-multifile-2.ts.json
index 6aafedf4c..15abc2f6c 100644
--- a/packages/twoslash/test/out/completion-end-multifile-2.ts.json
+++ b/packages/twoslash/test/out/completion-end-multifile-2.ts.json
@@ -99,86 +99,77 @@
                                   "type": "element",
                                   "tagName": "span",
                                   "properties": {
-                                    "class": "line"
+                                    "style": "color:#CB7676"
                                   },
                                   "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#CB7676"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "const "
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "const "
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#BD976A"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#BD976A"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "foo"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "foo"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": ": "
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": ": "
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "\""
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "\""
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "foo"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "foo"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "\""
-                                        }
-                                      ]
+                                      "type": "text",
+                                      "value": "\""
                                     }
                                   ]
                                 }
@@ -317,60 +308,51 @@
                                   "type": "element",
                                   "tagName": "span",
                                   "properties": {
-                                    "class": "line"
+                                    "style": "color:#CB7676"
                                   },
                                   "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#CB7676"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "var "
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "var "
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#BD976A"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#BD976A"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "console"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "console"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": ": "
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": ": "
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#5DA994"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#5DA994"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "Console"
-                                        }
-                                      ]
+                                      "type": "text",
+                                      "value": "Console"
                                     }
                                   ]
                                 }
diff --git a/packages/twoslash/test/out/completion-end-multifile.ts.html b/packages/twoslash/test/out/completion-end-multifile.ts.html
index 87eb8051f..500d52703 100644
--- a/packages/twoslash/test/out/completion-end-multifile.ts.html
+++ b/packages/twoslash/test/out/completion-end-multifile.ts.html
@@ -1,13 +1,9 @@
-<link rel="stylesheet" href="../../style-rich.css" /><pre class="shiki vitesse-dark twoslash lsp" style="background-color:#121212;color:#dbd7caee" tabindex="0"><code><span class="line"><span style="color:#4D9375">import</span><span style="color:#666666"> {</span><span style="color:#BD976A"> </span><span style="color:#BD976A"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span class="line"><span style="color:#CB7676">const </span><span style="color:#BD976A">foo</span><span style="color:#666666">: </span><span style="color:#C98A7D99">"</span><span style="color:#C98A7D">foo</span><span style="color:#C98A7D99">"</span></span></code></span>foo</span></span><span style="color:#666666"> }</span><span style="color:#4D9375"> from</span><span style="color:#C98A7D99"> '</span><span style="color:#C98A7D">./foo</span><span style="color:#C98A7D99">'</span></span>
+<link rel="stylesheet" href="../../style-rich.css" /><pre class="shiki vitesse-dark twoslash lsp" style="background-color:#121212;color:#dbd7caee" tabindex="0"><code><span class="line"><span style="color:#4D9375">import</span><span style="color:#666666"> {</span><span style="color:#BD976A"> </span><span style="color:#BD976A"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span style="color:#CB7676">const </span><span style="color:#BD976A">foo</span><span style="color:#666666">: </span><span style="color:#C98A7D99">"</span><span style="color:#C98A7D">foo</span><span style="color:#C98A7D99">"</span></code></span>foo</span></span><span style="color:#666666"> }</span><span style="color:#4D9375"> from</span><span style="color:#C98A7D99"> '</span><span style="color:#C98A7D">./foo</span><span style="color:#C98A7D99">'</span></span>
 <span class="line"><span style="color:#DBD7CAEE"> </span></span>
-<span class="line"><span style="color:#CB7676">type</span><span style="color:#5DA994"> </span><span style="color:#5DA994"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span class="line"><span style="color:#CB7676">type</span><span style="color:#5DA994"> Example</span><span style="color:#666666"> =</span><span style="color:#666666"> {</span></span>
-<span class="line"><span style="color:#BD976A">    name</span><span style="color:#666666">: </span><span style="color:#C98A7D99">'</span><span style="color:#C98A7D">foo</span><span style="color:#C98A7D99">'</span><span style="color:#666666"> | </span><span style="color:#C98A7D99">'</span><span style="color:#C98A7D">bar</span><span style="color:#C98A7D99">'</span><span style="color:#666666"> | </span><span style="color:#C98A7D99">'</span><span style="color:#C98A7D">baz</span><span style="color:#C98A7D99">'</span><span style="color:#666666">;</span></span>
-<span class="line"><span style="color:#666666">}</span></span></code></span>Example</span></span><span style="color:#666666"> =</span><span style="color:#666666"> {</span></span>
-<span class="line"><span style="color:#BD976A">  </span><span style="color:#BD976A"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span class="line"><span style="color:#80A665">name</span><span style="color:#666666">:</span><span style="color:#C98A7D99"> "</span><span style="color:#C98A7D">foo</span><span style="color:#C98A7D99">"</span><span style="color:#CB7676"> |</span><span style="color:#C98A7D99"> "</span><span style="color:#C98A7D">bar</span><span style="color:#C98A7D99">"</span><span style="color:#CB7676"> |</span><span style="color:#C98A7D99"> "</span><span style="color:#C98A7D">baz</span><span style="color:#C98A7D99">"</span></span></code></span>name</span></span><span style="color:#666666">: </span><span style="color:#C98A7D99">'</span><span style="color:#C98A7D">foo</span><span style="color:#C98A7D99">'</span><span style="color:#666666"> | </span><span style="color:#C98A7D99">'</span><span style="color:#C98A7D">bar</span><span style="color:#C98A7D99">'</span><span style="color:#666666"> | </span><span style="color:#C98A7D99">'</span><span style="color:#C98A7D">baz</span><span style="color:#C98A7D99">'</span></span>
+<span class="line"><span style="color:#CB7676">type</span><span style="color:#5DA994"> </span><span style="color:#5DA994"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span style="color:#CB7676">type</span><span style="color:#5DA994"> Example</span><span style="color:#666666"> =</span><span style="color:#666666"> {</span><br><span style="color:#BD976A">    name</span><span style="color:#666666">: </span><span style="color:#C98A7D99">'</span><span style="color:#C98A7D">foo</span><span style="color:#C98A7D99">'</span><span style="color:#666666"> | </span><span style="color:#C98A7D99">'</span><span style="color:#C98A7D">bar</span><span style="color:#C98A7D99">'</span><span style="color:#666666"> | </span><span style="color:#C98A7D99">'</span><span style="color:#C98A7D">baz</span><span style="color:#C98A7D99">'</span><span style="color:#666666">;</span><br><span style="color:#666666">}</span></code></span>Example</span></span><span style="color:#666666"> =</span><span style="color:#666666"> {</span></span>
+<span class="line"><span style="color:#BD976A">  </span><span style="color:#BD976A"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span style="color:#80A665">name</span><span style="color:#666666">:</span><span style="color:#C98A7D99"> "</span><span style="color:#C98A7D">foo</span><span style="color:#C98A7D99">"</span><span style="color:#CB7676"> |</span><span style="color:#C98A7D99"> "</span><span style="color:#C98A7D">bar</span><span style="color:#C98A7D99">"</span><span style="color:#CB7676"> |</span><span style="color:#C98A7D99"> "</span><span style="color:#C98A7D">baz</span><span style="color:#C98A7D99">"</span></code></span>name</span></span><span style="color:#666666">: </span><span style="color:#C98A7D99">'</span><span style="color:#C98A7D">foo</span><span style="color:#C98A7D99">'</span><span style="color:#666666"> | </span><span style="color:#C98A7D99">'</span><span style="color:#C98A7D">bar</span><span style="color:#C98A7D99">'</span><span style="color:#666666"> | </span><span style="color:#C98A7D99">'</span><span style="color:#C98A7D">baz</span><span style="color:#C98A7D99">'</span></span>
 <span class="line"><span style="color:#666666">}</span></span>
 <span class="line"><span style="color:#DBD7CAEE"> </span></span>
-<span class="line"><span style="color:#CB7676">const </span><span style="color:#BD976A"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span class="line"><span style="color:#CB7676">const </span><span style="color:#BD976A">example</span><span style="color:#666666">: </span><span style="color:#5DA994">Example</span></span></code></span>example</span></span><span style="color:#666666">: </span><span style="color:#5DA994"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span class="line"><span style="color:#CB7676">type</span><span style="color:#5DA994"> Example</span><span style="color:#666666"> =</span><span style="color:#666666"> {</span></span>
-<span class="line"><span style="color:#BD976A">    name</span><span style="color:#666666">: </span><span style="color:#C98A7D99">'</span><span style="color:#C98A7D">foo</span><span style="color:#C98A7D99">'</span><span style="color:#666666"> | </span><span style="color:#C98A7D99">'</span><span style="color:#C98A7D">bar</span><span style="color:#C98A7D99">'</span><span style="color:#666666"> | </span><span style="color:#C98A7D99">'</span><span style="color:#C98A7D">baz</span><span style="color:#C98A7D99">'</span><span style="color:#666666">;</span></span>
-<span class="line"><span style="color:#666666">}</span></span></code></span>Example</span></span><span style="color:#666666"> =</span><span style="color:#666666"> { </span><span style="color:#B8A965"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span class="line"><span style="color:#80A665">name</span><span style="color:#666666">:</span><span style="color:#C98A7D99"> "</span><span style="color:#C98A7D">foo</span><span style="color:#C98A7D99">"</span><span style="color:#CB7676"> |</span><span style="color:#C98A7D99"> "</span><span style="color:#C98A7D">bar</span><span style="color:#C98A7D99">"</span><span style="color:#CB7676"> |</span><span style="color:#C98A7D99"> "</span><span style="color:#C98A7D">baz</span><span style="color:#C98A7D99">"</span></span></code></span>name</span></span><span style="color:#666666">: </span><span style="color:#C98A7D99">'</span><span style="color:#C98A7D">foo</span><span style="color:#C98A7D99">'</span><span style="color:#666666"> }</span></span>
-<span class="line"><span style="color:#BD976A"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span class="line"><span style="color:#CB7676">const </span><span style="color:#BD976A">example</span><span style="color:#666666">: </span><span style="color:#5DA994">Example</span></span></code></span>example</span></span><span style="color:#666666">.</span><span style="color:#BD976A"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span class="line"><span style="color:#80A665">name</span><span style="color:#666666">:</span><span style="color:#C98A7D99"> "</span><span style="color:#C98A7D">foo</span><span style="color:#C98A7D99">"</span><span style="color:#CB7676"> |</span><span style="color:#C98A7D99"> "</span><span style="color:#C98A7D">bar</span><span style="color:#C98A7D99">"</span><span style="color:#CB7676"> |</span><span style="color:#C98A7D99"> "</span><span style="color:#C98A7D">baz</span><span style="color:#C98A7D99">"</span></span></code></span>name</span></span><span style="color:#CB7676"> ===</span><span style="color:#C98A7D99"><span> '<span class="twoslash-completion-cursor"><ul class="twoslash-completion-list"><li><span class="twoslash-completions-icon completions-string"><svg viewBox="0 0 32 32"><path fill="currentColor" d="M29 22h-5a2.003 2.003 0 0 1-2-2v-6a2.002 2.002 0 0 1 2-2h5v2h-5v6h5zM18 12h-4V8h-2v14h6a2.003 2.003 0 0 0 2-2v-6a2.002 2.002 0 0 0-2-2m-4 8v-6h4v6zm-6-8H3v2h5v2H4a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h6v-8a2.002 2.002 0 0 0-2-2m0 8H4v-2h4z"></path></svg></span><span><span class="twoslash-completions-matched"></span><span class="twoslash-completions-unmatched">foo</span></span></li><li><span class="twoslash-completions-icon completions-string"><svg viewBox="0 0 32 32"><path fill="currentColor" d="M29 22h-5a2.003 2.003 0 0 1-2-2v-6a2.002 2.002 0 0 1 2-2h5v2h-5v6h5zM18 12h-4V8h-2v14h6a2.003 2.003 0 0 0 2-2v-6a2.002 2.002 0 0 0-2-2m-4 8v-6h4v6zm-6-8H3v2h5v2H4a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h6v-8a2.002 2.002 0 0 0-2-2m0 8H4v-2h4z"></path></svg></span><span><span class="twoslash-completions-matched"></span><span class="twoslash-completions-unmatched">bar</span></span></li><li><span class="twoslash-completions-icon completions-string"><svg viewBox="0 0 32 32"><path fill="currentColor" d="M29 22h-5a2.003 2.003 0 0 1-2-2v-6a2.002 2.002 0 0 1 2-2h5v2h-5v6h5zM18 12h-4V8h-2v14h6a2.003 2.003 0 0 0 2-2v-6a2.002 2.002 0 0 0-2-2m-4 8v-6h4v6zm-6-8H3v2h5v2H4a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h6v-8a2.002 2.002 0 0 0-2-2m0 8H4v-2h4z"></path></svg></span><span><span class="twoslash-completions-matched"></span><span class="twoslash-completions-unmatched">baz</span></span></li></ul></span></span></span><span style="color:#FDAEB7;font-style:italic">   </span></span>
+<span class="line"><span style="color:#CB7676">const </span><span style="color:#BD976A"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span style="color:#CB7676">const </span><span style="color:#BD976A">example</span><span style="color:#666666">: </span><span style="color:#5DA994">Example</span></code></span>example</span></span><span style="color:#666666">: </span><span style="color:#5DA994"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span style="color:#CB7676">type</span><span style="color:#5DA994"> Example</span><span style="color:#666666"> =</span><span style="color:#666666"> {</span><br><span style="color:#BD976A">    name</span><span style="color:#666666">: </span><span style="color:#C98A7D99">'</span><span style="color:#C98A7D">foo</span><span style="color:#C98A7D99">'</span><span style="color:#666666"> | </span><span style="color:#C98A7D99">'</span><span style="color:#C98A7D">bar</span><span style="color:#C98A7D99">'</span><span style="color:#666666"> | </span><span style="color:#C98A7D99">'</span><span style="color:#C98A7D">baz</span><span style="color:#C98A7D99">'</span><span style="color:#666666">;</span><br><span style="color:#666666">}</span></code></span>Example</span></span><span style="color:#666666"> =</span><span style="color:#666666"> { </span><span style="color:#B8A965"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span style="color:#80A665">name</span><span style="color:#666666">:</span><span style="color:#C98A7D99"> "</span><span style="color:#C98A7D">foo</span><span style="color:#C98A7D99">"</span><span style="color:#CB7676"> |</span><span style="color:#C98A7D99"> "</span><span style="color:#C98A7D">bar</span><span style="color:#C98A7D99">"</span><span style="color:#CB7676"> |</span><span style="color:#C98A7D99"> "</span><span style="color:#C98A7D">baz</span><span style="color:#C98A7D99">"</span></code></span>name</span></span><span style="color:#666666">: </span><span style="color:#C98A7D99">'</span><span style="color:#C98A7D">foo</span><span style="color:#C98A7D99">'</span><span style="color:#666666"> }</span></span>
+<span class="line"><span style="color:#BD976A"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span style="color:#CB7676">const </span><span style="color:#BD976A">example</span><span style="color:#666666">: </span><span style="color:#5DA994">Example</span></code></span>example</span></span><span style="color:#666666">.</span><span style="color:#BD976A"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span style="color:#80A665">name</span><span style="color:#666666">:</span><span style="color:#C98A7D99"> "</span><span style="color:#C98A7D">foo</span><span style="color:#C98A7D99">"</span><span style="color:#CB7676"> |</span><span style="color:#C98A7D99"> "</span><span style="color:#C98A7D">bar</span><span style="color:#C98A7D99">"</span><span style="color:#CB7676"> |</span><span style="color:#C98A7D99"> "</span><span style="color:#C98A7D">baz</span><span style="color:#C98A7D99">"</span></code></span>name</span></span><span style="color:#CB7676"> ===</span><span style="color:#C98A7D99"><span> '<span class="twoslash-completion-cursor"><ul class="twoslash-completion-list"><li><span class="twoslash-completions-icon completions-string"><svg viewBox="0 0 32 32"><path fill="currentColor" d="M29 22h-5a2.003 2.003 0 0 1-2-2v-6a2.002 2.002 0 0 1 2-2h5v2h-5v6h5zM18 12h-4V8h-2v14h6a2.003 2.003 0 0 0 2-2v-6a2.002 2.002 0 0 0-2-2m-4 8v-6h4v6zm-6-8H3v2h5v2H4a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h6v-8a2.002 2.002 0 0 0-2-2m0 8H4v-2h4z"></path></svg></span><span><span class="twoslash-completions-matched"></span><span class="twoslash-completions-unmatched">foo</span></span></li><li><span class="twoslash-completions-icon completions-string"><svg viewBox="0 0 32 32"><path fill="currentColor" d="M29 22h-5a2.003 2.003 0 0 1-2-2v-6a2.002 2.002 0 0 1 2-2h5v2h-5v6h5zM18 12h-4V8h-2v14h6a2.003 2.003 0 0 0 2-2v-6a2.002 2.002 0 0 0-2-2m-4 8v-6h4v6zm-6-8H3v2h5v2H4a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h6v-8a2.002 2.002 0 0 0-2-2m0 8H4v-2h4z"></path></svg></span><span><span class="twoslash-completions-matched"></span><span class="twoslash-completions-unmatched">bar</span></span></li><li><span class="twoslash-completions-icon completions-string"><svg viewBox="0 0 32 32"><path fill="currentColor" d="M29 22h-5a2.003 2.003 0 0 1-2-2v-6a2.002 2.002 0 0 1 2-2h5v2h-5v6h5zM18 12h-4V8h-2v14h6a2.003 2.003 0 0 0 2-2v-6a2.002 2.002 0 0 0-2-2m-4 8v-6h4v6zm-6-8H3v2h5v2H4a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h6v-8a2.002 2.002 0 0 0-2-2m0 8H4v-2h4z"></path></svg></span><span><span class="twoslash-completions-matched"></span><span class="twoslash-completions-unmatched">baz</span></span></li></ul></span></span></span><span style="color:#FDAEB7;font-style:italic">   </span></span>
 <span class="line"></span></code></pre>
\ No newline at end of file
diff --git a/packages/twoslash/test/out/completion-end-multifile.ts.json b/packages/twoslash/test/out/completion-end-multifile.ts.json
index 26069aea8..c67f52318 100644
--- a/packages/twoslash/test/out/completion-end-multifile.ts.json
+++ b/packages/twoslash/test/out/completion-end-multifile.ts.json
@@ -99,86 +99,77 @@
                                   "type": "element",
                                   "tagName": "span",
                                   "properties": {
-                                    "class": "line"
+                                    "style": "color:#CB7676"
                                   },
                                   "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#CB7676"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "const "
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "const "
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#BD976A"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#BD976A"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "foo"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "foo"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": ": "
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": ": "
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "\""
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "\""
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "foo"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "foo"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "\""
-                                        }
-                                      ]
+                                      "type": "text",
+                                      "value": "\""
                                     }
                                   ]
                                 }
@@ -357,281 +348,258 @@
                                   "type": "element",
                                   "tagName": "span",
                                   "properties": {
-                                    "class": "line"
+                                    "style": "color:#CB7676"
                                   },
                                   "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#CB7676"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "type"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "type"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#5DA994"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#5DA994"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " Example"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " Example"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " ="
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " ="
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " {"
-                                        }
-                                      ]
+                                      "type": "text",
+                                      "value": " {"
                                     }
                                   ]
                                 },
                                 {
-                                  "type": "text",
-                                  "value": "\n"
+                                  "type": "element",
+                                  "tagName": "br",
+                                  "properties": {},
+                                  "children": []
                                 },
                                 {
                                   "type": "element",
                                   "tagName": "span",
                                   "properties": {
-                                    "class": "line"
+                                    "style": "color:#BD976A"
                                   },
                                   "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#BD976A"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "    name"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "    name"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": ": "
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": ": "
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "'"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "'"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "foo"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "foo"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "'"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "'"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " | "
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " | "
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "'"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "'"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "bar"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "bar"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "'"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "'"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " | "
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " | "
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "'"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "'"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "baz"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "baz"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "'"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "'"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": ";"
-                                        }
-                                      ]
+                                      "type": "text",
+                                      "value": ";"
                                     }
                                   ]
                                 },
                                 {
-                                  "type": "text",
-                                  "value": "\n"
+                                  "type": "element",
+                                  "tagName": "br",
+                                  "properties": {},
+                                  "children": []
                                 },
                                 {
                                   "type": "element",
                                   "tagName": "span",
                                   "properties": {
-                                    "class": "line"
+                                    "style": "color:#666666"
                                   },
                                   "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "}"
-                                        }
-                                      ]
+                                      "type": "text",
+                                      "value": "}"
                                     }
                                   ]
                                 }
@@ -732,177 +700,168 @@
                                   "type": "element",
                                   "tagName": "span",
                                   "properties": {
-                                    "class": "line"
+                                    "style": "color:#80A665"
                                   },
                                   "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#80A665"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "name"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "name"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": ":"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": ":"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " \""
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " \""
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "foo"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "foo"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "\""
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "\""
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#CB7676"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#CB7676"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " |"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " |"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " \""
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " \""
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "bar"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "bar"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "\""
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "\""
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#CB7676"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#CB7676"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " |"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " |"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " \""
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " \""
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "baz"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "baz"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "\""
-                                        }
-                                      ]
+                                      "type": "text",
+                                      "value": "\""
                                     }
                                   ]
                                 }
@@ -1185,60 +1144,51 @@
                                   "type": "element",
                                   "tagName": "span",
                                   "properties": {
-                                    "class": "line"
+                                    "style": "color:#CB7676"
                                   },
                                   "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#CB7676"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "const "
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "const "
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#BD976A"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#BD976A"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "example"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "example"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": ": "
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": ": "
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#5DA994"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#5DA994"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "Example"
-                                        }
-                                      ]
+                                      "type": "text",
+                                      "value": "Example"
                                     }
                                   ]
                                 }
@@ -1300,281 +1250,258 @@
                                   "type": "element",
                                   "tagName": "span",
                                   "properties": {
-                                    "class": "line"
+                                    "style": "color:#CB7676"
                                   },
                                   "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#CB7676"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "type"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "type"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#5DA994"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#5DA994"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " Example"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " Example"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " ="
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " ="
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " {"
-                                        }
-                                      ]
+                                      "type": "text",
+                                      "value": " {"
                                     }
                                   ]
                                 },
                                 {
-                                  "type": "text",
-                                  "value": "\n"
+                                  "type": "element",
+                                  "tagName": "br",
+                                  "properties": {},
+                                  "children": []
                                 },
                                 {
                                   "type": "element",
                                   "tagName": "span",
                                   "properties": {
-                                    "class": "line"
+                                    "style": "color:#BD976A"
                                   },
                                   "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#BD976A"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "    name"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "    name"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": ": "
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": ": "
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "'"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "'"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "foo"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "foo"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "'"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "'"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " | "
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " | "
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "'"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "'"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "bar"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "bar"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "'"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "'"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " | "
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " | "
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "'"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "'"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "baz"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "baz"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "'"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "'"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": ";"
-                                        }
-                                      ]
+                                      "type": "text",
+                                      "value": ";"
                                     }
                                   ]
                                 },
                                 {
-                                  "type": "text",
-                                  "value": "\n"
+                                  "type": "element",
+                                  "tagName": "br",
+                                  "properties": {},
+                                  "children": []
                                 },
                                 {
                                   "type": "element",
                                   "tagName": "span",
                                   "properties": {
-                                    "class": "line"
+                                    "style": "color:#666666"
                                   },
                                   "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "}"
-                                        }
-                                      ]
+                                      "type": "text",
+                                      "value": "}"
                                     }
                                   ]
                                 }
@@ -1649,177 +1576,168 @@
                                   "type": "element",
                                   "tagName": "span",
                                   "properties": {
-                                    "class": "line"
+                                    "style": "color:#80A665"
                                   },
                                   "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#80A665"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "name"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "name"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": ":"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": ":"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " \""
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " \""
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "foo"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "foo"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "\""
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "\""
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#CB7676"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#CB7676"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " |"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " |"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " \""
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " \""
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "bar"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "bar"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "\""
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "\""
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#CB7676"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#CB7676"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " |"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " |"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " \""
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " \""
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "baz"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "baz"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "\""
-                                        }
-                                      ]
+                                      "type": "text",
+                                      "value": "\""
                                     }
                                   ]
                                 }
@@ -1946,60 +1864,51 @@
                                   "type": "element",
                                   "tagName": "span",
                                   "properties": {
-                                    "class": "line"
+                                    "style": "color:#CB7676"
                                   },
                                   "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#CB7676"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "const "
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "const "
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#BD976A"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#BD976A"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "example"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "example"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": ": "
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": ": "
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#5DA994"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#5DA994"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "Example"
-                                        }
-                                      ]
+                                      "type": "text",
+                                      "value": "Example"
                                     }
                                   ]
                                 }
@@ -2061,177 +1970,168 @@
                                   "type": "element",
                                   "tagName": "span",
                                   "properties": {
-                                    "class": "line"
+                                    "style": "color:#80A665"
                                   },
                                   "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#80A665"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "name"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "name"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": ":"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": ":"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " \""
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " \""
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "foo"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "foo"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "\""
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "\""
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#CB7676"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#CB7676"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " |"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " |"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " \""
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " \""
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "bar"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "bar"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "\""
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "\""
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#CB7676"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#CB7676"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " |"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " |"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " \""
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " \""
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "baz"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "baz"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "\""
-                                        }
-                                      ]
+                                      "type": "text",
+                                      "value": "\""
                                     }
                                   ]
                                 }
diff --git a/packages/twoslash/test/out/completion-end.ts.html b/packages/twoslash/test/out/completion-end.ts.html
index 2524fe743..16c542991 100644
--- a/packages/twoslash/test/out/completion-end.ts.html
+++ b/packages/twoslash/test/out/completion-end.ts.html
@@ -1,32 +1,20 @@
-<link rel="stylesheet" href="../../style-rich.css" /><pre class="shiki vitesse-dark twoslash lsp" style="background-color:#121212;color:#dbd7caee" tabindex="0"><code><span class="line"><span style="color:#BD976A"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span class="line"><span style="color:#CB7676">var </span><span style="color:#BD976A">console</span><span style="color:#666666">: </span><span style="color:#5DA994">Console</span></span></code></span>console</span></span><span style="color:#666666">.</span><span style="color:#BD976A"><span>e<span class="twoslash-completion-cursor"><ul class="twoslash-completion-list"><li><span class="twoslash-completions-icon completions-method"><svg viewBox="0 0 32 32"><path fill="currentColor" d="m19.626 29.526l-.516-1.933a12.004 12.004 0 0 0 6.121-19.26l1.538-1.28a14.003 14.003 0 0 1-7.143 22.473"></path><path fill="currentColor" d="M10 29H8v-3.82l.804-.16C10.262 24.727 12 23.62 12 20v-1.382l-4-2v-2.236l4-2V12c0-5.467 3.925-9 10-9h2v3.82l-.804.16C21.738 7.273 20 8.38 20 12v.382l4 2v2.236l-4 2V20c0 5.467-3.925 9-10 9m0-2c4.935 0 8-2.682 8-7v-2.618l3.764-1.882L18 13.618V12c0-4.578 2.385-6.192 4-6.76V5c-4.935 0-8 2.682-8 7v1.618L10.236 15.5L14 17.382V20c0 4.578-2.385 6.192-4 6.76Z"></path><path fill="currentColor" d="M5.231 24.947a14.003 14.003 0 0 1 7.147-22.474l.516 1.932a12.004 12.004 0 0 0-6.125 19.263Z"></path></svg></span><span><span class="twoslash-completions-matched">e</span><span class="twoslash-completions-unmatched">rror</span></span></li></ul></span></span></span></span>
+<link rel="stylesheet" href="../../style-rich.css" /><pre class="shiki vitesse-dark twoslash lsp" style="background-color:#121212;color:#dbd7caee" tabindex="0"><code><span class="line"><span style="color:#BD976A"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span style="color:#CB7676">var </span><span style="color:#BD976A">console</span><span style="color:#666666">: </span><span style="color:#5DA994">Console</span></code></span>console</span></span><span style="color:#666666">.</span><span style="color:#BD976A"><span>e<span class="twoslash-completion-cursor"><ul class="twoslash-completion-list"><li><span class="twoslash-completions-icon completions-method"><svg viewBox="0 0 32 32"><path fill="currentColor" d="m19.626 29.526l-.516-1.933a12.004 12.004 0 0 0 6.121-19.26l1.538-1.28a14.003 14.003 0 0 1-7.143 22.473"></path><path fill="currentColor" d="M10 29H8v-3.82l.804-.16C10.262 24.727 12 23.62 12 20v-1.382l-4-2v-2.236l4-2V12c0-5.467 3.925-9 10-9h2v3.82l-.804.16C21.738 7.273 20 8.38 20 12v.382l4 2v2.236l-4 2V20c0 5.467-3.925 9-10 9m0-2c4.935 0 8-2.682 8-7v-2.618l3.764-1.882L18 13.618V12c0-4.578 2.385-6.192 4-6.76V5c-4.935 0-8 2.682-8 7v1.618L10.236 15.5L14 17.382V20c0 4.578-2.385 6.192-4 6.76Z"></path><path fill="currentColor" d="M5.231 24.947a14.003 14.003 0 0 1 7.147-22.474l.516 1.932a12.004 12.004 0 0 0-6.125 19.263Z"></path></svg></span><span><span class="twoslash-completions-matched">e</span><span class="twoslash-completions-unmatched">rror</span></span></li></ul></span></span></span></span>
 <span class="line"></span>
 <span class="line"></span>
-<span class="line"><span style="color:#CB7676">const </span><span style="color:#BD976A"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span class="line"><span style="color:#CB7676">const </span><span style="color:#BD976A">a</span><span style="color:#666666">: {</span></span>
-<span class="line"><span style="color:#BD976A">    test</span><span style="color:#666666">: </span><span style="color:#C98A7D99">'</span><span style="color:#C98A7D">foo</span><span style="color:#C98A7D99">'</span><span style="color:#666666"> | </span><span style="color:#C98A7D99">'</span><span style="color:#C98A7D">bar</span><span style="color:#C98A7D99">'</span><span style="color:#666666"> | </span><span style="color:#C98A7D99">'</span><span style="color:#C98A7D">baz</span><span style="color:#C98A7D99">'</span><span style="color:#666666">;</span></span>
-<span class="line"><span style="color:#666666">}</span></span></code></span>a</span></span><span style="color:#666666">: { </span><span style="color:#BD976A"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span class="line"><span style="color:#80A665">test</span><span style="color:#666666">:</span><span style="color:#C98A7D99"> "</span><span style="color:#C98A7D">foo</span><span style="color:#C98A7D99">"</span><span style="color:#CB7676"> |</span><span style="color:#C98A7D99"> "</span><span style="color:#C98A7D">bar</span><span style="color:#C98A7D99">"</span><span style="color:#CB7676"> |</span><span style="color:#C98A7D99"> "</span><span style="color:#C98A7D">baz</span><span style="color:#C98A7D99">"</span></span></code></span>test</span></span><span style="color:#666666">: </span><span style="color:#C98A7D99">'</span><span style="color:#C98A7D">foo</span><span style="color:#C98A7D99">'</span><span style="color:#666666"> | </span><span style="color:#C98A7D99">'</span><span style="color:#C98A7D">bar</span><span style="color:#C98A7D99">'</span><span style="color:#666666"> | </span><span style="color:#C98A7D99">'</span><span style="color:#C98A7D">baz</span><span style="color:#C98A7D99">'</span><span style="color:#666666"> } =</span><span style="color:#666666"> {</span></span>
-<span class="line"><span style="color:#B8A965">  </span><span style="color:#B8A965"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span class="line"><span style="color:#80A665">test</span><span style="color:#666666">:</span><span style="color:#C98A7D99"> "</span><span style="color:#C98A7D">foo</span><span style="color:#C98A7D99">"</span><span style="color:#CB7676"> |</span><span style="color:#C98A7D99"> "</span><span style="color:#C98A7D">bar</span><span style="color:#C98A7D99">"</span><span style="color:#CB7676"> |</span><span style="color:#C98A7D99"> "</span><span style="color:#C98A7D">baz</span><span style="color:#C98A7D99">"</span></span></code></span>test</span></span><span style="color:#666666">: </span><span style="color:#C98A7D99">'</span><span style="color:#C98A7D">foo</span><span style="color:#C98A7D99">'</span></span>
+<span class="line"><span style="color:#CB7676">const </span><span style="color:#BD976A"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span style="color:#CB7676">const </span><span style="color:#BD976A">a</span><span style="color:#666666">: {</span><br><span style="color:#BD976A">    test</span><span style="color:#666666">: </span><span style="color:#C98A7D99">'</span><span style="color:#C98A7D">foo</span><span style="color:#C98A7D99">'</span><span style="color:#666666"> | </span><span style="color:#C98A7D99">'</span><span style="color:#C98A7D">bar</span><span style="color:#C98A7D99">'</span><span style="color:#666666"> | </span><span style="color:#C98A7D99">'</span><span style="color:#C98A7D">baz</span><span style="color:#C98A7D99">'</span><span style="color:#666666">;</span><br><span style="color:#666666">}</span></code></span>a</span></span><span style="color:#666666">: { </span><span style="color:#BD976A"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span style="color:#80A665">test</span><span style="color:#666666">:</span><span style="color:#C98A7D99"> "</span><span style="color:#C98A7D">foo</span><span style="color:#C98A7D99">"</span><span style="color:#CB7676"> |</span><span style="color:#C98A7D99"> "</span><span style="color:#C98A7D">bar</span><span style="color:#C98A7D99">"</span><span style="color:#CB7676"> |</span><span style="color:#C98A7D99"> "</span><span style="color:#C98A7D">baz</span><span style="color:#C98A7D99">"</span></code></span>test</span></span><span style="color:#666666">: </span><span style="color:#C98A7D99">'</span><span style="color:#C98A7D">foo</span><span style="color:#C98A7D99">'</span><span style="color:#666666"> | </span><span style="color:#C98A7D99">'</span><span style="color:#C98A7D">bar</span><span style="color:#C98A7D99">'</span><span style="color:#666666"> | </span><span style="color:#C98A7D99">'</span><span style="color:#C98A7D">baz</span><span style="color:#C98A7D99">'</span><span style="color:#666666"> } =</span><span style="color:#666666"> {</span></span>
+<span class="line"><span style="color:#B8A965">  </span><span style="color:#B8A965"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span style="color:#80A665">test</span><span style="color:#666666">:</span><span style="color:#C98A7D99"> "</span><span style="color:#C98A7D">foo</span><span style="color:#C98A7D99">"</span><span style="color:#CB7676"> |</span><span style="color:#C98A7D99"> "</span><span style="color:#C98A7D">bar</span><span style="color:#C98A7D99">"</span><span style="color:#CB7676"> |</span><span style="color:#C98A7D99"> "</span><span style="color:#C98A7D">baz</span><span style="color:#C98A7D99">"</span></code></span>test</span></span><span style="color:#666666">: </span><span style="color:#C98A7D99">'</span><span style="color:#C98A7D">foo</span><span style="color:#C98A7D99">'</span></span>
 <span class="line"><span style="color:#666666">}</span></span>
-<span class="line"><span style="color:#BD976A"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span class="line"><span style="color:#CB7676">const </span><span style="color:#BD976A">a</span><span style="color:#666666">: {</span></span>
-<span class="line"><span style="color:#BD976A">    test</span><span style="color:#666666">: </span><span style="color:#C98A7D99">'</span><span style="color:#C98A7D">foo</span><span style="color:#C98A7D99">'</span><span style="color:#666666"> | </span><span style="color:#C98A7D99">'</span><span style="color:#C98A7D">bar</span><span style="color:#C98A7D99">'</span><span style="color:#666666"> | </span><span style="color:#C98A7D99">'</span><span style="color:#C98A7D">baz</span><span style="color:#C98A7D99">'</span><span style="color:#666666">;</span></span>
-<span class="line"><span style="color:#666666">}</span></span></code></span>a</span></span><span style="color:#666666">.</span><span style="color:#BD976A"><span>t<span class="twoslash-completion-cursor"><ul class="twoslash-completion-list"><li><span class="twoslash-completions-icon completions-property"><svg viewBox="0 0 32 32"><path fill="currentColor" d="M12.1 2a9.8 9.8 0 0 0-5.4 1.6l6.4 6.4a2.1 2.1 0 0 1 .2 3a2.1 2.1 0 0 1-3-.2L3.7 6.4A9.84 9.84 0 0 0 2 12.1a10.14 10.14 0 0 0 10.1 10.1a10.9 10.9 0 0 0 2.6-.3l6.7 6.7a5 5 0 0 0 7.1-7.1l-6.7-6.7a10.9 10.9 0 0 0 .3-2.6A10 10 0 0 0 12.1 2m8 10.1a7.61 7.61 0 0 1-.3 2.1l-.3 1.1l.8.8l6.7 6.7a2.88 2.88 0 0 1 .9 2.1A2.72 2.72 0 0 1 27 27a2.9 2.9 0 0 1-4.2 0l-6.7-6.7l-.8-.8l-1.1.3a7.61 7.61 0 0 1-2.1.3a8.27 8.27 0 0 1-5.7-2.3A7.63 7.63 0 0 1 4 12.1a8.33 8.33 0 0 1 .3-2.2l4.4 4.4a4.14 4.14 0 0 0 5.9.2a4.14 4.14 0 0 0-.2-5.9L10 4.2a6.45 6.45 0 0 1 2-.3a8.27 8.27 0 0 1 5.7 2.3a8.49 8.49 0 0 1 2.4 5.9"></path></svg></span><span><span class="twoslash-completions-matched">t</span><span class="twoslash-completions-unmatched">est</span></span></li></ul></span></span></span></span>
+<span class="line"><span style="color:#BD976A"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span style="color:#CB7676">const </span><span style="color:#BD976A">a</span><span style="color:#666666">: {</span><br><span style="color:#BD976A">    test</span><span style="color:#666666">: </span><span style="color:#C98A7D99">'</span><span style="color:#C98A7D">foo</span><span style="color:#C98A7D99">'</span><span style="color:#666666"> | </span><span style="color:#C98A7D99">'</span><span style="color:#C98A7D">bar</span><span style="color:#C98A7D99">'</span><span style="color:#666666"> | </span><span style="color:#C98A7D99">'</span><span style="color:#C98A7D">baz</span><span style="color:#C98A7D99">'</span><span style="color:#666666">;</span><br><span style="color:#666666">}</span></code></span>a</span></span><span style="color:#666666">.</span><span style="color:#BD976A"><span>t<span class="twoslash-completion-cursor"><ul class="twoslash-completion-list"><li><span class="twoslash-completions-icon completions-property"><svg viewBox="0 0 32 32"><path fill="currentColor" d="M12.1 2a9.8 9.8 0 0 0-5.4 1.6l6.4 6.4a2.1 2.1 0 0 1 .2 3a2.1 2.1 0 0 1-3-.2L3.7 6.4A9.84 9.84 0 0 0 2 12.1a10.14 10.14 0 0 0 10.1 10.1a10.9 10.9 0 0 0 2.6-.3l6.7 6.7a5 5 0 0 0 7.1-7.1l-6.7-6.7a10.9 10.9 0 0 0 .3-2.6A10 10 0 0 0 12.1 2m8 10.1a7.61 7.61 0 0 1-.3 2.1l-.3 1.1l.8.8l6.7 6.7a2.88 2.88 0 0 1 .9 2.1A2.72 2.72 0 0 1 27 27a2.9 2.9 0 0 1-4.2 0l-6.7-6.7l-.8-.8l-1.1.3a7.61 7.61 0 0 1-2.1.3a8.27 8.27 0 0 1-5.7-2.3A7.63 7.63 0 0 1 4 12.1a8.33 8.33 0 0 1 .3-2.2l4.4 4.4a4.14 4.14 0 0 0 5.9.2a4.14 4.14 0 0 0-.2-5.9L10 4.2a6.45 6.45 0 0 1 2-.3a8.27 8.27 0 0 1 5.7 2.3a8.49 8.49 0 0 1 2.4 5.9"></path></svg></span><span><span class="twoslash-completions-matched">t</span><span class="twoslash-completions-unmatched">est</span></span></li></ul></span></span></span></span>
 <span class="line"></span>
 <span class="line"></span>
-<span class="line"><span style="color:#BD976A"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span class="line"><span style="color:#CB7676">const </span><span style="color:#BD976A">a</span><span style="color:#666666">: {</span></span>
-<span class="line"><span style="color:#BD976A">    test</span><span style="color:#666666">: </span><span style="color:#C98A7D99">'</span><span style="color:#C98A7D">foo</span><span style="color:#C98A7D99">'</span><span style="color:#666666"> | </span><span style="color:#C98A7D99">'</span><span style="color:#C98A7D">bar</span><span style="color:#C98A7D99">'</span><span style="color:#666666"> | </span><span style="color:#C98A7D99">'</span><span style="color:#C98A7D">baz</span><span style="color:#C98A7D99">'</span><span style="color:#666666">;</span></span>
-<span class="line"><span style="color:#666666">}</span></span></code></span>a</span></span><span style="color:#666666">.</span><span style="color:#BD976A"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span class="line"><span style="color:#80A665">test</span><span style="color:#666666">:</span><span style="color:#C98A7D99"> "</span><span style="color:#C98A7D">foo</span><span style="color:#C98A7D99">"</span><span style="color:#CB7676"> |</span><span style="color:#C98A7D99"> "</span><span style="color:#C98A7D">bar</span><span style="color:#C98A7D99">"</span><span style="color:#CB7676"> |</span><span style="color:#C98A7D99"> "</span><span style="color:#C98A7D">baz</span><span style="color:#C98A7D99">"</span></span></code></span>test</span></span><span style="color:#CB7676"> ===</span><span style="color:#C98A7D99"><span> '<span class="twoslash-completion-cursor"><ul class="twoslash-completion-list"><li><span class="twoslash-completions-icon completions-string"><svg viewBox="0 0 32 32"><path fill="currentColor" d="M29 22h-5a2.003 2.003 0 0 1-2-2v-6a2.002 2.002 0 0 1 2-2h5v2h-5v6h5zM18 12h-4V8h-2v14h6a2.003 2.003 0 0 0 2-2v-6a2.002 2.002 0 0 0-2-2m-4 8v-6h4v6zm-6-8H3v2h5v2H4a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h6v-8a2.002 2.002 0 0 0-2-2m0 8H4v-2h4z"></path></svg></span><span><span class="twoslash-completions-matched"></span><span class="twoslash-completions-unmatched">foo</span></span></li><li><span class="twoslash-completions-icon completions-string"><svg viewBox="0 0 32 32"><path fill="currentColor" d="M29 22h-5a2.003 2.003 0 0 1-2-2v-6a2.002 2.002 0 0 1 2-2h5v2h-5v6h5zM18 12h-4V8h-2v14h6a2.003 2.003 0 0 0 2-2v-6a2.002 2.002 0 0 0-2-2m-4 8v-6h4v6zm-6-8H3v2h5v2H4a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h6v-8a2.002 2.002 0 0 0-2-2m0 8H4v-2h4z"></path></svg></span><span><span class="twoslash-completions-matched"></span><span class="twoslash-completions-unmatched">bar</span></span></li><li><span class="twoslash-completions-icon completions-string"><svg viewBox="0 0 32 32"><path fill="currentColor" d="M29 22h-5a2.003 2.003 0 0 1-2-2v-6a2.002 2.002 0 0 1 2-2h5v2h-5v6h5zM18 12h-4V8h-2v14h6a2.003 2.003 0 0 0 2-2v-6a2.002 2.002 0 0 0-2-2m-4 8v-6h4v6zm-6-8H3v2h5v2H4a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h6v-8a2.002 2.002 0 0 0-2-2m0 8H4v-2h4z"></path></svg></span><span><span class="twoslash-completions-matched"></span><span class="twoslash-completions-unmatched">baz</span></span></li></ul></span></span></span></span>
+<span class="line"><span style="color:#BD976A"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span style="color:#CB7676">const </span><span style="color:#BD976A">a</span><span style="color:#666666">: {</span><br><span style="color:#BD976A">    test</span><span style="color:#666666">: </span><span style="color:#C98A7D99">'</span><span style="color:#C98A7D">foo</span><span style="color:#C98A7D99">'</span><span style="color:#666666"> | </span><span style="color:#C98A7D99">'</span><span style="color:#C98A7D">bar</span><span style="color:#C98A7D99">'</span><span style="color:#666666"> | </span><span style="color:#C98A7D99">'</span><span style="color:#C98A7D">baz</span><span style="color:#C98A7D99">'</span><span style="color:#666666">;</span><br><span style="color:#666666">}</span></code></span>a</span></span><span style="color:#666666">.</span><span style="color:#BD976A"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span style="color:#80A665">test</span><span style="color:#666666">:</span><span style="color:#C98A7D99"> "</span><span style="color:#C98A7D">foo</span><span style="color:#C98A7D99">"</span><span style="color:#CB7676"> |</span><span style="color:#C98A7D99"> "</span><span style="color:#C98A7D">bar</span><span style="color:#C98A7D99">"</span><span style="color:#CB7676"> |</span><span style="color:#C98A7D99"> "</span><span style="color:#C98A7D">baz</span><span style="color:#C98A7D99">"</span></code></span>test</span></span><span style="color:#CB7676"> ===</span><span style="color:#C98A7D99"><span> '<span class="twoslash-completion-cursor"><ul class="twoslash-completion-list"><li><span class="twoslash-completions-icon completions-string"><svg viewBox="0 0 32 32"><path fill="currentColor" d="M29 22h-5a2.003 2.003 0 0 1-2-2v-6a2.002 2.002 0 0 1 2-2h5v2h-5v6h5zM18 12h-4V8h-2v14h6a2.003 2.003 0 0 0 2-2v-6a2.002 2.002 0 0 0-2-2m-4 8v-6h4v6zm-6-8H3v2h5v2H4a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h6v-8a2.002 2.002 0 0 0-2-2m0 8H4v-2h4z"></path></svg></span><span><span class="twoslash-completions-matched"></span><span class="twoslash-completions-unmatched">foo</span></span></li><li><span class="twoslash-completions-icon completions-string"><svg viewBox="0 0 32 32"><path fill="currentColor" d="M29 22h-5a2.003 2.003 0 0 1-2-2v-6a2.002 2.002 0 0 1 2-2h5v2h-5v6h5zM18 12h-4V8h-2v14h6a2.003 2.003 0 0 0 2-2v-6a2.002 2.002 0 0 0-2-2m-4 8v-6h4v6zm-6-8H3v2h5v2H4a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h6v-8a2.002 2.002 0 0 0-2-2m0 8H4v-2h4z"></path></svg></span><span><span class="twoslash-completions-matched"></span><span class="twoslash-completions-unmatched">bar</span></span></li><li><span class="twoslash-completions-icon completions-string"><svg viewBox="0 0 32 32"><path fill="currentColor" d="M29 22h-5a2.003 2.003 0 0 1-2-2v-6a2.002 2.002 0 0 1 2-2h5v2h-5v6h5zM18 12h-4V8h-2v14h6a2.003 2.003 0 0 0 2-2v-6a2.002 2.002 0 0 0-2-2m-4 8v-6h4v6zm-6-8H3v2h5v2H4a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h6v-8a2.002 2.002 0 0 0-2-2m0 8H4v-2h4z"></path></svg></span><span><span class="twoslash-completions-matched"></span><span class="twoslash-completions-unmatched">baz</span></span></li></ul></span></span></span></span>
 <span class="line"></span>
 <span class="line"></span>
-<span class="line"><span style="color:#C98A7D"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span class="line"><span style="color:#CB7676">const </span><span style="color:#BD976A">a</span><span style="color:#666666">: {</span></span>
-<span class="line"><span style="color:#BD976A">    test</span><span style="color:#666666">: </span><span style="color:#C98A7D99">'</span><span style="color:#C98A7D">foo</span><span style="color:#C98A7D99">'</span><span style="color:#666666"> | </span><span style="color:#C98A7D99">'</span><span style="color:#C98A7D">bar</span><span style="color:#C98A7D99">'</span><span style="color:#666666"> | </span><span style="color:#C98A7D99">'</span><span style="color:#C98A7D">baz</span><span style="color:#C98A7D99">'</span><span style="color:#666666">;</span></span>
-<span class="line"><span style="color:#666666">}</span></span></code></span>a</span></span><span style="color:#C98A7D">.</span><span style="color:#C98A7D"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span class="line"><span style="color:#80A665">test</span><span style="color:#666666">:</span><span style="color:#C98A7D99"> "</span><span style="color:#C98A7D">foo</span><span style="color:#C98A7D99">"</span><span style="color:#CB7676"> |</span><span style="color:#C98A7D99"> "</span><span style="color:#C98A7D">bar</span><span style="color:#C98A7D99">"</span><span style="color:#CB7676"> |</span><span style="color:#C98A7D99"> "</span><span style="color:#C98A7D">baz</span><span style="color:#C98A7D99">"</span></span></code></span>test</span></span><span style="color:#C98A7D"> === </span><span style="color:#C98A7D99">'</span><span style="color:#BD976A"><span>b<span class="twoslash-completion-cursor"><ul class="twoslash-completion-list"><li><span class="twoslash-completions-icon completions-string"><svg viewBox="0 0 32 32"><path fill="currentColor" d="M29 22h-5a2.003 2.003 0 0 1-2-2v-6a2.002 2.002 0 0 1 2-2h5v2h-5v6h5zM18 12h-4V8h-2v14h6a2.003 2.003 0 0 0 2-2v-6a2.002 2.002 0 0 0-2-2m-4 8v-6h4v6zm-6-8H3v2h5v2H4a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h6v-8a2.002 2.002 0 0 0-2-2m0 8H4v-2h4z"></path></svg></span><span><span class="twoslash-completions-matched">b</span><span class="twoslash-completions-unmatched">ar</span></span></li><li><span class="twoslash-completions-icon completions-string"><svg viewBox="0 0 32 32"><path fill="currentColor" d="M29 22h-5a2.003 2.003 0 0 1-2-2v-6a2.002 2.002 0 0 1 2-2h5v2h-5v6h5zM18 12h-4V8h-2v14h6a2.003 2.003 0 0 0 2-2v-6a2.002 2.002 0 0 0-2-2m-4 8v-6h4v6zm-6-8H3v2h5v2H4a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h6v-8a2.002 2.002 0 0 0-2-2m0 8H4v-2h4z"></path></svg></span><span><span class="twoslash-completions-matched">b</span><span class="twoslash-completions-unmatched">az</span></span></li></ul></span></span></span></span>
+<span class="line"><span style="color:#C98A7D"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span style="color:#CB7676">const </span><span style="color:#BD976A">a</span><span style="color:#666666">: {</span><br><span style="color:#BD976A">    test</span><span style="color:#666666">: </span><span style="color:#C98A7D99">'</span><span style="color:#C98A7D">foo</span><span style="color:#C98A7D99">'</span><span style="color:#666666"> | </span><span style="color:#C98A7D99">'</span><span style="color:#C98A7D">bar</span><span style="color:#C98A7D99">'</span><span style="color:#666666"> | </span><span style="color:#C98A7D99">'</span><span style="color:#C98A7D">baz</span><span style="color:#C98A7D99">'</span><span style="color:#666666">;</span><br><span style="color:#666666">}</span></code></span>a</span></span><span style="color:#C98A7D">.</span><span style="color:#C98A7D"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span style="color:#80A665">test</span><span style="color:#666666">:</span><span style="color:#C98A7D99"> "</span><span style="color:#C98A7D">foo</span><span style="color:#C98A7D99">"</span><span style="color:#CB7676"> |</span><span style="color:#C98A7D99"> "</span><span style="color:#C98A7D">bar</span><span style="color:#C98A7D99">"</span><span style="color:#CB7676"> |</span><span style="color:#C98A7D99"> "</span><span style="color:#C98A7D">baz</span><span style="color:#C98A7D99">"</span></code></span>test</span></span><span style="color:#C98A7D"> === </span><span style="color:#C98A7D99">'</span><span style="color:#BD976A"><span>b<span class="twoslash-completion-cursor"><ul class="twoslash-completion-list"><li><span class="twoslash-completions-icon completions-string"><svg viewBox="0 0 32 32"><path fill="currentColor" d="M29 22h-5a2.003 2.003 0 0 1-2-2v-6a2.002 2.002 0 0 1 2-2h5v2h-5v6h5zM18 12h-4V8h-2v14h6a2.003 2.003 0 0 0 2-2v-6a2.002 2.002 0 0 0-2-2m-4 8v-6h4v6zm-6-8H3v2h5v2H4a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h6v-8a2.002 2.002 0 0 0-2-2m0 8H4v-2h4z"></path></svg></span><span><span class="twoslash-completions-matched">b</span><span class="twoslash-completions-unmatched">ar</span></span></li><li><span class="twoslash-completions-icon completions-string"><svg viewBox="0 0 32 32"><path fill="currentColor" d="M29 22h-5a2.003 2.003 0 0 1-2-2v-6a2.002 2.002 0 0 1 2-2h5v2h-5v6h5zM18 12h-4V8h-2v14h6a2.003 2.003 0 0 0 2-2v-6a2.002 2.002 0 0 0-2-2m-4 8v-6h4v6zm-6-8H3v2h5v2H4a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h6v-8a2.002 2.002 0 0 0-2-2m0 8H4v-2h4z"></path></svg></span><span><span class="twoslash-completions-matched">b</span><span class="twoslash-completions-unmatched">az</span></span></li></ul></span></span></span></span>
 <span class="line"></span>
 <span class="line"></span>
-<span class="line"><span style="color:#BD976A"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span class="line"><span style="color:#CB7676">const </span><span style="color:#BD976A">a</span><span style="color:#666666">: {</span></span>
-<span class="line"><span style="color:#BD976A">    test</span><span style="color:#666666">: </span><span style="color:#C98A7D99">'</span><span style="color:#C98A7D">foo</span><span style="color:#C98A7D99">'</span><span style="color:#666666"> | </span><span style="color:#C98A7D99">'</span><span style="color:#C98A7D">bar</span><span style="color:#C98A7D99">'</span><span style="color:#666666"> | </span><span style="color:#C98A7D99">'</span><span style="color:#C98A7D">baz</span><span style="color:#C98A7D99">'</span><span style="color:#666666">;</span></span>
-<span class="line"><span style="color:#666666">}</span></span></code></span>a</span></span><span style="color:#666666">.</span><span style="color:#BD976A"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span class="line"><span style="color:#80A665">test</span><span style="color:#666666">:</span><span style="color:#C98A7D99"> "</span><span style="color:#C98A7D">foo</span><span style="color:#C98A7D99">"</span><span style="color:#CB7676"> |</span><span style="color:#C98A7D99"> "</span><span style="color:#C98A7D">bar</span><span style="color:#C98A7D99">"</span><span style="color:#CB7676"> |</span><span style="color:#C98A7D99"> "</span><span style="color:#C98A7D">baz</span><span style="color:#C98A7D99">"</span></span></code></span>test</span></span><span style="color:#CB7676"> ===</span><span style="color:#C98A7D99"> '</span><span style="color:#C98A7D"><span>b<span class="twoslash-completion-cursor"><ul class="twoslash-completion-list"><li><span class="twoslash-completions-icon completions-string"><svg viewBox="0 0 32 32"><path fill="currentColor" d="M29 22h-5a2.003 2.003 0 0 1-2-2v-6a2.002 2.002 0 0 1 2-2h5v2h-5v6h5zM18 12h-4V8h-2v14h6a2.003 2.003 0 0 0 2-2v-6a2.002 2.002 0 0 0-2-2m-4 8v-6h4v6zm-6-8H3v2h5v2H4a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h6v-8a2.002 2.002 0 0 0-2-2m0 8H4v-2h4z"></path></svg></span><span><span class="twoslash-completions-matched">b</span><span class="twoslash-completions-unmatched">ar</span></span></li><li><span class="twoslash-completions-icon completions-string"><svg viewBox="0 0 32 32"><path fill="currentColor" d="M29 22h-5a2.003 2.003 0 0 1-2-2v-6a2.002 2.002 0 0 1 2-2h5v2h-5v6h5zM18 12h-4V8h-2v14h6a2.003 2.003 0 0 0 2-2v-6a2.002 2.002 0 0 0-2-2m-4 8v-6h4v6zm-6-8H3v2h5v2H4a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h6v-8a2.002 2.002 0 0 0-2-2m0 8H4v-2h4z"></path></svg></span><span><span class="twoslash-completions-matched">b</span><span class="twoslash-completions-unmatched">az</span></span></li></ul></span></span></span><span style="color:#C98A7D">ar</span><span style="color:#C98A7D99">'</span></span>
+<span class="line"><span style="color:#BD976A"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span style="color:#CB7676">const </span><span style="color:#BD976A">a</span><span style="color:#666666">: {</span><br><span style="color:#BD976A">    test</span><span style="color:#666666">: </span><span style="color:#C98A7D99">'</span><span style="color:#C98A7D">foo</span><span style="color:#C98A7D99">'</span><span style="color:#666666"> | </span><span style="color:#C98A7D99">'</span><span style="color:#C98A7D">bar</span><span style="color:#C98A7D99">'</span><span style="color:#666666"> | </span><span style="color:#C98A7D99">'</span><span style="color:#C98A7D">baz</span><span style="color:#C98A7D99">'</span><span style="color:#666666">;</span><br><span style="color:#666666">}</span></code></span>a</span></span><span style="color:#666666">.</span><span style="color:#BD976A"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span style="color:#80A665">test</span><span style="color:#666666">:</span><span style="color:#C98A7D99"> "</span><span style="color:#C98A7D">foo</span><span style="color:#C98A7D99">"</span><span style="color:#CB7676"> |</span><span style="color:#C98A7D99"> "</span><span style="color:#C98A7D">bar</span><span style="color:#C98A7D99">"</span><span style="color:#CB7676"> |</span><span style="color:#C98A7D99"> "</span><span style="color:#C98A7D">baz</span><span style="color:#C98A7D99">"</span></code></span>test</span></span><span style="color:#CB7676"> ===</span><span style="color:#C98A7D99"> '</span><span style="color:#C98A7D"><span>b<span class="twoslash-completion-cursor"><ul class="twoslash-completion-list"><li><span class="twoslash-completions-icon completions-string"><svg viewBox="0 0 32 32"><path fill="currentColor" d="M29 22h-5a2.003 2.003 0 0 1-2-2v-6a2.002 2.002 0 0 1 2-2h5v2h-5v6h5zM18 12h-4V8h-2v14h6a2.003 2.003 0 0 0 2-2v-6a2.002 2.002 0 0 0-2-2m-4 8v-6h4v6zm-6-8H3v2h5v2H4a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h6v-8a2.002 2.002 0 0 0-2-2m0 8H4v-2h4z"></path></svg></span><span><span class="twoslash-completions-matched">b</span><span class="twoslash-completions-unmatched">ar</span></span></li><li><span class="twoslash-completions-icon completions-string"><svg viewBox="0 0 32 32"><path fill="currentColor" d="M29 22h-5a2.003 2.003 0 0 1-2-2v-6a2.002 2.002 0 0 1 2-2h5v2h-5v6h5zM18 12h-4V8h-2v14h6a2.003 2.003 0 0 0 2-2v-6a2.002 2.002 0 0 0-2-2m-4 8v-6h4v6zm-6-8H3v2h5v2H4a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h6v-8a2.002 2.002 0 0 0-2-2m0 8H4v-2h4z"></path></svg></span><span><span class="twoslash-completions-matched">b</span><span class="twoslash-completions-unmatched">az</span></span></li></ul></span></span></span><span style="color:#C98A7D">ar</span><span style="color:#C98A7D99">'</span></span>
 <span class="line"></span>
 <span class="line"></span>
-<span class="line"><span style="color:#BD976A"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span class="line"><span style="color:#CB7676">const </span><span style="color:#BD976A">a</span><span style="color:#666666">: {</span></span>
-<span class="line"><span style="color:#BD976A">    test</span><span style="color:#666666">: </span><span style="color:#C98A7D99">'</span><span style="color:#C98A7D">foo</span><span style="color:#C98A7D99">'</span><span style="color:#666666"> | </span><span style="color:#C98A7D99">'</span><span style="color:#C98A7D">bar</span><span style="color:#C98A7D99">'</span><span style="color:#666666"> | </span><span style="color:#C98A7D99">'</span><span style="color:#C98A7D">baz</span><span style="color:#C98A7D99">'</span><span style="color:#666666">;</span></span>
-<span class="line"><span style="color:#666666">}</span></span></code></span>a</span></span><span style="color:#666666">.</span><span style="color:#BD976A"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span class="line"><span style="color:#80A665">test</span><span style="color:#666666">:</span><span style="color:#C98A7D99"> "</span><span style="color:#C98A7D">foo</span><span style="color:#C98A7D99">"</span><span style="color:#CB7676"> |</span><span style="color:#C98A7D99"> "</span><span style="color:#C98A7D">bar</span><span style="color:#C98A7D99">"</span><span style="color:#CB7676"> |</span><span style="color:#C98A7D99"> "</span><span style="color:#C98A7D">baz</span><span style="color:#C98A7D99">"</span></span></code></span>test</span></span><span style="color:#CB7676"> ===</span><span style="color:#C98A7D99"><span> '<span class="twoslash-completion-cursor"><ul class="twoslash-completion-list"><li><span class="twoslash-completions-icon completions-string"><svg viewBox="0 0 32 32"><path fill="currentColor" d="M29 22h-5a2.003 2.003 0 0 1-2-2v-6a2.002 2.002 0 0 1 2-2h5v2h-5v6h5zM18 12h-4V8h-2v14h6a2.003 2.003 0 0 0 2-2v-6a2.002 2.002 0 0 0-2-2m-4 8v-6h4v6zm-6-8H3v2h5v2H4a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h6v-8a2.002 2.002 0 0 0-2-2m0 8H4v-2h4z"></path></svg></span><span><span class="twoslash-completions-matched"></span><span class="twoslash-completions-unmatched">foo</span></span></li><li><span class="twoslash-completions-icon completions-string"><svg viewBox="0 0 32 32"><path fill="currentColor" d="M29 22h-5a2.003 2.003 0 0 1-2-2v-6a2.002 2.002 0 0 1 2-2h5v2h-5v6h5zM18 12h-4V8h-2v14h6a2.003 2.003 0 0 0 2-2v-6a2.002 2.002 0 0 0-2-2m-4 8v-6h4v6zm-6-8H3v2h5v2H4a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h6v-8a2.002 2.002 0 0 0-2-2m0 8H4v-2h4z"></path></svg></span><span><span class="twoslash-completions-matched"></span><span class="twoslash-completions-unmatched">bar</span></span></li><li><span class="twoslash-completions-icon completions-string"><svg viewBox="0 0 32 32"><path fill="currentColor" d="M29 22h-5a2.003 2.003 0 0 1-2-2v-6a2.002 2.002 0 0 1 2-2h5v2h-5v6h5zM18 12h-4V8h-2v14h6a2.003 2.003 0 0 0 2-2v-6a2.002 2.002 0 0 0-2-2m-4 8v-6h4v6zm-6-8H3v2h5v2H4a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h6v-8a2.002 2.002 0 0 0-2-2m0 8H4v-2h4z"></path></svg></span><span><span class="twoslash-completions-matched"></span><span class="twoslash-completions-unmatched">baz</span></span></li></ul></span></span></span><span style="color:#C98A7D">bar</span><span style="color:#C98A7D99">'</span></span>
+<span class="line"><span style="color:#BD976A"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span style="color:#CB7676">const </span><span style="color:#BD976A">a</span><span style="color:#666666">: {</span><br><span style="color:#BD976A">    test</span><span style="color:#666666">: </span><span style="color:#C98A7D99">'</span><span style="color:#C98A7D">foo</span><span style="color:#C98A7D99">'</span><span style="color:#666666"> | </span><span style="color:#C98A7D99">'</span><span style="color:#C98A7D">bar</span><span style="color:#C98A7D99">'</span><span style="color:#666666"> | </span><span style="color:#C98A7D99">'</span><span style="color:#C98A7D">baz</span><span style="color:#C98A7D99">'</span><span style="color:#666666">;</span><br><span style="color:#666666">}</span></code></span>a</span></span><span style="color:#666666">.</span><span style="color:#BD976A"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span style="color:#80A665">test</span><span style="color:#666666">:</span><span style="color:#C98A7D99"> "</span><span style="color:#C98A7D">foo</span><span style="color:#C98A7D99">"</span><span style="color:#CB7676"> |</span><span style="color:#C98A7D99"> "</span><span style="color:#C98A7D">bar</span><span style="color:#C98A7D99">"</span><span style="color:#CB7676"> |</span><span style="color:#C98A7D99"> "</span><span style="color:#C98A7D">baz</span><span style="color:#C98A7D99">"</span></code></span>test</span></span><span style="color:#CB7676"> ===</span><span style="color:#C98A7D99"><span> '<span class="twoslash-completion-cursor"><ul class="twoslash-completion-list"><li><span class="twoslash-completions-icon completions-string"><svg viewBox="0 0 32 32"><path fill="currentColor" d="M29 22h-5a2.003 2.003 0 0 1-2-2v-6a2.002 2.002 0 0 1 2-2h5v2h-5v6h5zM18 12h-4V8h-2v14h6a2.003 2.003 0 0 0 2-2v-6a2.002 2.002 0 0 0-2-2m-4 8v-6h4v6zm-6-8H3v2h5v2H4a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h6v-8a2.002 2.002 0 0 0-2-2m0 8H4v-2h4z"></path></svg></span><span><span class="twoslash-completions-matched"></span><span class="twoslash-completions-unmatched">foo</span></span></li><li><span class="twoslash-completions-icon completions-string"><svg viewBox="0 0 32 32"><path fill="currentColor" d="M29 22h-5a2.003 2.003 0 0 1-2-2v-6a2.002 2.002 0 0 1 2-2h5v2h-5v6h5zM18 12h-4V8h-2v14h6a2.003 2.003 0 0 0 2-2v-6a2.002 2.002 0 0 0-2-2m-4 8v-6h4v6zm-6-8H3v2h5v2H4a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h6v-8a2.002 2.002 0 0 0-2-2m0 8H4v-2h4z"></path></svg></span><span><span class="twoslash-completions-matched"></span><span class="twoslash-completions-unmatched">bar</span></span></li><li><span class="twoslash-completions-icon completions-string"><svg viewBox="0 0 32 32"><path fill="currentColor" d="M29 22h-5a2.003 2.003 0 0 1-2-2v-6a2.002 2.002 0 0 1 2-2h5v2h-5v6h5zM18 12h-4V8h-2v14h6a2.003 2.003 0 0 0 2-2v-6a2.002 2.002 0 0 0-2-2m-4 8v-6h4v6zm-6-8H3v2h5v2H4a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h6v-8a2.002 2.002 0 0 0-2-2m0 8H4v-2h4z"></path></svg></span><span><span class="twoslash-completions-matched"></span><span class="twoslash-completions-unmatched">baz</span></span></li></ul></span></span></span><span style="color:#C98A7D">bar</span><span style="color:#C98A7D99">'</span></span>
 <span class="line"></span></code></pre>
\ No newline at end of file
diff --git a/packages/twoslash/test/out/completion-end.ts.json b/packages/twoslash/test/out/completion-end.ts.json
index 1e3b85a47..c7de6078c 100644
--- a/packages/twoslash/test/out/completion-end.ts.json
+++ b/packages/twoslash/test/out/completion-end.ts.json
@@ -60,60 +60,51 @@
                                   "type": "element",
                                   "tagName": "span",
                                   "properties": {
-                                    "class": "line"
+                                    "style": "color:#CB7676"
                                   },
                                   "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#CB7676"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "var "
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "var "
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#BD976A"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#BD976A"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "console"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "console"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": ": "
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": ": "
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#5DA994"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#5DA994"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "Console"
-                                        }
-                                      ]
+                                      "type": "text",
+                                      "value": "Console"
                                     }
                                   ]
                                 }
@@ -349,280 +340,257 @@
                                   "type": "element",
                                   "tagName": "span",
                                   "properties": {
-                                    "class": "line"
+                                    "style": "color:#CB7676"
                                   },
                                   "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#CB7676"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "const "
-                                        }
-                                      ]
-                                    },
-                                    {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#BD976A"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "a"
-                                        }
-                                      ]
-                                    },
-                                    {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": ": {"
-                                        }
-                                      ]
+                                      "type": "text",
+                                      "value": "const "
                                     }
                                   ]
                                 },
                                 {
-                                  "type": "text",
-                                  "value": "\n"
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#BD976A"
+                                  },
+                                  "children": [
+                                    {
+                                      "type": "text",
+                                      "value": "a"
+                                    }
+                                  ]
                                 },
                                 {
                                   "type": "element",
                                   "tagName": "span",
                                   "properties": {
-                                    "class": "line"
+                                    "style": "color:#666666"
                                   },
                                   "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#BD976A"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "    test"
-                                        }
-                                      ]
-                                    },
-                                    {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": ": "
-                                        }
-                                      ]
-                                    },
-                                    {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "'"
-                                        }
-                                      ]
-                                    },
-                                    {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "foo"
-                                        }
-                                      ]
-                                    },
-                                    {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "'"
-                                        }
-                                      ]
-                                    },
-                                    {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " | "
-                                        }
-                                      ]
-                                    },
-                                    {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "'"
-                                        }
-                                      ]
-                                    },
-                                    {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "bar"
-                                        }
-                                      ]
-                                    },
-                                    {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "'"
-                                        }
-                                      ]
-                                    },
-                                    {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " | "
-                                        }
-                                      ]
-                                    },
-                                    {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "'"
-                                        }
-                                      ]
-                                    },
-                                    {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "baz"
-                                        }
-                                      ]
-                                    },
-                                    {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "'"
-                                        }
-                                      ]
-                                    },
-                                    {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": ";"
-                                        }
-                                      ]
+                                      "type": "text",
+                                      "value": ": {"
                                     }
                                   ]
                                 },
                                 {
-                                  "type": "text",
-                                  "value": "\n"
+                                  "type": "element",
+                                  "tagName": "br",
+                                  "properties": {},
+                                  "children": []
                                 },
                                 {
                                   "type": "element",
                                   "tagName": "span",
                                   "properties": {
-                                    "class": "line"
+                                    "style": "color:#BD976A"
                                   },
                                   "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "}"
-                                        }
-                                      ]
+                                      "type": "text",
+                                      "value": "    test"
                                     }
                                   ]
-                                }
-                              ]
-                            }
-                          ]
-                        },
-                        {
-                          "type": "text",
-                          "value": "a"
-                        }
-                      ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
+                                    {
+                                      "type": "text",
+                                      "value": ": "
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
+                                    {
+                                      "type": "text",
+                                      "value": "'"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D"
+                                  },
+                                  "children": [
+                                    {
+                                      "type": "text",
+                                      "value": "foo"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
+                                    {
+                                      "type": "text",
+                                      "value": "'"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
+                                    {
+                                      "type": "text",
+                                      "value": " | "
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
+                                    {
+                                      "type": "text",
+                                      "value": "'"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D"
+                                  },
+                                  "children": [
+                                    {
+                                      "type": "text",
+                                      "value": "bar"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
+                                    {
+                                      "type": "text",
+                                      "value": "'"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
+                                    {
+                                      "type": "text",
+                                      "value": " | "
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
+                                    {
+                                      "type": "text",
+                                      "value": "'"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D"
+                                  },
+                                  "children": [
+                                    {
+                                      "type": "text",
+                                      "value": "baz"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
+                                    {
+                                      "type": "text",
+                                      "value": "'"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
+                                    {
+                                      "type": "text",
+                                      "value": ";"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "br",
+                                  "properties": {},
+                                  "children": []
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
+                                    {
+                                      "type": "text",
+                                      "value": "}"
+                                    }
+                                  ]
+                                }
+                              ]
+                            }
+                          ]
+                        },
+                        {
+                          "type": "text",
+                          "value": "a"
+                        }
+                      ]
                     }
                   ]
                 },
@@ -672,177 +640,168 @@
                                   "type": "element",
                                   "tagName": "span",
                                   "properties": {
-                                    "class": "line"
+                                    "style": "color:#80A665"
                                   },
                                   "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#80A665"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "test"
-                                        }
-                                      ]
-                                    },
-                                    {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": ":"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "test"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " \""
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": ":"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "foo"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " \""
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "\""
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "foo"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#CB7676"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " |"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "\""
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#CB7676"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " \""
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " |"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "bar"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " \""
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "\""
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "bar"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#CB7676"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " |"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "\""
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#CB7676"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " \""
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " |"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "baz"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " \""
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "\""
-                                        }
-                                      ]
+                                      "type": "text",
+                                      "value": "baz"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
+                                    {
+                                      "type": "text",
+                                      "value": "\""
                                     }
                                   ]
                                 }
@@ -1099,177 +1058,168 @@
                                   "type": "element",
                                   "tagName": "span",
                                   "properties": {
-                                    "class": "line"
+                                    "style": "color:#80A665"
                                   },
                                   "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#80A665"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "test"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "test"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": ":"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": ":"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " \""
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " \""
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "foo"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "foo"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "\""
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "\""
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#CB7676"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#CB7676"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " |"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " |"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " \""
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " \""
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "bar"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "bar"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "\""
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "\""
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#CB7676"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#CB7676"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " |"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " |"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " \""
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " \""
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "baz"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "baz"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "\""
-                                        }
-                                      ]
+                                      "type": "text",
+                                      "value": "\""
                                     }
                                   ]
                                 }
@@ -1409,268 +1359,245 @@
                                   "type": "element",
                                   "tagName": "span",
                                   "properties": {
-                                    "class": "line"
+                                    "style": "color:#CB7676"
                                   },
                                   "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#CB7676"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "const "
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "const "
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#BD976A"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#BD976A"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "a"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "a"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": ": {"
-                                        }
-                                      ]
+                                      "type": "text",
+                                      "value": ": {"
                                     }
                                   ]
                                 },
                                 {
-                                  "type": "text",
-                                  "value": "\n"
+                                  "type": "element",
+                                  "tagName": "br",
+                                  "properties": {},
+                                  "children": []
                                 },
                                 {
                                   "type": "element",
                                   "tagName": "span",
                                   "properties": {
-                                    "class": "line"
+                                    "style": "color:#BD976A"
                                   },
                                   "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#BD976A"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "    test"
-                                        }
-                                      ]
-                                    },
-                                    {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": ": "
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "    test"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "'"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": ": "
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "foo"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "'"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "'"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "foo"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " | "
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "'"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "'"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " | "
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "bar"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "'"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "'"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "bar"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " | "
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "'"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "'"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " | "
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "baz"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "'"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "'"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "baz"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": ";"
-                                        }
-                                      ]
+                                      "type": "text",
+                                      "value": "'"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
+                                    {
+                                      "type": "text",
+                                      "value": ";"
                                     }
                                   ]
                                 },
                                 {
-                                  "type": "text",
-                                  "value": "\n"
+                                  "type": "element",
+                                  "tagName": "br",
+                                  "properties": {},
+                                  "children": []
                                 },
                                 {
                                   "type": "element",
                                   "tagName": "span",
                                   "properties": {
-                                    "class": "line"
+                                    "style": "color:#666666"
                                   },
                                   "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "}"
-                                        }
-                                      ]
+                                      "type": "text",
+                                      "value": "}"
                                     }
                                   ]
                                 }
@@ -1875,268 +1802,245 @@
                                   "type": "element",
                                   "tagName": "span",
                                   "properties": {
-                                    "class": "line"
+                                    "style": "color:#CB7676"
                                   },
                                   "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#CB7676"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "const "
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "const "
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#BD976A"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#BD976A"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "a"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "a"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": ": {"
-                                        }
-                                      ]
+                                      "type": "text",
+                                      "value": ": {"
                                     }
                                   ]
                                 },
                                 {
-                                  "type": "text",
-                                  "value": "\n"
+                                  "type": "element",
+                                  "tagName": "br",
+                                  "properties": {},
+                                  "children": []
                                 },
                                 {
                                   "type": "element",
                                   "tagName": "span",
                                   "properties": {
-                                    "class": "line"
+                                    "style": "color:#BD976A"
                                   },
                                   "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#BD976A"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "    test"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "    test"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": ": "
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": ": "
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "'"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "'"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "foo"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "foo"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "'"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "'"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " | "
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " | "
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "'"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "'"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "bar"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "bar"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "'"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "'"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " | "
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " | "
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "'"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "'"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "baz"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "baz"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "'"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "'"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": ";"
-                                        }
-                                      ]
+                                      "type": "text",
+                                      "value": ";"
                                     }
                                   ]
                                 },
                                 {
-                                  "type": "text",
-                                  "value": "\n"
+                                  "type": "element",
+                                  "tagName": "br",
+                                  "properties": {},
+                                  "children": []
                                 },
                                 {
                                   "type": "element",
                                   "tagName": "span",
                                   "properties": {
-                                    "class": "line"
+                                    "style": "color:#666666"
                                   },
                                   "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "}"
-                                        }
-                                      ]
+                                      "type": "text",
+                                      "value": "}"
                                     }
                                   ]
                                 }
@@ -2198,177 +2102,168 @@
                                   "type": "element",
                                   "tagName": "span",
                                   "properties": {
-                                    "class": "line"
+                                    "style": "color:#80A665"
                                   },
                                   "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#80A665"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "test"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "test"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": ":"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": ":"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " \""
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " \""
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "foo"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "foo"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "\""
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "\""
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#CB7676"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#CB7676"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " |"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " |"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " \""
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " \""
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "bar"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "bar"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "\""
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "\""
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#CB7676"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#CB7676"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " |"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " |"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " \""
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " \""
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "baz"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "baz"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "\""
-                                        }
-                                      ]
+                                      "type": "text",
+                                      "value": "\""
                                     }
                                   ]
                                 }
@@ -2707,268 +2602,245 @@
                                   "type": "element",
                                   "tagName": "span",
                                   "properties": {
-                                    "class": "line"
+                                    "style": "color:#CB7676"
                                   },
                                   "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#CB7676"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "const "
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "const "
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#BD976A"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#BD976A"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "a"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "a"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": ": {"
-                                        }
-                                      ]
+                                      "type": "text",
+                                      "value": ": {"
                                     }
                                   ]
                                 },
                                 {
-                                  "type": "text",
-                                  "value": "\n"
+                                  "type": "element",
+                                  "tagName": "br",
+                                  "properties": {},
+                                  "children": []
                                 },
                                 {
                                   "type": "element",
                                   "tagName": "span",
                                   "properties": {
-                                    "class": "line"
+                                    "style": "color:#BD976A"
                                   },
                                   "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#BD976A"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "    test"
-                                        }
-                                      ]
-                                    },
-                                    {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": ": "
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "    test"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "'"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": ": "
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "foo"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "'"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "'"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "foo"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " | "
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "'"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "'"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " | "
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "bar"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "'"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "'"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "bar"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " | "
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "'"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "'"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " | "
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "baz"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "'"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "'"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "baz"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": ";"
-                                        }
-                                      ]
+                                      "type": "text",
+                                      "value": "'"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
+                                    {
+                                      "type": "text",
+                                      "value": ";"
                                     }
                                   ]
                                 },
                                 {
-                                  "type": "text",
-                                  "value": "\n"
+                                  "type": "element",
+                                  "tagName": "br",
+                                  "properties": {},
+                                  "children": []
                                 },
                                 {
                                   "type": "element",
                                   "tagName": "span",
                                   "properties": {
-                                    "class": "line"
+                                    "style": "color:#666666"
                                   },
                                   "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "}"
-                                        }
-                                      ]
+                                      "type": "text",
+                                      "value": "}"
                                     }
                                   ]
                                 }
@@ -3030,177 +2902,168 @@
                                   "type": "element",
                                   "tagName": "span",
                                   "properties": {
-                                    "class": "line"
+                                    "style": "color:#80A665"
                                   },
                                   "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#80A665"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "test"
-                                        }
-                                      ]
-                                    },
-                                    {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": ":"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "test"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " \""
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": ":"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "foo"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " \""
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "\""
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "foo"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#CB7676"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " |"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "\""
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#CB7676"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " \""
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " |"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "bar"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " \""
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "\""
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "bar"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#CB7676"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " |"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "\""
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#CB7676"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " \""
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " |"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "baz"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " \""
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "\""
-                                        }
-                                      ]
+                                      "type": "text",
+                                      "value": "baz"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
+                                    {
+                                      "type": "text",
+                                      "value": "\""
                                     }
                                   ]
                                 }
@@ -3485,268 +3348,245 @@
                                   "type": "element",
                                   "tagName": "span",
                                   "properties": {
-                                    "class": "line"
+                                    "style": "color:#CB7676"
                                   },
                                   "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#CB7676"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "const "
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "const "
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#BD976A"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#BD976A"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "a"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "a"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": ": {"
-                                        }
-                                      ]
+                                      "type": "text",
+                                      "value": ": {"
                                     }
                                   ]
                                 },
                                 {
-                                  "type": "text",
-                                  "value": "\n"
+                                  "type": "element",
+                                  "tagName": "br",
+                                  "properties": {},
+                                  "children": []
                                 },
                                 {
                                   "type": "element",
                                   "tagName": "span",
                                   "properties": {
-                                    "class": "line"
+                                    "style": "color:#BD976A"
                                   },
                                   "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#BD976A"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "    test"
-                                        }
-                                      ]
-                                    },
-                                    {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": ": "
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "    test"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "'"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": ": "
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "foo"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "'"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "'"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "foo"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " | "
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "'"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "'"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " | "
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "bar"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "'"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "'"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "bar"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " | "
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "'"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "'"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " | "
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "baz"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "'"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "'"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "baz"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": ";"
-                                        }
-                                      ]
+                                      "type": "text",
+                                      "value": "'"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
+                                    {
+                                      "type": "text",
+                                      "value": ";"
                                     }
                                   ]
                                 },
                                 {
-                                  "type": "text",
-                                  "value": "\n"
+                                  "type": "element",
+                                  "tagName": "br",
+                                  "properties": {},
+                                  "children": []
                                 },
                                 {
                                   "type": "element",
                                   "tagName": "span",
                                   "properties": {
-                                    "class": "line"
+                                    "style": "color:#666666"
                                   },
                                   "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "}"
-                                        }
-                                      ]
+                                      "type": "text",
+                                      "value": "}"
                                     }
                                   ]
                                 }
@@ -3808,177 +3648,168 @@
                                   "type": "element",
                                   "tagName": "span",
                                   "properties": {
-                                    "class": "line"
+                                    "style": "color:#80A665"
                                   },
                                   "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#80A665"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "test"
-                                        }
-                                      ]
-                                    },
-                                    {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": ":"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "test"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " \""
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": ":"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "foo"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " \""
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "\""
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "foo"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#CB7676"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " |"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "\""
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#CB7676"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " \""
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " |"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "bar"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " \""
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "\""
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "bar"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#CB7676"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " |"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "\""
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#CB7676"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " \""
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " |"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "baz"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " \""
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "\""
-                                        }
-                                      ]
+                                      "type": "text",
+                                      "value": "baz"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
+                                    {
+                                      "type": "text",
+                                      "value": "\""
                                     }
                                   ]
                                 }
@@ -4289,268 +4120,245 @@
                                   "type": "element",
                                   "tagName": "span",
                                   "properties": {
-                                    "class": "line"
+                                    "style": "color:#CB7676"
                                   },
                                   "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#CB7676"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "const "
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "const "
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#BD976A"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#BD976A"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "a"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "a"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": ": {"
-                                        }
-                                      ]
+                                      "type": "text",
+                                      "value": ": {"
                                     }
                                   ]
                                 },
                                 {
-                                  "type": "text",
-                                  "value": "\n"
+                                  "type": "element",
+                                  "tagName": "br",
+                                  "properties": {},
+                                  "children": []
                                 },
                                 {
                                   "type": "element",
                                   "tagName": "span",
                                   "properties": {
-                                    "class": "line"
+                                    "style": "color:#BD976A"
                                   },
                                   "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#BD976A"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "    test"
-                                        }
-                                      ]
-                                    },
-                                    {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": ": "
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "    test"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "'"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": ": "
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "foo"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "'"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "'"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "foo"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " | "
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "'"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "'"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " | "
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "bar"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "'"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "'"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "bar"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " | "
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "'"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "'"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " | "
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "baz"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "'"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "'"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "baz"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": ";"
-                                        }
-                                      ]
+                                      "type": "text",
+                                      "value": "'"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
+                                    {
+                                      "type": "text",
+                                      "value": ";"
                                     }
                                   ]
                                 },
                                 {
-                                  "type": "text",
-                                  "value": "\n"
+                                  "type": "element",
+                                  "tagName": "br",
+                                  "properties": {},
+                                  "children": []
                                 },
                                 {
                                   "type": "element",
                                   "tagName": "span",
                                   "properties": {
-                                    "class": "line"
+                                    "style": "color:#666666"
                                   },
                                   "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "}"
-                                        }
-                                      ]
+                                      "type": "text",
+                                      "value": "}"
                                     }
                                   ]
                                 }
@@ -4612,177 +4420,168 @@
                                   "type": "element",
                                   "tagName": "span",
                                   "properties": {
-                                    "class": "line"
+                                    "style": "color:#80A665"
                                   },
                                   "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#80A665"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "test"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "test"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": ":"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": ":"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " \""
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " \""
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "foo"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "foo"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "\""
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "\""
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#CB7676"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#CB7676"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " |"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " |"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " \""
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " \""
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "bar"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "bar"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "\""
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "\""
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#CB7676"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#CB7676"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " |"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " |"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " \""
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " \""
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "baz"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "baz"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "\""
-                                        }
-                                      ]
+                                      "type": "text",
+                                      "value": "\""
                                     }
                                   ]
                                 }
diff --git a/packages/twoslash/test/out/completion-string.ts.html b/packages/twoslash/test/out/completion-string.ts.html
index 88ef08987..6c890a308 100644
--- a/packages/twoslash/test/out/completion-string.ts.html
+++ b/packages/twoslash/test/out/completion-string.ts.html
@@ -1,3 +1,3 @@
-<link rel="stylesheet" href="../../style-rich.css" /><pre class="shiki github-dark twoslash lsp" style="background-color:#24292e;color:#e1e4e8" tabindex="0"><code><span class="line"><span style="color:#F97583">type</span><span style="color:#B392F0"> </span><span style="color:#B392F0"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span class="line"><span style="color:#F97583">type</span><span style="color:#B392F0"> A</span><span style="color:#F97583"> =</span><span style="color:#9ECBFF"> "@foo"</span><span style="color:#F97583"> |</span><span style="color:#9ECBFF"> "@bar"</span><span style="color:#F97583"> |</span><span style="color:#9ECBFF"> "/foo"</span><span style="color:#F97583"> |</span><span style="color:#9ECBFF"> "/bar"</span></span></code></span>A</span></span><span style="color:#F97583"> =</span><span style="color:#9ECBFF"> '@foo'</span><span style="color:#F97583"> |</span><span style="color:#9ECBFF"> '@bar'</span><span style="color:#F97583"> |</span><span style="color:#9ECBFF"> '/foo'</span><span style="color:#F97583"> |</span><span style="color:#9ECBFF"> '/bar'</span></span>
+<link rel="stylesheet" href="../../style-rich.css" /><pre class="shiki github-dark twoslash lsp" style="background-color:#24292e;color:#e1e4e8" tabindex="0"><code><span class="line"><span style="color:#F97583">type</span><span style="color:#B392F0"> </span><span style="color:#B392F0"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span style="color:#F97583">type</span><span style="color:#B392F0"> A</span><span style="color:#F97583"> =</span><span style="color:#9ECBFF"> "@foo"</span><span style="color:#F97583"> |</span><span style="color:#9ECBFF"> "@bar"</span><span style="color:#F97583"> |</span><span style="color:#9ECBFF"> "/foo"</span><span style="color:#F97583"> |</span><span style="color:#9ECBFF"> "/bar"</span></code></span>A</span></span><span style="color:#F97583"> =</span><span style="color:#9ECBFF"> '@foo'</span><span style="color:#F97583"> |</span><span style="color:#9ECBFF"> '@bar'</span><span style="color:#F97583"> |</span><span style="color:#9ECBFF"> '/foo'</span><span style="color:#F97583"> |</span><span style="color:#9ECBFF"> '/bar'</span></span>
 <span class="line"></span>
-<span class="line"><span style="color:#F97583">const</span><span style="color:#79B8FF"> </span><span class="twoslash-error"><span style="color:#79B8FF">a</span></span><span style="color:#F97583">:</span><span style="color:#B392F0"> </span><span style="color:#B392F0"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span class="line"><span style="color:#F97583">type</span><span style="color:#B392F0"> A</span><span style="color:#F97583"> =</span><span style="color:#9ECBFF"> "@foo"</span><span style="color:#F97583"> |</span><span style="color:#9ECBFF"> "@bar"</span><span style="color:#F97583"> |</span><span style="color:#9ECBFF"> "/foo"</span><span style="color:#F97583"> |</span><span style="color:#9ECBFF"> "/bar"</span></span></code></span>A</span></span><span style="color:#F97583"> =</span><span style="color:#9ECBFF"><span> '@<span class="twoslash-completion-cursor"><ul class="twoslash-completion-list"><li><span class="twoslash-completions-icon completions-string"><svg viewBox="0 0 32 32"><path fill="currentColor" d="M29 22h-5a2.003 2.003 0 0 1-2-2v-6a2.002 2.002 0 0 1 2-2h5v2h-5v6h5zM18 12h-4V8h-2v14h6a2.003 2.003 0 0 0 2-2v-6a2.002 2.002 0 0 0-2-2m-4 8v-6h4v6zm-6-8H3v2h5v2H4a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h6v-8a2.002 2.002 0 0 0-2-2m0 8H4v-2h4z"></path></svg></span><span><span class="twoslash-completions-matched">@</span><span class="twoslash-completions-unmatched">foo</span></span></li><li><span class="twoslash-completions-icon completions-string"><svg viewBox="0 0 32 32"><path fill="currentColor" d="M29 22h-5a2.003 2.003 0 0 1-2-2v-6a2.002 2.002 0 0 1 2-2h5v2h-5v6h5zM18 12h-4V8h-2v14h6a2.003 2.003 0 0 0 2-2v-6a2.002 2.002 0 0 0-2-2m-4 8v-6h4v6zm-6-8H3v2h5v2H4a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h6v-8a2.002 2.002 0 0 0-2-2m0 8H4v-2h4z"></path></svg></span><span><span class="twoslash-completions-matched">@</span><span class="twoslash-completions-unmatched">bar</span></span></li></ul></span></span></span><span style="color:#9ECBFF">'</span></span><div class="twoslash-meta-line twoslash-error-line">Type '"@"' is not assignable to type 'A'.</div><span class="line"></span></code></pre>
\ No newline at end of file
+<span class="line"><span style="color:#F97583">const</span><span style="color:#79B8FF"> </span><span class="twoslash-error"><span style="color:#79B8FF">a</span></span><span style="color:#F97583">:</span><span style="color:#B392F0"> </span><span style="color:#B392F0"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span style="color:#F97583">type</span><span style="color:#B392F0"> A</span><span style="color:#F97583"> =</span><span style="color:#9ECBFF"> "@foo"</span><span style="color:#F97583"> |</span><span style="color:#9ECBFF"> "@bar"</span><span style="color:#F97583"> |</span><span style="color:#9ECBFF"> "/foo"</span><span style="color:#F97583"> |</span><span style="color:#9ECBFF"> "/bar"</span></code></span>A</span></span><span style="color:#F97583"> =</span><span style="color:#9ECBFF"><span> '@<span class="twoslash-completion-cursor"><ul class="twoslash-completion-list"><li><span class="twoslash-completions-icon completions-string"><svg viewBox="0 0 32 32"><path fill="currentColor" d="M29 22h-5a2.003 2.003 0 0 1-2-2v-6a2.002 2.002 0 0 1 2-2h5v2h-5v6h5zM18 12h-4V8h-2v14h6a2.003 2.003 0 0 0 2-2v-6a2.002 2.002 0 0 0-2-2m-4 8v-6h4v6zm-6-8H3v2h5v2H4a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h6v-8a2.002 2.002 0 0 0-2-2m0 8H4v-2h4z"></path></svg></span><span><span class="twoslash-completions-matched">@</span><span class="twoslash-completions-unmatched">foo</span></span></li><li><span class="twoslash-completions-icon completions-string"><svg viewBox="0 0 32 32"><path fill="currentColor" d="M29 22h-5a2.003 2.003 0 0 1-2-2v-6a2.002 2.002 0 0 1 2-2h5v2h-5v6h5zM18 12h-4V8h-2v14h6a2.003 2.003 0 0 0 2-2v-6a2.002 2.002 0 0 0-2-2m-4 8v-6h4v6zm-6-8H3v2h5v2H4a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h6v-8a2.002 2.002 0 0 0-2-2m0 8H4v-2h4z"></path></svg></span><span><span class="twoslash-completions-matched">@</span><span class="twoslash-completions-unmatched">bar</span></span></li></ul></span></span></span><span style="color:#9ECBFF">'</span></span><div class="twoslash-meta-line twoslash-error-line">Type '"@"' is not assignable to type 'A'.</div><span class="line"></span></code></pre>
\ No newline at end of file
diff --git a/packages/twoslash/test/out/completion-string.ts.json b/packages/twoslash/test/out/completion-string.ts.json
index 338160f7d..8e8bf24e9 100644
--- a/packages/twoslash/test/out/completion-string.ts.json
+++ b/packages/twoslash/test/out/completion-string.ts.json
@@ -86,138 +86,129 @@
                                   "type": "element",
                                   "tagName": "span",
                                   "properties": {
-                                    "class": "line"
+                                    "style": "color:#F97583"
                                   },
                                   "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#F97583"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "type"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "type"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#B392F0"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#B392F0"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " A"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " A"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#F97583"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#F97583"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " ="
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " ="
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#9ECBFF"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#9ECBFF"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " \"@foo\""
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " \"@foo\""
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#F97583"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#F97583"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " |"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " |"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#9ECBFF"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#9ECBFF"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " \"@bar\""
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " \"@bar\""
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#F97583"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#F97583"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " |"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " |"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#9ECBFF"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#9ECBFF"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " \"/foo\""
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " \"/foo\""
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#F97583"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#F97583"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " |"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " |"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#9ECBFF"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#9ECBFF"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " \"/bar\""
-                                        }
-                                      ]
+                                      "type": "text",
+                                      "value": " \"/bar\""
                                     }
                                   ]
                                 }
@@ -469,138 +460,129 @@
                                   "type": "element",
                                   "tagName": "span",
                                   "properties": {
-                                    "class": "line"
+                                    "style": "color:#F97583"
                                   },
                                   "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#F97583"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "type"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "type"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#B392F0"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#B392F0"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " A"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " A"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#F97583"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#F97583"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " ="
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " ="
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#9ECBFF"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#9ECBFF"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " \"@foo\""
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " \"@foo\""
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#F97583"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#F97583"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " |"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " |"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#9ECBFF"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#9ECBFF"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " \"@bar\""
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " \"@bar\""
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#F97583"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#F97583"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " |"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " |"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#9ECBFF"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#9ECBFF"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " \"/foo\""
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " \"/foo\""
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#F97583"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#F97583"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " |"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " |"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#9ECBFF"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#9ECBFF"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " \"/bar\""
-                                        }
-                                      ]
+                                      "type": "text",
+                                      "value": " \"/bar\""
                                     }
                                   ]
                                 }
diff --git a/packages/twoslash/test/out/error-multi-tokens.html b/packages/twoslash/test/out/error-multi-tokens.html
index 34683ad90..fb758d704 100644
--- a/packages/twoslash/test/out/error-multi-tokens.html
+++ b/packages/twoslash/test/out/error-multi-tokens.html
@@ -1,2 +1,2 @@
 <link rel="stylesheet" href="../../style-rich.css" />
-<pre class="shiki vitesse-dark twoslash lsp" style="background-color:#121212;color:#dbd7caee" tabindex="0"><code><span class="line"><span style="color:#CB7676">const </span><span style="color:#BD976A"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span class="line"><span style="color:#CB7676">const </span><span style="color:#BD976A">x</span><span style="color:#666666">: [</span><span style="color:#5DA994">number</span><span style="color:#666666">]</span></span></code></span>x</span></span><span style="color:#666666">: [</span><span style="color:#5DA994">number</span><span style="color:#666666">] =</span><span style="color:#666666"> [</span><span class="twoslash-error"><span style="color:#C98A7D99">"</span><span style="color:#C98A7D">hello</span><span style="color:#C98A7D99">"</span></span><span style="color:#666666">]</span></span><div class="twoslash-meta-line twoslash-error-line">Type 'string' is not assignable to type 'number'.</div></code></pre>
\ No newline at end of file
+<pre class="shiki vitesse-dark twoslash lsp" style="background-color:#121212;color:#dbd7caee" tabindex="0"><code><span class="line"><span style="color:#CB7676">const </span><span style="color:#BD976A"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span style="color:#CB7676">const </span><span style="color:#BD976A">x</span><span style="color:#666666">: [</span><span style="color:#5DA994">number</span><span style="color:#666666">]</span></code></span>x</span></span><span style="color:#666666">: [</span><span style="color:#5DA994">number</span><span style="color:#666666">] =</span><span style="color:#666666"> [</span><span class="twoslash-error"><span style="color:#C98A7D99">"</span><span style="color:#C98A7D">hello</span><span style="color:#C98A7D99">"</span></span><span style="color:#666666">]</span></span><div class="twoslash-meta-line twoslash-error-line">Type 'string' is not assignable to type 'number'.</div></code></pre>
\ No newline at end of file
diff --git a/packages/twoslash/test/out/highlights.ts.html b/packages/twoslash/test/out/highlights.ts.html
index d44f8493b..a6b9a30e6 100644
--- a/packages/twoslash/test/out/highlights.ts.html
+++ b/packages/twoslash/test/out/highlights.ts.html
@@ -1,8 +1,8 @@
-<link rel="stylesheet" href="../../style-rich.css" /><pre class="shiki vitesse-dark twoslash lsp" style="background-color:#121212;color:#dbd7caee" tabindex="0"><code><span class="line"><span style="color:#CB7676">type</span><span style="color:#5DA994"> </span><span class="twoslash-highlighted"><span style="color:#5DA994"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span class="line"><span style="color:#CB7676">type</span><span style="color:#5DA994"> Result</span><span style="color:#666666"> =</span><span style="color:#C98A7D99"> "</span><span style="color:#C98A7D">pass</span><span style="color:#C98A7D99">"</span><span style="color:#666666"> |</span><span style="color:#C98A7D99"> "</span><span style="color:#C98A7D">fail</span><span style="color:#C98A7D99">"</span></span></code></span>Result</span></span></span><span style="color:#666666"> =</span><span style="color:#C98A7D99"> "</span><span style="color:#C98A7D">pass</span><span style="color:#C98A7D99">"</span><span style="color:#666666"> |</span><span style="color:#C98A7D99"> "</span><span style="color:#C98A7D">fail</span><span style="color:#C98A7D99">"</span></span>
+<link rel="stylesheet" href="../../style-rich.css" /><pre class="shiki vitesse-dark twoslash lsp" style="background-color:#121212;color:#dbd7caee" tabindex="0"><code><span class="line"><span style="color:#CB7676">type</span><span style="color:#5DA994"> </span><span class="twoslash-highlighted"><span style="color:#5DA994"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span style="color:#CB7676">type</span><span style="color:#5DA994"> Result</span><span style="color:#666666"> =</span><span style="color:#C98A7D99"> "</span><span style="color:#C98A7D">pass</span><span style="color:#C98A7D99">"</span><span style="color:#666666"> |</span><span style="color:#C98A7D99"> "</span><span style="color:#C98A7D">fail</span><span style="color:#C98A7D99">"</span></code></span>Result</span></span></span><span style="color:#666666"> =</span><span style="color:#C98A7D99"> "</span><span style="color:#C98A7D">pass</span><span style="color:#C98A7D99">"</span><span style="color:#666666"> |</span><span style="color:#C98A7D99"> "</span><span style="color:#C98A7D">fail</span><span style="color:#C98A7D99">"</span></span>
 <span class="line"></span>
-<span class="line"><span style="color:#CB7676">const </span><span class="twoslash-highlighted"><span style="color:#BD976A"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span class="line"><span style="color:#CB7676">const </span><span style="color:#BD976A">hello</span><span style="color:#666666">: </span><span style="color:#C98A7D99">"</span><span style="color:#C98A7D">OK</span><span style="color:#C98A7D99">"</span></span></code></span>he</span></span></span><span style="color:#BD976A"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span class="line"><span style="color:#CB7676">const </span><span style="color:#BD976A">hello</span><span style="color:#666666">: </span><span style="color:#C98A7D99">"</span><span style="color:#C98A7D">OK</span><span style="color:#C98A7D99">"</span></span></code></span>llo</span></span><span style="color:#666666"> =</span><span style="color:#C98A7D99"> "</span><span style="color:#C98A7D">OK</span><span style="color:#C98A7D99">"</span></span>
+<span class="line"><span style="color:#CB7676">const </span><span class="twoslash-highlighted"><span style="color:#BD976A"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span style="color:#CB7676">const </span><span style="color:#BD976A">hello</span><span style="color:#666666">: </span><span style="color:#C98A7D99">"</span><span style="color:#C98A7D">OK</span><span style="color:#C98A7D99">"</span></code></span>he</span></span></span><span style="color:#BD976A"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span style="color:#CB7676">const </span><span style="color:#BD976A">hello</span><span style="color:#666666">: </span><span style="color:#C98A7D99">"</span><span style="color:#C98A7D">OK</span><span style="color:#C98A7D99">"</span></code></span>llo</span></span><span style="color:#666666"> =</span><span style="color:#C98A7D99"> "</span><span style="color:#C98A7D">OK</span><span style="color:#C98A7D99">"</span></span>
 <span class="line"></span>
-<span class="line"><span style="color:#CB7676">cons</span><span class="twoslash-highlighted"><span style="color:#CB7676">t </span><span style="color:#BD976A"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span class="line"><span style="color:#CB7676">const </span><span style="color:#BD976A">world</span><span style="color:#666666">: </span><span style="color:#C98A7D99">"</span><span style="color:#C98A7D">OK</span><span style="color:#C98A7D99">"</span></span></code></span>worl</span></span></span><span style="color:#BD976A"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span class="line"><span style="color:#CB7676">const </span><span style="color:#BD976A">world</span><span style="color:#666666">: </span><span style="color:#C98A7D99">"</span><span style="color:#C98A7D">OK</span><span style="color:#C98A7D99">"</span></span></code></span>d</span></span><span style="color:#666666"> =</span><span style="color:#C98A7D99"> "</span><span style="color:#C98A7D">OK</span><span style="color:#C98A7D99">"</span></span>
+<span class="line"><span style="color:#CB7676">cons</span><span class="twoslash-highlighted"><span style="color:#CB7676">t </span><span style="color:#BD976A"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span style="color:#CB7676">const </span><span style="color:#BD976A">world</span><span style="color:#666666">: </span><span style="color:#C98A7D99">"</span><span style="color:#C98A7D">OK</span><span style="color:#C98A7D99">"</span></code></span>worl</span></span></span><span style="color:#BD976A"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span style="color:#CB7676">const </span><span style="color:#BD976A">world</span><span style="color:#666666">: </span><span style="color:#C98A7D99">"</span><span style="color:#C98A7D">OK</span><span style="color:#C98A7D99">"</span></code></span>d</span></span><span style="color:#666666"> =</span><span style="color:#C98A7D99"> "</span><span style="color:#C98A7D">OK</span><span style="color:#C98A7D99">"</span></span>
 <span class="line"></span>
-<span class="line"><span style="color:#BD976A"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span class="line"><span style="color:#CB7676">var </span><span style="color:#BD976A">console</span><span style="color:#666666">: </span><span style="color:#5DA994">Console</span></span></code></span>console</span></span><span style="color:#666666">.</span><span style="color:#80A665"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span class="line"><span style="color:#BD976A">Console</span><span style="color:#666666">.</span><span style="color:#80A665">log</span><span style="color:#666666">(...</span><span style="color:#BD976A">data</span><span style="color:#DBD7CAEE">: </span><span style="color:#BD976A">any</span><span style="color:#666666">[])</span><span style="color:#DBD7CAEE">: </span><span style="color:#CB7676">void</span></span></code><div class="twoslash-popup-docs">[MDN Reference](https://developer.mozilla.org/docs/Web/API/console/log_static)</div></span>log</span></span><span style="color:#666666">(</span><span class="twoslash-highlighted"><span style="color:#C98A7D99">"</span><span style="color:#C98A7D">OK</span><span style="color:#C98A7D99">"</span><span style="color:#666666">)</span></span></span>
+<span class="line"><span style="color:#BD976A"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span style="color:#CB7676">var </span><span style="color:#BD976A">console</span><span style="color:#666666">: </span><span style="color:#5DA994">Console</span></code></span>console</span></span><span style="color:#666666">.</span><span style="color:#80A665"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span style="color:#BD976A">Console</span><span style="color:#666666">.</span><span style="color:#80A665">log</span><span style="color:#666666">(...</span><span style="color:#BD976A">data</span><span style="color:#DBD7CAEE">: </span><span style="color:#BD976A">any</span><span style="color:#666666">[])</span><span style="color:#DBD7CAEE">: </span><span style="color:#CB7676">void</span></code><div class="twoslash-popup-docs">[MDN Reference](https://developer.mozilla.org/docs/Web/API/console/log_static)</div></span>log</span></span><span style="color:#666666">(</span><span class="twoslash-highlighted"><span style="color:#C98A7D99">"</span><span style="color:#C98A7D">OK</span><span style="color:#C98A7D99">"</span><span style="color:#666666">)</span></span></span>
 <span class="line"></span></code></pre>
\ No newline at end of file
diff --git a/packages/twoslash/test/out/highlights.ts.json b/packages/twoslash/test/out/highlights.ts.json
index e0cd128d3..9570d0608 100644
--- a/packages/twoslash/test/out/highlights.ts.json
+++ b/packages/twoslash/test/out/highlights.ts.json
@@ -93,138 +93,129 @@
                                       "type": "element",
                                       "tagName": "span",
                                       "properties": {
-                                        "class": "line"
+                                        "style": "color:#CB7676"
                                       },
                                       "children": [
                                         {
-                                          "type": "element",
-                                          "tagName": "span",
-                                          "properties": {
-                                            "style": "color:#CB7676"
-                                          },
-                                          "children": [
-                                            {
-                                              "type": "text",
-                                              "value": "type"
-                                            }
-                                          ]
-                                        },
+                                          "type": "text",
+                                          "value": "type"
+                                        }
+                                      ]
+                                    },
+                                    {
+                                      "type": "element",
+                                      "tagName": "span",
+                                      "properties": {
+                                        "style": "color:#5DA994"
+                                      },
+                                      "children": [
                                         {
-                                          "type": "element",
-                                          "tagName": "span",
-                                          "properties": {
-                                            "style": "color:#5DA994"
-                                          },
-                                          "children": [
-                                            {
-                                              "type": "text",
-                                              "value": " Result"
-                                            }
-                                          ]
-                                        },
+                                          "type": "text",
+                                          "value": " Result"
+                                        }
+                                      ]
+                                    },
+                                    {
+                                      "type": "element",
+                                      "tagName": "span",
+                                      "properties": {
+                                        "style": "color:#666666"
+                                      },
+                                      "children": [
                                         {
-                                          "type": "element",
-                                          "tagName": "span",
-                                          "properties": {
-                                            "style": "color:#666666"
-                                          },
-                                          "children": [
-                                            {
-                                              "type": "text",
-                                              "value": " ="
-                                            }
-                                          ]
-                                        },
+                                          "type": "text",
+                                          "value": " ="
+                                        }
+                                      ]
+                                    },
+                                    {
+                                      "type": "element",
+                                      "tagName": "span",
+                                      "properties": {
+                                        "style": "color:#C98A7D99"
+                                      },
+                                      "children": [
                                         {
-                                          "type": "element",
-                                          "tagName": "span",
-                                          "properties": {
-                                            "style": "color:#C98A7D99"
-                                          },
-                                          "children": [
-                                            {
-                                              "type": "text",
-                                              "value": " \""
-                                            }
-                                          ]
-                                        },
+                                          "type": "text",
+                                          "value": " \""
+                                        }
+                                      ]
+                                    },
+                                    {
+                                      "type": "element",
+                                      "tagName": "span",
+                                      "properties": {
+                                        "style": "color:#C98A7D"
+                                      },
+                                      "children": [
                                         {
-                                          "type": "element",
-                                          "tagName": "span",
-                                          "properties": {
-                                            "style": "color:#C98A7D"
-                                          },
-                                          "children": [
-                                            {
-                                              "type": "text",
-                                              "value": "pass"
-                                            }
-                                          ]
-                                        },
+                                          "type": "text",
+                                          "value": "pass"
+                                        }
+                                      ]
+                                    },
+                                    {
+                                      "type": "element",
+                                      "tagName": "span",
+                                      "properties": {
+                                        "style": "color:#C98A7D99"
+                                      },
+                                      "children": [
                                         {
-                                          "type": "element",
-                                          "tagName": "span",
-                                          "properties": {
-                                            "style": "color:#C98A7D99"
-                                          },
-                                          "children": [
-                                            {
-                                              "type": "text",
-                                              "value": "\""
-                                            }
-                                          ]
-                                        },
+                                          "type": "text",
+                                          "value": "\""
+                                        }
+                                      ]
+                                    },
+                                    {
+                                      "type": "element",
+                                      "tagName": "span",
+                                      "properties": {
+                                        "style": "color:#666666"
+                                      },
+                                      "children": [
                                         {
-                                          "type": "element",
-                                          "tagName": "span",
-                                          "properties": {
-                                            "style": "color:#666666"
-                                          },
-                                          "children": [
-                                            {
-                                              "type": "text",
-                                              "value": " |"
-                                            }
-                                          ]
-                                        },
+                                          "type": "text",
+                                          "value": " |"
+                                        }
+                                      ]
+                                    },
+                                    {
+                                      "type": "element",
+                                      "tagName": "span",
+                                      "properties": {
+                                        "style": "color:#C98A7D99"
+                                      },
+                                      "children": [
                                         {
-                                          "type": "element",
-                                          "tagName": "span",
-                                          "properties": {
-                                            "style": "color:#C98A7D99"
-                                          },
-                                          "children": [
-                                            {
-                                              "type": "text",
-                                              "value": " \""
-                                            }
-                                          ]
-                                        },
+                                          "type": "text",
+                                          "value": " \""
+                                        }
+                                      ]
+                                    },
+                                    {
+                                      "type": "element",
+                                      "tagName": "span",
+                                      "properties": {
+                                        "style": "color:#C98A7D"
+                                      },
+                                      "children": [
                                         {
-                                          "type": "element",
-                                          "tagName": "span",
-                                          "properties": {
-                                            "style": "color:#C98A7D"
-                                          },
-                                          "children": [
-                                            {
-                                              "type": "text",
-                                              "value": "fail"
-                                            }
-                                          ]
-                                        },
+                                          "type": "text",
+                                          "value": "fail"
+                                        }
+                                      ]
+                                    },
+                                    {
+                                      "type": "element",
+                                      "tagName": "span",
+                                      "properties": {
+                                        "style": "color:#C98A7D99"
+                                      },
+                                      "children": [
                                         {
-                                          "type": "element",
-                                          "tagName": "span",
-                                          "properties": {
-                                            "style": "color:#C98A7D99"
-                                          },
-                                          "children": [
-                                            {
-                                              "type": "text",
-                                              "value": "\""
-                                            }
-                                          ]
+                                          "type": "text",
+                                          "value": "\""
                                         }
                                       ]
                                     }
@@ -419,143 +410,6 @@
                                   "properties": {
                                     "class": "twoslash-popup-code"
                                   },
-                                  "children": [
-                                    {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "class": "line"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "element",
-                                          "tagName": "span",
-                                          "properties": {
-                                            "style": "color:#CB7676"
-                                          },
-                                          "children": [
-                                            {
-                                              "type": "text",
-                                              "value": "const "
-                                            }
-                                          ]
-                                        },
-                                        {
-                                          "type": "element",
-                                          "tagName": "span",
-                                          "properties": {
-                                            "style": "color:#BD976A"
-                                          },
-                                          "children": [
-                                            {
-                                              "type": "text",
-                                              "value": "hello"
-                                            }
-                                          ]
-                                        },
-                                        {
-                                          "type": "element",
-                                          "tagName": "span",
-                                          "properties": {
-                                            "style": "color:#666666"
-                                          },
-                                          "children": [
-                                            {
-                                              "type": "text",
-                                              "value": ": "
-                                            }
-                                          ]
-                                        },
-                                        {
-                                          "type": "element",
-                                          "tagName": "span",
-                                          "properties": {
-                                            "style": "color:#C98A7D99"
-                                          },
-                                          "children": [
-                                            {
-                                              "type": "text",
-                                              "value": "\""
-                                            }
-                                          ]
-                                        },
-                                        {
-                                          "type": "element",
-                                          "tagName": "span",
-                                          "properties": {
-                                            "style": "color:#C98A7D"
-                                          },
-                                          "children": [
-                                            {
-                                              "type": "text",
-                                              "value": "OK"
-                                            }
-                                          ]
-                                        },
-                                        {
-                                          "type": "element",
-                                          "tagName": "span",
-                                          "properties": {
-                                            "style": "color:#C98A7D99"
-                                          },
-                                          "children": [
-                                            {
-                                              "type": "text",
-                                              "value": "\""
-                                            }
-                                          ]
-                                        }
-                                      ]
-                                    }
-                                  ]
-                                }
-                              ]
-                            },
-                            {
-                              "type": "text",
-                              "value": "he"
-                            }
-                          ]
-                        }
-                      ]
-                    }
-                  ]
-                },
-                {
-                  "type": "element",
-                  "tagName": "span",
-                  "properties": {
-                    "style": "color:#BD976A"
-                  },
-                  "children": [
-                    {
-                      "type": "element",
-                      "value": "llo",
-                      "tagName": "span",
-                      "properties": {
-                        "class": "twoslash-hover"
-                      },
-                      "children": [
-                        {
-                          "type": "element",
-                          "tagName": "span",
-                          "properties": {
-                            "class": "twoslash-popup-container"
-                          },
-                          "children": [
-                            {
-                              "type": "element",
-                              "tagName": "code",
-                              "properties": {
-                                "class": "twoslash-popup-code"
-                              },
-                              "children": [
-                                {
-                                  "type": "element",
-                                  "tagName": "span",
-                                  "properties": {
-                                    "class": "line"
-                                  },
                                   "children": [
                                     {
                                       "type": "element",
@@ -638,12 +492,12 @@
                                   ]
                                 }
                               ]
+                            },
+                            {
+                              "type": "text",
+                              "value": "he"
                             }
                           ]
-                        },
-                        {
-                          "type": "text",
-                          "value": "llo"
                         }
                       ]
                     }
@@ -653,237 +507,116 @@
                   "type": "element",
                   "tagName": "span",
                   "properties": {
-                    "style": "color:#666666"
-                  },
-                  "children": [
-                    {
-                      "type": "text",
-                      "value": " ="
-                    }
-                  ]
-                },
-                {
-                  "type": "element",
-                  "tagName": "span",
-                  "properties": {
-                    "style": "color:#C98A7D99"
-                  },
-                  "children": [
-                    {
-                      "type": "text",
-                      "value": " \""
-                    }
-                  ]
-                },
-                {
-                  "type": "element",
-                  "tagName": "span",
-                  "properties": {
-                    "style": "color:#C98A7D"
-                  },
-                  "children": [
-                    {
-                      "type": "text",
-                      "value": "OK"
-                    }
-                  ]
-                },
-                {
-                  "type": "element",
-                  "tagName": "span",
-                  "properties": {
-                    "style": "color:#C98A7D99"
-                  },
-                  "children": [
-                    {
-                      "type": "text",
-                      "value": "\""
-                    }
-                  ]
-                }
-              ]
-            },
-            {
-              "type": "text",
-              "value": "\n"
-            },
-            {
-              "type": "element",
-              "tagName": "span",
-              "properties": {
-                "class": "line"
-              },
-              "children": []
-            },
-            {
-              "type": "text",
-              "value": "\n"
-            },
-            {
-              "type": "element",
-              "tagName": "span",
-              "properties": {
-                "class": "line"
-              },
-              "children": [
-                {
-                  "type": "element",
-                  "tagName": "span",
-                  "properties": {
-                    "style": "color:#CB7676"
-                  },
-                  "children": [
-                    {
-                      "type": "text",
-                      "value": "cons"
-                    }
-                  ]
-                },
-                {
-                  "type": "element",
-                  "tagName": "span",
-                  "properties": {
-                    "class": "twoslash-highlighted"
+                    "style": "color:#BD976A"
                   },
                   "children": [
                     {
                       "type": "element",
+                      "value": "llo",
                       "tagName": "span",
                       "properties": {
-                        "style": "color:#CB7676"
-                      },
-                      "children": [
-                        {
-                          "type": "text",
-                          "value": "t "
-                        }
-                      ]
-                    },
-                    {
-                      "type": "element",
-                      "tagName": "span",
-                      "properties": {
-                        "style": "color:#BD976A"
+                        "class": "twoslash-hover"
                       },
                       "children": [
                         {
                           "type": "element",
-                          "value": "worl",
                           "tagName": "span",
                           "properties": {
-                            "class": "twoslash-hover"
+                            "class": "twoslash-popup-container"
                           },
                           "children": [
                             {
                               "type": "element",
-                              "tagName": "span",
+                              "tagName": "code",
                               "properties": {
-                                "class": "twoslash-popup-container"
+                                "class": "twoslash-popup-code"
                               },
                               "children": [
                                 {
                                   "type": "element",
-                                  "tagName": "code",
+                                  "tagName": "span",
                                   "properties": {
-                                    "class": "twoslash-popup-code"
+                                    "style": "color:#CB7676"
                                   },
                                   "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "class": "line"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "element",
-                                          "tagName": "span",
-                                          "properties": {
-                                            "style": "color:#CB7676"
-                                          },
-                                          "children": [
-                                            {
-                                              "type": "text",
-                                              "value": "const "
-                                            }
-                                          ]
-                                        },
-                                        {
-                                          "type": "element",
-                                          "tagName": "span",
-                                          "properties": {
-                                            "style": "color:#BD976A"
-                                          },
-                                          "children": [
-                                            {
-                                              "type": "text",
-                                              "value": "world"
-                                            }
-                                          ]
-                                        },
-                                        {
-                                          "type": "element",
-                                          "tagName": "span",
-                                          "properties": {
-                                            "style": "color:#666666"
-                                          },
-                                          "children": [
-                                            {
-                                              "type": "text",
-                                              "value": ": "
-                                            }
-                                          ]
-                                        },
-                                        {
-                                          "type": "element",
-                                          "tagName": "span",
-                                          "properties": {
-                                            "style": "color:#C98A7D99"
-                                          },
-                                          "children": [
-                                            {
-                                              "type": "text",
-                                              "value": "\""
-                                            }
-                                          ]
-                                        },
-                                        {
-                                          "type": "element",
-                                          "tagName": "span",
-                                          "properties": {
-                                            "style": "color:#C98A7D"
-                                          },
-                                          "children": [
-                                            {
-                                              "type": "text",
-                                              "value": "OK"
-                                            }
-                                          ]
-                                        },
-                                        {
-                                          "type": "element",
-                                          "tagName": "span",
-                                          "properties": {
-                                            "style": "color:#C98A7D99"
-                                          },
-                                          "children": [
-                                            {
-                                              "type": "text",
-                                              "value": "\""
-                                            }
-                                          ]
-                                        }
-                                      ]
+                                      "type": "text",
+                                      "value": "const "
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#BD976A"
+                                  },
+                                  "children": [
+                                    {
+                                      "type": "text",
+                                      "value": "hello"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
+                                    {
+                                      "type": "text",
+                                      "value": ": "
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
+                                    {
+                                      "type": "text",
+                                      "value": "\""
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D"
+                                  },
+                                  "children": [
+                                    {
+                                      "type": "text",
+                                      "value": "OK"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
+                                    {
+                                      "type": "text",
+                                      "value": "\""
                                     }
                                   ]
                                 }
                               ]
-                            },
-                            {
-                              "type": "text",
-                              "value": "worl"
                             }
                           ]
+                        },
+                        {
+                          "type": "text",
+                          "value": "llo"
                         }
                       ]
                     }
@@ -893,36 +626,139 @@
                   "type": "element",
                   "tagName": "span",
                   "properties": {
-                    "style": "color:#BD976A"
+                    "style": "color:#666666"
+                  },
+                  "children": [
+                    {
+                      "type": "text",
+                      "value": " ="
+                    }
+                  ]
+                },
+                {
+                  "type": "element",
+                  "tagName": "span",
+                  "properties": {
+                    "style": "color:#C98A7D99"
+                  },
+                  "children": [
+                    {
+                      "type": "text",
+                      "value": " \""
+                    }
+                  ]
+                },
+                {
+                  "type": "element",
+                  "tagName": "span",
+                  "properties": {
+                    "style": "color:#C98A7D"
+                  },
+                  "children": [
+                    {
+                      "type": "text",
+                      "value": "OK"
+                    }
+                  ]
+                },
+                {
+                  "type": "element",
+                  "tagName": "span",
+                  "properties": {
+                    "style": "color:#C98A7D99"
+                  },
+                  "children": [
+                    {
+                      "type": "text",
+                      "value": "\""
+                    }
+                  ]
+                }
+              ]
+            },
+            {
+              "type": "text",
+              "value": "\n"
+            },
+            {
+              "type": "element",
+              "tagName": "span",
+              "properties": {
+                "class": "line"
+              },
+              "children": []
+            },
+            {
+              "type": "text",
+              "value": "\n"
+            },
+            {
+              "type": "element",
+              "tagName": "span",
+              "properties": {
+                "class": "line"
+              },
+              "children": [
+                {
+                  "type": "element",
+                  "tagName": "span",
+                  "properties": {
+                    "style": "color:#CB7676"
+                  },
+                  "children": [
+                    {
+                      "type": "text",
+                      "value": "cons"
+                    }
+                  ]
+                },
+                {
+                  "type": "element",
+                  "tagName": "span",
+                  "properties": {
+                    "class": "twoslash-highlighted"
                   },
                   "children": [
                     {
                       "type": "element",
-                      "value": "d",
                       "tagName": "span",
                       "properties": {
-                        "class": "twoslash-hover"
+                        "style": "color:#CB7676"
+                      },
+                      "children": [
+                        {
+                          "type": "text",
+                          "value": "t "
+                        }
+                      ]
+                    },
+                    {
+                      "type": "element",
+                      "tagName": "span",
+                      "properties": {
+                        "style": "color:#BD976A"
                       },
                       "children": [
                         {
                           "type": "element",
+                          "value": "worl",
                           "tagName": "span",
                           "properties": {
-                            "class": "twoslash-popup-container"
+                            "class": "twoslash-hover"
                           },
                           "children": [
                             {
                               "type": "element",
-                              "tagName": "code",
+                              "tagName": "span",
                               "properties": {
-                                "class": "twoslash-popup-code"
+                                "class": "twoslash-popup-container"
                               },
                               "children": [
                                 {
                                   "type": "element",
-                                  "tagName": "span",
+                                  "tagName": "code",
                                   "properties": {
-                                    "class": "line"
+                                    "class": "twoslash-popup-code"
                                   },
                                   "children": [
                                     {
@@ -1006,6 +842,125 @@
                                   ]
                                 }
                               ]
+                            },
+                            {
+                              "type": "text",
+                              "value": "worl"
+                            }
+                          ]
+                        }
+                      ]
+                    }
+                  ]
+                },
+                {
+                  "type": "element",
+                  "tagName": "span",
+                  "properties": {
+                    "style": "color:#BD976A"
+                  },
+                  "children": [
+                    {
+                      "type": "element",
+                      "value": "d",
+                      "tagName": "span",
+                      "properties": {
+                        "class": "twoslash-hover"
+                      },
+                      "children": [
+                        {
+                          "type": "element",
+                          "tagName": "span",
+                          "properties": {
+                            "class": "twoslash-popup-container"
+                          },
+                          "children": [
+                            {
+                              "type": "element",
+                              "tagName": "code",
+                              "properties": {
+                                "class": "twoslash-popup-code"
+                              },
+                              "children": [
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#CB7676"
+                                  },
+                                  "children": [
+                                    {
+                                      "type": "text",
+                                      "value": "const "
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#BD976A"
+                                  },
+                                  "children": [
+                                    {
+                                      "type": "text",
+                                      "value": "world"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
+                                    {
+                                      "type": "text",
+                                      "value": ": "
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
+                                    {
+                                      "type": "text",
+                                      "value": "\""
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D"
+                                  },
+                                  "children": [
+                                    {
+                                      "type": "text",
+                                      "value": "OK"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
+                                    {
+                                      "type": "text",
+                                      "value": "\""
+                                    }
+                                  ]
+                                }
+                              ]
                             }
                           ]
                         },
@@ -1127,60 +1082,51 @@
                                   "type": "element",
                                   "tagName": "span",
                                   "properties": {
-                                    "class": "line"
+                                    "style": "color:#CB7676"
                                   },
                                   "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#CB7676"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "var "
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "var "
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#BD976A"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#BD976A"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "console"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "console"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": ": "
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": ": "
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#5DA994"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#5DA994"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "Console"
-                                        }
-                                      ]
+                                      "type": "text",
+                                      "value": "Console"
                                     }
                                   ]
                                 }
@@ -1242,138 +1188,129 @@
                                   "type": "element",
                                   "tagName": "span",
                                   "properties": {
-                                    "class": "line"
+                                    "style": "color:#BD976A"
                                   },
                                   "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#BD976A"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "Console"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "Console"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "."
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "."
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#80A665"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#80A665"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "log"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "log"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "(..."
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "(..."
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#BD976A"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#BD976A"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "data"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "data"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#DBD7CAEE"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#DBD7CAEE"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": ": "
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": ": "
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#BD976A"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#BD976A"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "any"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "any"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "[])"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "[])"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#DBD7CAEE"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#DBD7CAEE"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": ": "
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": ": "
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#CB7676"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#CB7676"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "void"
-                                        }
-                                      ]
+                                      "type": "text",
+                                      "value": "void"
                                     }
                                   ]
                                 }
diff --git a/packages/twoslash/test/out/import-vue.ts.html b/packages/twoslash/test/out/import-vue.ts.html
index eaa10eb00..0f8e9e48c 100644
--- a/packages/twoslash/test/out/import-vue.ts.html
+++ b/packages/twoslash/test/out/import-vue.ts.html
@@ -1,6 +1,6 @@
-<link rel="stylesheet" href="../../style-rich.css" /><pre class="shiki vitesse-dark twoslash lsp" style="background-color:#121212;color:#dbd7caee" tabindex="0"><code><span class="line"><span style="color:#4D9375">import</span><span style="color:#666666"> {</span><span style="color:#BD976A"> </span><span style="color:#BD976A"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span class="line"><span style="color:#CB7676">function</span><span style="color:#80A665"> ref</span><span style="color:#666666">&#x3C;</span><span style="color:#5DA994">T</span><span style="color:#666666">>(</span><span style="color:#BD976A">value</span><span style="color:#666666">: </span><span style="color:#5DA994">T</span><span style="color:#666666">):</span><span style="color:#5DA994"> Ref</span><span style="color:#666666">&#x3C;</span><span style="color:#5DA994">UnwrapRef</span><span style="color:#666666">&#x3C;</span><span style="color:#5DA994">T</span><span style="color:#666666">>></span><span style="color:#666666"> (</span><span style="color:#DBD7CAEE">+</span><span style="color:#4C9A91">1</span><span style="color:#5DA994"> overload</span><span style="color:#666666">)</span></span></code><div class="twoslash-popup-docs">Takes an inner value and returns a reactive and mutable ref object, which
+<link rel="stylesheet" href="../../style-rich.css" /><pre class="shiki vitesse-dark twoslash lsp" style="background-color:#121212;color:#dbd7caee" tabindex="0"><code><span class="line"><span style="color:#4D9375">import</span><span style="color:#666666"> {</span><span style="color:#BD976A"> </span><span style="color:#BD976A"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span style="color:#CB7676">function</span><span style="color:#80A665"> ref</span><span style="color:#666666">&#x3C;</span><span style="color:#5DA994">T</span><span style="color:#666666">>(</span><span style="color:#BD976A">value</span><span style="color:#666666">: </span><span style="color:#5DA994">T</span><span style="color:#666666">):</span><span style="color:#5DA994"> Ref</span><span style="color:#666666">&#x3C;</span><span style="color:#5DA994">UnwrapRef</span><span style="color:#666666">&#x3C;</span><span style="color:#5DA994">T</span><span style="color:#666666">>></span><span style="color:#666666"> (</span><span style="color:#DBD7CAEE">+</span><span style="color:#4C9A91">1</span><span style="color:#5DA994"> overload</span><span style="color:#666666">)</span></code><div class="twoslash-popup-docs">Takes an inner value and returns a reactive and mutable ref object, which
 has a single property `.value` that points to the inner value.</div><div class="twoslash-popup-docs twoslash-popup-docs-tags"><span class="twoslash-popup-docs-tag"><span class="twoslash-popup-docs-tag-name">@param</span><span class="twoslash-popup-docs-tag-value">value - The object to wrap in the ref.</span></span><span class="twoslash-popup-docs-tag"><span class="twoslash-popup-docs-tag-name">@see</span><span class="twoslash-popup-docs-tag-value">{@link https://vuejs.org/api/reactivity-core.html#ref}</span></span></div></span>ref</span></span><span style="color:#666666"> }</span><span style="color:#4D9375"> from</span><span style="color:#C98A7D99"> "</span><span style="color:#C98A7D">vue</span><span style="color:#C98A7D99">"</span></span>
 <span class="line"></span>
-<span class="line"><span style="color:#CB7676">const </span><span style="color:#BD976A"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span class="line"><span style="color:#CB7676">const </span><span style="color:#BD976A">a</span><span style="color:#666666">: </span><span style="color:#5DA994">Ref</span><span style="color:#666666">&#x3C;</span><span style="color:#5DA994">number</span><span style="color:#666666">></span></span></code></span>a</span></span><span style="color:#666666"> =</span><span style="color:#80A665"> </span><span style="color:#80A665"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span class="line"><span style="color:#80A665">ref</span><span style="color:#666666">&#x3C;</span><span style="color:#5DA994">number</span><span style="color:#666666">>(</span><span style="color:#BD976A">value</span><span style="color:#DBD7CAEE">: </span><span style="color:#BD976A">number</span><span style="color:#666666">)</span><span style="color:#DBD7CAEE">: </span><span style="color:#80A665">Ref</span><span style="color:#666666">&#x3C;</span><span style="color:#5DA994">number</span><span style="color:#666666">></span><span style="color:#666666"> (</span><span style="color:#CB7676">+</span><span style="color:#4C9A91">1</span><span style="color:#BD976A"> overload</span><span style="color:#666666">)</span></span></code><div class="twoslash-popup-docs">Takes an inner value and returns a reactive and mutable ref object, which
+<span class="line"><span style="color:#CB7676">const </span><span style="color:#BD976A"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span style="color:#CB7676">const </span><span style="color:#BD976A">a</span><span style="color:#666666">: </span><span style="color:#5DA994">Ref</span><span style="color:#666666">&#x3C;</span><span style="color:#5DA994">number</span><span style="color:#666666">></span></code></span>a</span></span><span style="color:#666666"> =</span><span style="color:#80A665"> </span><span style="color:#80A665"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span style="color:#80A665">ref</span><span style="color:#666666">&#x3C;</span><span style="color:#5DA994">number</span><span style="color:#666666">>(</span><span style="color:#BD976A">value</span><span style="color:#DBD7CAEE">: </span><span style="color:#BD976A">number</span><span style="color:#666666">)</span><span style="color:#DBD7CAEE">: </span><span style="color:#80A665">Ref</span><span style="color:#666666">&#x3C;</span><span style="color:#5DA994">number</span><span style="color:#666666">></span><span style="color:#666666"> (</span><span style="color:#CB7676">+</span><span style="color:#4C9A91">1</span><span style="color:#BD976A"> overload</span><span style="color:#666666">)</span></code><div class="twoslash-popup-docs">Takes an inner value and returns a reactive and mutable ref object, which
 has a single property `.value` that points to the inner value.</div><div class="twoslash-popup-docs twoslash-popup-docs-tags"><span class="twoslash-popup-docs-tag"><span class="twoslash-popup-docs-tag-name">@param</span><span class="twoslash-popup-docs-tag-value">value - The object to wrap in the ref.</span></span><span class="twoslash-popup-docs-tag"><span class="twoslash-popup-docs-tag-name">@see</span><span class="twoslash-popup-docs-tag-value">{@link https://vuejs.org/api/reactivity-core.html#ref}</span></span></div></span>ref</span></span><span style="color:#666666">(</span><span style="color:#4C9A91">10</span><span style="color:#666666">)</span></span>
 <span class="line"><span class="twoslash-error"><span style="color:#BD976A">a</span><span style="color:#666666">.</span><span style="color:#BD976A">value</span></span><span style="color:#666666"> =</span><span style="color:#C98A7D99"> '</span><span style="color:#C98A7D">hi</span><span style="color:#C98A7D99">'</span></span><div class="twoslash-meta-line twoslash-error-line">Type 'string' is not assignable to type 'number'.</div><span class="line"></span></code></pre>
\ No newline at end of file
diff --git a/packages/twoslash/test/out/import-vue.ts.json b/packages/twoslash/test/out/import-vue.ts.json
index 8d15e2a42..a8513f687 100644
--- a/packages/twoslash/test/out/import-vue.ts.json
+++ b/packages/twoslash/test/out/import-vue.ts.json
@@ -99,32 +99,301 @@
                                   "type": "element",
                                   "tagName": "span",
                                   "properties": {
-                                    "class": "line"
+                                    "style": "color:#CB7676"
                                   },
                                   "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#CB7676"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "function"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "function"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#80A665"
+                                  },
+                                  "children": [
+                                    {
+                                      "type": "text",
+                                      "value": " ref"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
+                                    {
+                                      "type": "text",
+                                      "value": "<"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#5DA994"
+                                  },
+                                  "children": [
+                                    {
+                                      "type": "text",
+                                      "value": "T"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
+                                    {
+                                      "type": "text",
+                                      "value": ">("
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#BD976A"
+                                  },
+                                  "children": [
+                                    {
+                                      "type": "text",
+                                      "value": "value"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
+                                    {
+                                      "type": "text",
+                                      "value": ": "
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#5DA994"
+                                  },
+                                  "children": [
+                                    {
+                                      "type": "text",
+                                      "value": "T"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
+                                    {
+                                      "type": "text",
+                                      "value": "):"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#5DA994"
+                                  },
+                                  "children": [
+                                    {
+                                      "type": "text",
+                                      "value": " Ref"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
+                                    {
+                                      "type": "text",
+                                      "value": "<"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#5DA994"
+                                  },
+                                  "children": [
+                                    {
+                                      "type": "text",
+                                      "value": "UnwrapRef"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
+                                    {
+                                      "type": "text",
+                                      "value": "<"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#5DA994"
+                                  },
+                                  "children": [
+                                    {
+                                      "type": "text",
+                                      "value": "T"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
+                                    {
+                                      "type": "text",
+                                      "value": ">>"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
+                                    {
+                                      "type": "text",
+                                      "value": " ("
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#DBD7CAEE"
+                                  },
+                                  "children": [
+                                    {
+                                      "type": "text",
+                                      "value": "+"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#4C9A91"
+                                  },
+                                  "children": [
+                                    {
+                                      "type": "text",
+                                      "value": "1"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#5DA994"
+                                  },
+                                  "children": [
+                                    {
+                                      "type": "text",
+                                      "value": " overload"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
+                                    {
+                                      "type": "text",
+                                      "value": ")"
+                                    }
+                                  ]
+                                }
+                              ]
+                            },
+                            {
+                              "type": "element",
+                              "tagName": "div",
+                              "properties": {
+                                "class": "twoslash-popup-docs"
+                              },
+                              "children": [
+                                {
+                                  "type": "text",
+                                  "value": "Takes an inner value and returns a reactive and mutable ref object, which\nhas a single property `.value` that points to the inner value."
+                                }
+                              ]
+                            },
+                            {
+                              "type": "element",
+                              "tagName": "div",
+                              "properties": {
+                                "class": "twoslash-popup-docs twoslash-popup-docs-tags"
+                              },
+                              "children": [
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "class": "twoslash-popup-docs-tag"
+                                  },
+                                  "children": [
                                     {
                                       "type": "element",
                                       "tagName": "span",
                                       "properties": {
-                                        "style": "color:#80A665"
+                                        "class": "twoslash-popup-docs-tag-name"
                                       },
                                       "children": [
                                         {
                                           "type": "text",
-                                          "value": " ref"
+                                          "value": "@param"
                                         }
                                       ]
                                     },
@@ -132,25 +401,34 @@
                                       "type": "element",
                                       "tagName": "span",
                                       "properties": {
-                                        "style": "color:#666666"
+                                        "class": "twoslash-popup-docs-tag-value"
                                       },
                                       "children": [
                                         {
                                           "type": "text",
-                                          "value": "<"
+                                          "value": "value - The object to wrap in the ref."
                                         }
                                       ]
-                                    },
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "class": "twoslash-popup-docs-tag"
+                                  },
+                                  "children": [
                                     {
                                       "type": "element",
                                       "tagName": "span",
                                       "properties": {
-                                        "style": "color:#5DA994"
+                                        "class": "twoslash-popup-docs-tag-name"
                                       },
                                       "children": [
                                         {
                                           "type": "text",
-                                          "value": "T"
+                                          "value": "@see"
                                         }
                                       ]
                                     },
@@ -158,299 +436,12 @@
                                       "type": "element",
                                       "tagName": "span",
                                       "properties": {
-                                        "style": "color:#666666"
+                                        "class": "twoslash-popup-docs-tag-value"
                                       },
                                       "children": [
                                         {
                                           "type": "text",
-                                          "value": ">("
-                                        }
-                                      ]
-                                    },
-                                    {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#BD976A"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "value"
-                                        }
-                                      ]
-                                    },
-                                    {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": ": "
-                                        }
-                                      ]
-                                    },
-                                    {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#5DA994"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "T"
-                                        }
-                                      ]
-                                    },
-                                    {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "):"
-                                        }
-                                      ]
-                                    },
-                                    {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#5DA994"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " Ref"
-                                        }
-                                      ]
-                                    },
-                                    {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "<"
-                                        }
-                                      ]
-                                    },
-                                    {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#5DA994"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "UnwrapRef"
-                                        }
-                                      ]
-                                    },
-                                    {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "<"
-                                        }
-                                      ]
-                                    },
-                                    {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#5DA994"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "T"
-                                        }
-                                      ]
-                                    },
-                                    {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": ">>"
-                                        }
-                                      ]
-                                    },
-                                    {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " ("
-                                        }
-                                      ]
-                                    },
-                                    {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#DBD7CAEE"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "+"
-                                        }
-                                      ]
-                                    },
-                                    {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#4C9A91"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "1"
-                                        }
-                                      ]
-                                    },
-                                    {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#5DA994"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " overload"
-                                        }
-                                      ]
-                                    },
-                                    {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": ")"
-                                        }
-                                      ]
-                                    }
-                                  ]
-                                }
-                              ]
-                            },
-                            {
-                              "type": "element",
-                              "tagName": "div",
-                              "properties": {
-                                "class": "twoslash-popup-docs"
-                              },
-                              "children": [
-                                {
-                                  "type": "text",
-                                  "value": "Takes an inner value and returns a reactive and mutable ref object, which\nhas a single property `.value` that points to the inner value."
-                                }
-                              ]
-                            },
-                            {
-                              "type": "element",
-                              "tagName": "div",
-                              "properties": {
-                                "class": "twoslash-popup-docs twoslash-popup-docs-tags"
-                              },
-                              "children": [
-                                {
-                                  "type": "element",
-                                  "tagName": "span",
-                                  "properties": {
-                                    "class": "twoslash-popup-docs-tag"
-                                  },
-                                  "children": [
-                                    {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "class": "twoslash-popup-docs-tag-name"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "@param"
-                                        }
-                                      ]
-                                    },
-                                    {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "class": "twoslash-popup-docs-tag-value"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "value - The object to wrap in the ref."
-                                        }
-                                      ]
-                                    }
-                                  ]
-                                },
-                                {
-                                  "type": "element",
-                                  "tagName": "span",
-                                  "properties": {
-                                    "class": "twoslash-popup-docs-tag"
-                                  },
-                                  "children": [
-                                    {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "class": "twoslash-popup-docs-tag-name"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "@see"
-                                        }
-                                      ]
-                                    },
-                                    {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "class": "twoslash-popup-docs-tag-value"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "{@link https://vuejs.org/api/reactivity-core.html#ref}"
+                                          "value": "{@link https://vuejs.org/api/reactivity-core.html#ref}"
                                         }
                                       ]
                                     }
@@ -604,99 +595,90 @@
                                   "type": "element",
                                   "tagName": "span",
                                   "properties": {
-                                    "class": "line"
+                                    "style": "color:#CB7676"
                                   },
                                   "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#CB7676"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "const "
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "const "
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#BD976A"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#BD976A"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "a"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "a"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": ": "
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": ": "
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#5DA994"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#5DA994"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "Ref"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "Ref"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "<"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "<"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#5DA994"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#5DA994"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "number"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "number"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": ">"
-                                        }
-                                      ]
+                                      "type": "text",
+                                      "value": ">"
                                     }
                                   ]
                                 }
@@ -771,242 +753,233 @@
                                   "type": "element",
                                   "tagName": "span",
                                   "properties": {
-                                    "class": "line"
+                                    "style": "color:#80A665"
                                   },
                                   "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#80A665"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "ref"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "ref"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "<"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "<"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#5DA994"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#5DA994"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "number"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "number"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": ">("
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": ">("
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#BD976A"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#BD976A"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "value"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "value"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#DBD7CAEE"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#DBD7CAEE"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": ": "
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": ": "
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#BD976A"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#BD976A"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "number"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "number"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": ")"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": ")"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#DBD7CAEE"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#DBD7CAEE"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": ": "
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": ": "
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#80A665"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#80A665"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "Ref"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "Ref"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "<"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "<"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#5DA994"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#5DA994"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "number"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "number"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": ">"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": ">"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " ("
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " ("
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#CB7676"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#CB7676"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "+"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "+"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#4C9A91"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#4C9A91"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "1"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "1"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#BD976A"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#BD976A"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": " overload"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": " overload"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": ")"
-                                        }
-                                      ]
+                                      "type": "text",
+                                      "value": ")"
                                     }
                                   ]
                                 }
diff --git a/packages/twoslash/test/out/markdown-it/highlight-lines.html b/packages/twoslash/test/out/markdown-it/highlight-lines.html
index 060bba0dc..5e405f8eb 100644
--- a/packages/twoslash/test/out/markdown-it/highlight-lines.html
+++ b/packages/twoslash/test/out/markdown-it/highlight-lines.html
@@ -16,11 +16,11 @@
 }
 </style>
 <h1>Hello</h1>
-<pre class="shiki shiki-themes vitesse-light vitesse-dark twoslash lsp" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212" tabindex="0"><code class="language-ts"><span class="line highlighted"><span style="--shiki-light:#AB5959;--shiki-dark:#CB7676">const </span><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span class="line"><span style="--shiki-light:#AB5959;--shiki-dark:#CB7676">const </span><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A">a</span><span style="--shiki-light:#999999;--shiki-dark:#666666">: </span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91">123</span></span></code></span>a</span></span><span style="--shiki-light:#999999;--shiki-dark:#666666"> =</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91"> 123</span></span>
-<span class="line"><span style="--shiki-light:#AB5959;--shiki-dark:#CB7676">const </span><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span class="line"><span style="--shiki-light:#AB5959;--shiki-dark:#CB7676">const </span><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A">b</span><span style="--shiki-light:#999999;--shiki-dark:#666666">: </span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91">123</span></span></code></span>b</span></span><span style="--shiki-light:#999999;--shiki-dark:#666666"> =</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91"> 123</span></span>
-<span class="line highlighted"><span style="--shiki-light:#AB5959;--shiki-dark:#CB7676">const </span><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A"><span class="twoslash-hover twoslash-query-presisted"><span class="twoslash-popup-container"><div class="twoslash-popup-arrow"></div><code class="twoslash-popup-code"><span class="line"><span style="--shiki-light:#AB5959;--shiki-dark:#CB7676">const </span><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A">v</span><span style="--shiki-light:#999999;--shiki-dark:#666666">: </span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91">123</span></span></code></span>v</span></span><span style="--shiki-light:#999999;--shiki-dark:#666666"> =</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91"> 123</span></span>
+<pre class="shiki shiki-themes vitesse-light vitesse-dark twoslash lsp" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212" tabindex="0"><code class="language-ts"><span class="line highlighted"><span style="--shiki-light:#AB5959;--shiki-dark:#CB7676">const </span><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span style="--shiki-light:#AB5959;--shiki-dark:#CB7676">const </span><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A">a</span><span style="--shiki-light:#999999;--shiki-dark:#666666">: </span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91">123</span></code></span>a</span></span><span style="--shiki-light:#999999;--shiki-dark:#666666"> =</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91"> 123</span></span>
+<span class="line"><span style="--shiki-light:#AB5959;--shiki-dark:#CB7676">const </span><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span style="--shiki-light:#AB5959;--shiki-dark:#CB7676">const </span><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A">b</span><span style="--shiki-light:#999999;--shiki-dark:#666666">: </span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91">123</span></code></span>b</span></span><span style="--shiki-light:#999999;--shiki-dark:#666666"> =</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91"> 123</span></span>
+<span class="line highlighted"><span style="--shiki-light:#AB5959;--shiki-dark:#CB7676">const </span><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A"><span class="twoslash-hover twoslash-query-presisted"><span class="twoslash-popup-container"><div class="twoslash-popup-arrow"></div><code class="twoslash-popup-code"><span style="--shiki-light:#AB5959;--shiki-dark:#CB7676">const </span><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A">v</span><span style="--shiki-light:#999999;--shiki-dark:#666666">: </span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91">123</span></code></span>v</span></span><span style="--shiki-light:#999999;--shiki-dark:#666666"> =</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91"> 123</span></span>
 <span class="line"></span></code></pre>
-<pre class="shiki shiki-themes vitesse-light vitesse-dark twoslash lsp" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212" tabindex="0"><code class="language-ts"><span class="line"><span style="--shiki-light:#AB5959;--shiki-dark:#CB7676">const </span><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span class="line"><span style="--shiki-light:#AB5959;--shiki-dark:#CB7676">const </span><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A">a</span><span style="--shiki-light:#999999;--shiki-dark:#666666">: </span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91">123</span></span></code></span>a</span></span><span style="--shiki-light:#999999;--shiki-dark:#666666"> =</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91"> 123</span></span>
-<span class="line highlighted"><span style="--shiki-light:#AB5959;--shiki-dark:#CB7676">const </span><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span class="line"><span style="--shiki-light:#AB5959;--shiki-dark:#CB7676">const </span><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A">b</span><span style="--shiki-light:#999999;--shiki-dark:#666666">: </span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91">123</span></span></code></span>b</span></span><span style="--shiki-light:#999999;--shiki-dark:#666666"> =</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91"> 123</span></span>
-<span class="line"><span style="--shiki-light:#AB5959;--shiki-dark:#CB7676">const </span><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A"><span class="twoslash-hover twoslash-query-presisted"><span class="twoslash-popup-container"><div class="twoslash-popup-arrow"></div><code class="twoslash-popup-code"><span class="line"><span style="--shiki-light:#AB5959;--shiki-dark:#CB7676">const </span><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A">v</span><span style="--shiki-light:#999999;--shiki-dark:#666666">: </span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91">123</span></span></code></span>v</span></span><span style="--shiki-light:#999999;--shiki-dark:#666666"> =</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91"> 123</span></span>
+<pre class="shiki shiki-themes vitesse-light vitesse-dark twoslash lsp" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212" tabindex="0"><code class="language-ts"><span class="line"><span style="--shiki-light:#AB5959;--shiki-dark:#CB7676">const </span><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span style="--shiki-light:#AB5959;--shiki-dark:#CB7676">const </span><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A">a</span><span style="--shiki-light:#999999;--shiki-dark:#666666">: </span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91">123</span></code></span>a</span></span><span style="--shiki-light:#999999;--shiki-dark:#666666"> =</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91"> 123</span></span>
+<span class="line highlighted"><span style="--shiki-light:#AB5959;--shiki-dark:#CB7676">const </span><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span style="--shiki-light:#AB5959;--shiki-dark:#CB7676">const </span><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A">b</span><span style="--shiki-light:#999999;--shiki-dark:#666666">: </span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91">123</span></code></span>b</span></span><span style="--shiki-light:#999999;--shiki-dark:#666666"> =</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91"> 123</span></span>
+<span class="line"><span style="--shiki-light:#AB5959;--shiki-dark:#CB7676">const </span><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A"><span class="twoslash-hover twoslash-query-presisted"><span class="twoslash-popup-container"><div class="twoslash-popup-arrow"></div><code class="twoslash-popup-code"><span style="--shiki-light:#AB5959;--shiki-dark:#CB7676">const </span><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A">v</span><span style="--shiki-light:#999999;--shiki-dark:#666666">: </span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91">123</span></code></span>v</span></span><span style="--shiki-light:#999999;--shiki-dark:#666666"> =</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91"> 123</span></span>
 <span class="line"></span></code></pre>
diff --git a/packages/twoslash/test/out/markdown-it/works.html b/packages/twoslash/test/out/markdown-it/works.html
index 6ff80426b..b486c4d79 100644
--- a/packages/twoslash/test/out/markdown-it/works.html
+++ b/packages/twoslash/test/out/markdown-it/works.html
@@ -17,7 +17,7 @@
 </style>
 <h1>Hello</h1>
 <p>Code block with twoslash:</p>
-<pre class="shiki shiki-themes vitesse-light vitesse-dark twoslash lsp" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212" tabindex="0"><code class="language-ts"><span class="line"><span style="--shiki-light:#AB5959;--shiki-dark:#CB7676">const </span><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A"><span class="twoslash-hover twoslash-query-presisted"><span class="twoslash-popup-container"><div class="twoslash-popup-arrow"></div><code class="twoslash-popup-code"><span class="line"><span style="--shiki-light:#AB5959;--shiki-dark:#CB7676">const </span><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A">a</span><span style="--shiki-light:#999999;--shiki-dark:#666666">: </span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91">123</span></span></code></span>a</span></span><span style="--shiki-light:#999999;--shiki-dark:#666666"> =</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91"> 123</span></span>
+<pre class="shiki shiki-themes vitesse-light vitesse-dark twoslash lsp" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212" tabindex="0"><code class="language-ts"><span class="line"><span style="--shiki-light:#AB5959;--shiki-dark:#CB7676">const </span><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A"><span class="twoslash-hover twoslash-query-presisted"><span class="twoslash-popup-container"><div class="twoslash-popup-arrow"></div><code class="twoslash-popup-code"><span style="--shiki-light:#AB5959;--shiki-dark:#CB7676">const </span><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A">a</span><span style="--shiki-light:#999999;--shiki-dark:#666666">: </span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91">123</span></code></span>a</span></span><span style="--shiki-light:#999999;--shiki-dark:#666666"> =</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91"> 123</span></span>
 <span class="line"></span></code></pre>
 <p>Code block without twoslash:</p>
 <pre class="shiki shiki-themes vitesse-light vitesse-dark" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212" tabindex="0"><code class="language-ts"><span class="line"><span style="--shiki-light:#AB5959;--shiki-dark:#CB7676">const </span><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A">a</span><span style="--shiki-light:#999999;--shiki-dark:#666666"> =</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91"> 123</span></span>
diff --git a/packages/twoslash/test/out/query-offset.ts.html b/packages/twoslash/test/out/query-offset.ts.html
index 368887f8f..6dc8382cb 100644
--- a/packages/twoslash/test/out/query-offset.ts.html
+++ b/packages/twoslash/test/out/query-offset.ts.html
@@ -1,10 +1,10 @@
-<link rel="stylesheet" href="../../style-rich.css" /><pre class="shiki vitesse-dark twoslash lsp" style="background-color:#121212;color:#dbd7caee" tabindex="0"><code><span class="line"><span style="color:#CB7676">const </span><span style="color:#BD976A"><span class="twoslash-hover twoslash-query-presisted"><span class="twoslash-popup-container"><div class="twoslash-popup-arrow"></div><code class="twoslash-popup-code"><span class="line"><span style="color:#CB7676">const </span><span style="color:#BD976A">foo</span><span style="color:#666666">: </span><span style="color:#C98A7D99">"</span><span style="color:#C98A7D">123</span><span style="color:#C98A7D99">"</span></span></code></span>foo</span></span><span style="color:#666666"> =</span><span style="color:#C98A7D99"> "</span><span style="color:#C98A7D">123</span><span style="color:#C98A7D99">"</span></span>
+<link rel="stylesheet" href="../../style-rich.css" /><pre class="shiki vitesse-dark twoslash lsp" style="background-color:#121212;color:#dbd7caee" tabindex="0"><code><span class="line"><span style="color:#CB7676">const </span><span style="color:#BD976A"><span class="twoslash-hover twoslash-query-presisted"><span class="twoslash-popup-container"><div class="twoslash-popup-arrow"></div><code class="twoslash-popup-code"><span style="color:#CB7676">const </span><span style="color:#BD976A">foo</span><span style="color:#666666">: </span><span style="color:#C98A7D99">"</span><span style="color:#C98A7D">123</span><span style="color:#C98A7D99">"</span></code></span>foo</span></span><span style="color:#666666"> =</span><span style="color:#C98A7D99"> "</span><span style="color:#C98A7D">123</span><span style="color:#C98A7D99">"</span></span>
 <span class="line"></span>
 <span class="line"></span>
 <span class="line"></span>
-<span class="line"><span style="color:#CB7676">const </span><span style="color:#BD976A"><span class="twoslash-hover twoslash-query-presisted"><span class="twoslash-popup-container"><div class="twoslash-popup-arrow"></div><code class="twoslash-popup-code"><span class="line"><span style="color:#CB7676">const </span><span style="color:#BD976A">bar</span><span style="color:#666666">: </span><span style="color:#C98A7D99">"</span><span style="color:#C98A7D">123</span><span style="color:#C98A7D99">"</span></span></code></span>bar</span></span><span style="color:#666666"> =</span><span style="color:#C98A7D99"> "</span><span style="color:#C98A7D">123</span><span style="color:#C98A7D99">"</span></span>
+<span class="line"><span style="color:#CB7676">const </span><span style="color:#BD976A"><span class="twoslash-hover twoslash-query-presisted"><span class="twoslash-popup-container"><div class="twoslash-popup-arrow"></div><code class="twoslash-popup-code"><span style="color:#CB7676">const </span><span style="color:#BD976A">bar</span><span style="color:#666666">: </span><span style="color:#C98A7D99">"</span><span style="color:#C98A7D">123</span><span style="color:#C98A7D99">"</span></code></span>bar</span></span><span style="color:#666666"> =</span><span style="color:#C98A7D99"> "</span><span style="color:#C98A7D">123</span><span style="color:#C98A7D99">"</span></span>
 <span class="line"></span>
 <span class="line"></span>
 <span class="line"></span>
-<span class="line"><span style="color:#CB7676">const </span><span style="color:#BD976A"><span class="twoslash-hover twoslash-query-presisted"><span class="twoslash-popup-container"><div class="twoslash-popup-arrow"></div><code class="twoslash-popup-code"><span class="line"><span style="color:#CB7676">const </span><span style="color:#BD976A">baz</span><span style="color:#666666">: </span><span style="color:#C98A7D99">"</span><span style="color:#C98A7D">123</span><span style="color:#C98A7D99">"</span></span></code></span>baz</span></span><span style="color:#666666"> =</span><span style="color:#C98A7D99"> "</span><span style="color:#C98A7D">123</span><span style="color:#C98A7D99">"</span></span>
+<span class="line"><span style="color:#CB7676">const </span><span style="color:#BD976A"><span class="twoslash-hover twoslash-query-presisted"><span class="twoslash-popup-container"><div class="twoslash-popup-arrow"></div><code class="twoslash-popup-code"><span style="color:#CB7676">const </span><span style="color:#BD976A">baz</span><span style="color:#666666">: </span><span style="color:#C98A7D99">"</span><span style="color:#C98A7D">123</span><span style="color:#C98A7D99">"</span></code></span>baz</span></span><span style="color:#666666"> =</span><span style="color:#C98A7D99"> "</span><span style="color:#C98A7D">123</span><span style="color:#C98A7D99">"</span></span>
 <span class="line"></span></code></pre>
\ No newline at end of file
diff --git a/packages/twoslash/test/out/query-offset.ts.json b/packages/twoslash/test/out/query-offset.ts.json
index bdd7b5a37..67fe31052 100644
--- a/packages/twoslash/test/out/query-offset.ts.json
+++ b/packages/twoslash/test/out/query-offset.ts.json
@@ -81,86 +81,77 @@
                                   "type": "element",
                                   "tagName": "span",
                                   "properties": {
-                                    "class": "line"
+                                    "style": "color:#CB7676"
                                   },
                                   "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#CB7676"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "const "
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "const "
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#BD976A"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#BD976A"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "foo"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "foo"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": ": "
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": ": "
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "\""
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "\""
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "123"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "123"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "\""
-                                        }
-                                      ]
+                                      "type": "text",
+                                      "value": "\""
                                     }
                                   ]
                                 }
@@ -331,86 +322,77 @@
                                   "type": "element",
                                   "tagName": "span",
                                   "properties": {
-                                    "class": "line"
+                                    "style": "color:#CB7676"
                                   },
                                   "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#CB7676"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "const "
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "const "
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#BD976A"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#BD976A"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "bar"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "bar"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": ": "
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": ": "
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "\""
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "\""
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "123"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "123"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "\""
-                                        }
-                                      ]
+                                      "type": "text",
+                                      "value": "\""
                                     }
                                   ]
                                 }
@@ -581,86 +563,77 @@
                                   "type": "element",
                                   "tagName": "span",
                                   "properties": {
-                                    "class": "line"
+                                    "style": "color:#CB7676"
                                   },
                                   "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#CB7676"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "const "
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "const "
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#BD976A"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#BD976A"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "baz"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "baz"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#666666"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#666666"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": ": "
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": ": "
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "\""
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "\""
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "123"
-                                        }
-                                      ]
-                                    },
+                                      "type": "text",
+                                      "value": "123"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "element",
+                                  "tagName": "span",
+                                  "properties": {
+                                    "style": "color:#C98A7D99"
+                                  },
+                                  "children": [
                                     {
-                                      "type": "element",
-                                      "tagName": "span",
-                                      "properties": {
-                                        "style": "color:#C98A7D99"
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "text",
-                                          "value": "\""
-                                        }
-                                      ]
+                                      "type": "text",
+                                      "value": "\""
                                     }
                                   ]
                                 }
diff --git a/packages/twoslash/test/out/rich/custom-tags.html b/packages/twoslash/test/out/rich/custom-tags.html
index 39a3e5d0d..c17b485c8 100644
--- a/packages/twoslash/test/out/rich/custom-tags.html
+++ b/packages/twoslash/test/out/rich/custom-tags.html
@@ -24,12 +24,12 @@
   background-color: var(--shiki-light-bg, inherit);
 }
 </style>
-<pre class="shiki shiki-themes min-light min-dark twoslash lsp" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">import</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> { </span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">function</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> getHighlighterCore</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(options</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">?:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> HighlighterCoreOptions</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">)</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> Promise</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">HighlighterCore</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span></code><div class="twoslash-popup-docs">Create a Shiki core highlighter instance, with no languages or themes bundled.
+<pre class="shiki shiki-themes min-light min-dark twoslash lsp" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">import</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> { </span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">function</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> getHighlighterCore</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(options</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">?:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> HighlighterCoreOptions</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">)</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> Promise</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">HighlighterCore</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></code><div class="twoslash-popup-docs">Create a Shiki core highlighter instance, with no languages or themes bundled.
 Wasm and each language and theme must be loaded manually.</div><div class="twoslash-popup-docs twoslash-popup-docs-tags"><span class="twoslash-popup-docs-tag"><span class="twoslash-popup-docs-tag-name">@see</span><span class="twoslash-popup-docs-tag-value">http://shiki.style/guide/install#fine-grained-bundle</span></span></div></span>getHighlighterCore</span></span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> } </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">from</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'shiki/core'</span></span>
 <span class="line"></span>
-<span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">const</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> </span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">const</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> shiki</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> HighlighterCore</span></span></code></span>shiki</span></span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583"> await</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">function</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> getHighlighterCore</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(options</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">?:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> HighlighterCoreOptions</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583"> |</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> undefined</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">)</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> Promise</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">HighlighterCore</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span></code><div class="twoslash-popup-docs">Create a Shiki core highlighter instance, with no languages or themes bundled.
+<span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">const</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> </span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">const</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> shiki</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> HighlighterCore</span></code></span>shiki</span></span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583"> await</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">function</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> getHighlighterCore</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(options</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">?:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> HighlighterCoreOptions</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583"> |</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> undefined</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">)</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> Promise</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">HighlighterCore</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></code><div class="twoslash-popup-docs">Create a Shiki core highlighter instance, with no languages or themes bundled.
 Wasm and each language and theme must be loaded manually.</div><div class="twoslash-popup-docs twoslash-popup-docs-tags"><span class="twoslash-popup-docs-tag"><span class="twoslash-popup-docs-tag-name">@see</span><span class="twoslash-popup-docs-tag-value">http://shiki.style/guide/install#fine-grained-bundle</span></span></div></span>getHighlighterCore</span></span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">({})</span></span>
-<span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">const</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> </span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">const</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> a</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8"> 1</span></span></code></span>a</span></span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8"> 1</span></span><div class="twoslash-tag-line twoslash-tag-log-line"><span class="twoslash-tag-icon tag-log-icon"><svg viewBox="0 0 32 32"><path fill="currentColor" d="M17 22v-8h-4v2h2v6h-3v2h8v-2zM16 8a1.5 1.5 0 1 0 1.5 1.5A1.5 1.5 0 0 0 16 8"></path><path fill="currentColor" d="M26 28H6a2.002 2.002 0 0 1-2-2V6a2.002 2.002 0 0 1 2-2h20a2.002 2.002 0 0 1 2 2v20a2.002 2.002 0 0 1-2 2M6 6v20h20V6Z"></path></svg></span>Custom log message</div><span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">const</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> </span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">const</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> b</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8"> 1</span></span></code></span>b</span></span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8"> 1</span></span><div class="twoslash-tag-line twoslash-tag-error-line"><span class="twoslash-tag-icon tag-error-icon"><svg viewBox="0 0 32 32"><path fill="currentColor" d="M16 2a14 14 0 1 0 14 14A14 14 0 0 0 16 2m0 26a12 12 0 1 1 12-12a12 12 0 0 1-12 12"></path><path fill="currentColor" d="M15 8h2v11h-2zm1 14a1.5 1.5 0 1 0 1.5 1.5A1.5 1.5 0 0 0 16 22"></path></svg></span>Custom error message</div><span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">const</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> </span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">const</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> c</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8"> 1</span></span></code></span>c</span></span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8"> 1</span></span><div class="twoslash-tag-line twoslash-tag-warn-line"><span class="twoslash-tag-icon tag-warn-icon"><svg viewBox="0 0 32 32"><path fill="currentColor" d="M16 23a1.5 1.5 0 1 0 1.5 1.5A1.5 1.5 0 0 0 16 23m-1-11h2v9h-2z"></path><path fill="currentColor" d="M29 30H3a1 1 0 0 1-.887-1.461l13-25a1 1 0 0 1 1.774 0l13 25A1 1 0 0 1 29 30M4.65 28h22.7l.001-.003L16.002 6.17h-.004L4.648 27.997Z"></path></svg></span>Custom warning message</div><span class="line"></span><div class="twoslash-tag-line twoslash-tag-annotate-line"><span class="twoslash-tag-icon tag-annotate-icon"><svg viewBox="0 0 32 32"><path fill="currentColor" d="M11 24h10v2H11zm2 4h6v2h-6zm3-26A10 10 0 0 0 6 12a9.19 9.19 0 0 0 3.46 7.62c1 .93 1.54 1.46 1.54 2.38h2c0-1.84-1.11-2.87-2.19-3.86A7.2 7.2 0 0 1 8 12a8 8 0 0 1 16 0a7.2 7.2 0 0 1-2.82 6.14c-1.07 1-2.18 2-2.18 3.86h2c0-.92.53-1.45 1.54-2.39A9.18 9.18 0 0 0 26 12A10 10 0 0 0 16 2"></path></svg></span>Custom annotation message</div></code></pre>
+<span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">const</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> </span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">const</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> a</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8"> 1</span></code></span>a</span></span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8"> 1</span></span><div class="twoslash-tag-line twoslash-tag-log-line"><span class="twoslash-tag-icon tag-log-icon"><svg viewBox="0 0 32 32"><path fill="currentColor" d="M17 22v-8h-4v2h2v6h-3v2h8v-2zM16 8a1.5 1.5 0 1 0 1.5 1.5A1.5 1.5 0 0 0 16 8"></path><path fill="currentColor" d="M26 28H6a2.002 2.002 0 0 1-2-2V6a2.002 2.002 0 0 1 2-2h20a2.002 2.002 0 0 1 2 2v20a2.002 2.002 0 0 1-2 2M6 6v20h20V6Z"></path></svg></span>Custom log message</div><span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">const</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> </span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">const</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> b</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8"> 1</span></code></span>b</span></span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8"> 1</span></span><div class="twoslash-tag-line twoslash-tag-error-line"><span class="twoslash-tag-icon tag-error-icon"><svg viewBox="0 0 32 32"><path fill="currentColor" d="M16 2a14 14 0 1 0 14 14A14 14 0 0 0 16 2m0 26a12 12 0 1 1 12-12a12 12 0 0 1-12 12"></path><path fill="currentColor" d="M15 8h2v11h-2zm1 14a1.5 1.5 0 1 0 1.5 1.5A1.5 1.5 0 0 0 16 22"></path></svg></span>Custom error message</div><span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">const</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> </span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">const</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> c</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8"> 1</span></code></span>c</span></span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8"> 1</span></span><div class="twoslash-tag-line twoslash-tag-warn-line"><span class="twoslash-tag-icon tag-warn-icon"><svg viewBox="0 0 32 32"><path fill="currentColor" d="M16 23a1.5 1.5 0 1 0 1.5 1.5A1.5 1.5 0 0 0 16 23m-1-11h2v9h-2z"></path><path fill="currentColor" d="M29 30H3a1 1 0 0 1-.887-1.461l13-25a1 1 0 0 1 1.774 0l13 25A1 1 0 0 1 29 30M4.65 28h22.7l.001-.003L16.002 6.17h-.004L4.648 27.997Z"></path></svg></span>Custom warning message</div><span class="line"></span><div class="twoslash-tag-line twoslash-tag-annotate-line"><span class="twoslash-tag-icon tag-annotate-icon"><svg viewBox="0 0 32 32"><path fill="currentColor" d="M11 24h10v2H11zm2 4h6v2h-6zm3-26A10 10 0 0 0 6 12a9.19 9.19 0 0 0 3.46 7.62c1 .93 1.54 1.46 1.54 2.38h2c0-1.84-1.11-2.87-2.19-3.86A7.2 7.2 0 0 1 8 12a8 8 0 0 1 16 0a7.2 7.2 0 0 1-2.82 6.14c-1.07 1-2.18 2-2.18 3.86h2c0-.92.53-1.45 1.54-2.39A9.18 9.18 0 0 0 26 12A10 10 0 0 0 16 2"></path></svg></span>Custom annotation message</div></code></pre>
 <script>
 function toggleColor() {
   const html = document.querySelector('html')
diff --git a/packages/twoslash/test/out/rich/no-icons.html b/packages/twoslash/test/out/rich/no-icons.html
index 43e56e030..bc89d130d 100644
--- a/packages/twoslash/test/out/rich/no-icons.html
+++ b/packages/twoslash/test/out/rich/no-icons.html
@@ -24,20 +24,12 @@
   background-color: var(--shiki-light-bg, inherit);
 }
 </style>
-<pre class="shiki nord twoslash lsp" style="background-color:#2e3440ff;color:#d8dee9ff" tabindex="0"><code><span class="line"><span style="color:#81A1C1">const</span><span style="color:#D8DEE9"> </span><span style="color:#D8DEE9"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span class="line"><span style="color:#81A1C1">const</span><span style="color:#D8DEE9"> obj</span><span style="color:#81A1C1">:</span><span style="color:#ECEFF4"> {</span></span>
-<span class="line"><span style="color:#D8DEE9FF">    boo</span><span style="color:#81A1C1">:</span><span style="color:#8FBCBB"> number</span><span style="color:#81A1C1">;</span></span>
-<span class="line"><span style="color:#88C0D0">    bar</span><span style="color:#81A1C1">:</span><span style="color:#ECEFF4"> ()</span><span style="color:#81A1C1"> =></span><span style="color:#8FBCBB"> number</span><span style="color:#81A1C1">;</span></span>
-<span class="line"><span style="color:#D8DEE9FF">    baz</span><span style="color:#81A1C1">:</span><span style="color:#8FBCBB"> string</span><span style="color:#81A1C1">;</span></span>
-<span class="line"><span style="color:#ECEFF4">}</span></span></code></span>obj</span></span><span style="color:#81A1C1"> =</span><span style="color:#ECEFF4"> {</span></span>
-<span class="line"><span style="color:#D8DEE9">  </span><span style="color:#D8DEE9"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span class="line"><span style="color:#D8DEE9FF">boo</span><span style="color:#ECEFF4">:</span><span style="color:#D8DEE9"> number</span></span></code></span>boo</span></span><span style="color:#ECEFF4">:</span><span style="color:#B48EAD"> 1</span><span style="color:#ECEFF4">,</span></span>
-<span class="line"><span style="color:#88C0D0">  </span><span style="color:#88C0D0"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span class="line"><span style="color:#D8DEE9FF">bar</span><span style="color:#ECEFF4">:</span><span style="color:#ECEFF4"> ()</span><span style="color:#81A1C1"> =></span><span style="color:#D8DEE9"> number</span></span></code></span>bar</span></span><span style="color:#ECEFF4">:</span><span style="color:#ECEFF4"> ()</span><span style="color:#81A1C1"> =></span><span style="color:#B48EAD"> 2</span><span style="color:#ECEFF4">,</span></span>
-<span class="line"><span style="color:#D8DEE9">  </span><span style="color:#D8DEE9"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span class="line"><span style="color:#D8DEE9FF">baz</span><span style="color:#ECEFF4">:</span><span style="color:#D8DEE9"> string</span></span></code></span>baz</span></span><span style="color:#ECEFF4">:</span><span style="color:#ECEFF4"> '</span><span style="color:#A3BE8C">string</span><span style="color:#ECEFF4">'</span></span>
+<pre class="shiki nord twoslash lsp" style="background-color:#2e3440ff;color:#d8dee9ff" tabindex="0"><code><span class="line"><span style="color:#81A1C1">const</span><span style="color:#D8DEE9"> </span><span style="color:#D8DEE9"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span style="color:#81A1C1">const</span><span style="color:#D8DEE9"> obj</span><span style="color:#81A1C1">:</span><span style="color:#ECEFF4"> {</span><br><span style="color:#D8DEE9FF">    boo</span><span style="color:#81A1C1">:</span><span style="color:#8FBCBB"> number</span><span style="color:#81A1C1">;</span><br><span style="color:#88C0D0">    bar</span><span style="color:#81A1C1">:</span><span style="color:#ECEFF4"> ()</span><span style="color:#81A1C1"> =></span><span style="color:#8FBCBB"> number</span><span style="color:#81A1C1">;</span><br><span style="color:#D8DEE9FF">    baz</span><span style="color:#81A1C1">:</span><span style="color:#8FBCBB"> string</span><span style="color:#81A1C1">;</span><br><span style="color:#ECEFF4">}</span></code></span>obj</span></span><span style="color:#81A1C1"> =</span><span style="color:#ECEFF4"> {</span></span>
+<span class="line"><span style="color:#D8DEE9">  </span><span style="color:#D8DEE9"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span style="color:#D8DEE9FF">boo</span><span style="color:#ECEFF4">:</span><span style="color:#D8DEE9"> number</span></code></span>boo</span></span><span style="color:#ECEFF4">:</span><span style="color:#B48EAD"> 1</span><span style="color:#ECEFF4">,</span></span>
+<span class="line"><span style="color:#88C0D0">  </span><span style="color:#88C0D0"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span style="color:#D8DEE9FF">bar</span><span style="color:#ECEFF4">:</span><span style="color:#ECEFF4"> ()</span><span style="color:#81A1C1"> =></span><span style="color:#D8DEE9"> number</span></code></span>bar</span></span><span style="color:#ECEFF4">:</span><span style="color:#ECEFF4"> ()</span><span style="color:#81A1C1"> =></span><span style="color:#B48EAD"> 2</span><span style="color:#ECEFF4">,</span></span>
+<span class="line"><span style="color:#D8DEE9">  </span><span style="color:#D8DEE9"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span style="color:#D8DEE9FF">baz</span><span style="color:#ECEFF4">:</span><span style="color:#D8DEE9"> string</span></code></span>baz</span></span><span style="color:#ECEFF4">:</span><span style="color:#ECEFF4"> '</span><span style="color:#A3BE8C">string</span><span style="color:#ECEFF4">'</span></span>
 <span class="line"><span style="color:#ECEFF4">}</span></span>
-<span class="line"><span style="color:#D8DEE9"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span class="line"><span style="color:#81A1C1">const</span><span style="color:#D8DEE9"> obj</span><span style="color:#81A1C1">:</span><span style="color:#ECEFF4"> {</span></span>
-<span class="line"><span style="color:#D8DEE9FF">    boo</span><span style="color:#81A1C1">:</span><span style="color:#8FBCBB"> number</span><span style="color:#81A1C1">;</span></span>
-<span class="line"><span style="color:#88C0D0">    bar</span><span style="color:#81A1C1">:</span><span style="color:#ECEFF4"> ()</span><span style="color:#81A1C1"> =></span><span style="color:#8FBCBB"> number</span><span style="color:#81A1C1">;</span></span>
-<span class="line"><span style="color:#D8DEE9FF">    baz</span><span style="color:#81A1C1">:</span><span style="color:#8FBCBB"> string</span><span style="color:#81A1C1">;</span></span>
-<span class="line"><span style="color:#ECEFF4">}</span></span></code></span>obj</span></span><span style="color:#ECEFF4">.</span><span style="color:#D8DEE9"><span>b<span class="twoslash-completion-cursor"><ul class="twoslash-completion-list"><li><span><span class="twoslash-completions-matched">b</span><span class="twoslash-completions-unmatched">ar</span></span></li><li><span><span class="twoslash-completions-matched">b</span><span class="twoslash-completions-unmatched">az</span></span></li><li><span><span class="twoslash-completions-matched">b</span><span class="twoslash-completions-unmatched">oo</span></span></li></ul></span></span></span><span style="color:#D8DEE9"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span class="line"><span style="color:#D8DEE9FF">boo</span><span style="color:#ECEFF4">:</span><span style="color:#D8DEE9"> number</span></span></code></span>oo</span></span></span>
+<span class="line"><span style="color:#D8DEE9"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span style="color:#81A1C1">const</span><span style="color:#D8DEE9"> obj</span><span style="color:#81A1C1">:</span><span style="color:#ECEFF4"> {</span><br><span style="color:#D8DEE9FF">    boo</span><span style="color:#81A1C1">:</span><span style="color:#8FBCBB"> number</span><span style="color:#81A1C1">;</span><br><span style="color:#88C0D0">    bar</span><span style="color:#81A1C1">:</span><span style="color:#ECEFF4"> ()</span><span style="color:#81A1C1"> =></span><span style="color:#8FBCBB"> number</span><span style="color:#81A1C1">;</span><br><span style="color:#D8DEE9FF">    baz</span><span style="color:#81A1C1">:</span><span style="color:#8FBCBB"> string</span><span style="color:#81A1C1">;</span><br><span style="color:#ECEFF4">}</span></code></span>obj</span></span><span style="color:#ECEFF4">.</span><span style="color:#D8DEE9"><span>b<span class="twoslash-completion-cursor"><ul class="twoslash-completion-list"><li><span><span class="twoslash-completions-matched">b</span><span class="twoslash-completions-unmatched">ar</span></span></li><li><span><span class="twoslash-completions-matched">b</span><span class="twoslash-completions-unmatched">az</span></span></li><li><span><span class="twoslash-completions-matched">b</span><span class="twoslash-completions-unmatched">oo</span></span></li></ul></span></span></span><span style="color:#D8DEE9"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span style="color:#D8DEE9FF">boo</span><span style="color:#ECEFF4">:</span><span style="color:#D8DEE9"> number</span></code></span>oo</span></span></span>
 <span class="line"></span></code></pre><style>:root {--twoslash-popup-bg: #2e3440;}</style>
 <script>
 function toggleColor() {
diff --git a/packages/twoslash/test/out/rich/rich-error-hover.html b/packages/twoslash/test/out/rich/rich-error-hover.html
index 10b978fb1..89d56f7c4 100644
--- a/packages/twoslash/test/out/rich/rich-error-hover.html
+++ b/packages/twoslash/test/out/rich/rich-error-hover.html
@@ -25,11 +25,11 @@
 }
 </style>
 <pre class="shiki vitesse-light twoslash lsp" style="background-color:#ffffff;color:#393a34" tabindex="0"><code><span class="line"><span style="color:#AB5959">interface</span><span style="color:#2E8F82"> </span><span style="color:#2E8F82">Todo</span><span style="color:#999999"> {</span></span>
-<span class="line"><span style="color:#B07D48">  </span><span style="color:#B07D48"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span class="line"><span style="color:#B07D48">Todo</span><span style="color:#999999">.</span><span style="color:#B07D48">title</span><span style="color:#393A34">: </span><span style="color:#B07D48">string</span></span></code></span>title</span></span><span style="color:#999999">: </span><span style="color:#2E8F82">string</span><span style="color:#999999">;</span></span>
+<span class="line"><span style="color:#B07D48">  </span><span style="color:#B07D48"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span style="color:#B07D48">Todo</span><span style="color:#999999">.</span><span style="color:#B07D48">title</span><span style="color:#393A34">: </span><span style="color:#B07D48">string</span></code></span>title</span></span><span style="color:#999999">: </span><span style="color:#2E8F82">string</span><span style="color:#999999">;</span></span>
 <span class="line"><span style="color:#999999">}</span></span>
 <span class="line"></span>
-<span class="line"><span style="color:#AB5959">const </span><span style="color:#B07D48"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span class="line"><span style="color:#AB5959">const </span><span style="color:#B07D48">todo</span><span style="color:#999999">: </span><span style="color:#2E8F82">Readonly</span><span style="color:#999999">&#x3C;</span><span style="color:#2E8F82">Todo</span><span style="color:#999999">></span></span></code></span>todo</span></span><span style="color:#999999">: </span><span style="color:#2E8F82"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span class="line"><span style="color:#AB5959">type</span><span style="color:#2E8F82"> Readonly</span><span style="color:#999999">&#x3C;</span><span style="color:#2E8F82">T</span><span style="color:#999999">></span><span style="color:#999999"> =</span><span style="color:#999999"> {</span><span style="color:#AB5959"> readonly</span><span style="color:#999999"> [</span><span style="color:#2E8F82">P</span><span style="color:#AB5959"> in</span><span style="color:#AB5959"> keyof</span><span style="color:#2E8F82"> T</span><span style="color:#999999">]: </span><span style="color:#2E8F82">T</span><span style="color:#999999">[</span><span style="color:#2E8F82">P</span><span style="color:#999999">];</span><span style="color:#999999"> }</span></span></code><div class="twoslash-popup-docs">Make all properties in T readonly</div></span>Readonly</span></span><span style="color:#999999">&#x3C;</span><span style="color:#2E8F82">Todo</span><span style="color:#999999">> =</span><span style="color:#999999"> {</span></span>
-<span class="line"><span style="color:#998418">  </span><span style="color:#998418"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span class="line"><span style="color:#59873A">title</span><span style="color:#999999">:</span><span style="color:#B07D48"> string</span></span></code></span>title</span></span><span style="color:#999999">: </span><span style="color:#B5695999">"</span><span style="color:#B56959">Delete inactive users</span><span style="color:#B5695999">"</span><span style="color:#999999">.</span><span style="color:#59873A"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span class="line"><span style="color:#B07D48">String</span><span style="color:#999999">.</span><span style="color:#59873A">toUpperCase</span><span style="color:#999999">()</span><span style="color:#393A34">: </span><span style="color:#B07D48">string</span></span></code><div class="twoslash-popup-docs">Converts all the alphabetic characters in a string to uppercase.</div></span>toUpperCase</span></span><span style="color:#999999">(),</span></span>
+<span class="line"><span style="color:#AB5959">const </span><span style="color:#B07D48"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span style="color:#AB5959">const </span><span style="color:#B07D48">todo</span><span style="color:#999999">: </span><span style="color:#2E8F82">Readonly</span><span style="color:#999999">&#x3C;</span><span style="color:#2E8F82">Todo</span><span style="color:#999999">></span></code></span>todo</span></span><span style="color:#999999">: </span><span style="color:#2E8F82"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span style="color:#AB5959">type</span><span style="color:#2E8F82"> Readonly</span><span style="color:#999999">&#x3C;</span><span style="color:#2E8F82">T</span><span style="color:#999999">></span><span style="color:#999999"> =</span><span style="color:#999999"> {</span><span style="color:#AB5959"> readonly</span><span style="color:#999999"> [</span><span style="color:#2E8F82">P</span><span style="color:#AB5959"> in</span><span style="color:#AB5959"> keyof</span><span style="color:#2E8F82"> T</span><span style="color:#999999">]: </span><span style="color:#2E8F82">T</span><span style="color:#999999">[</span><span style="color:#2E8F82">P</span><span style="color:#999999">];</span><span style="color:#999999"> }</span></code><div class="twoslash-popup-docs">Make all properties in T readonly</div></span>Readonly</span></span><span style="color:#999999">&#x3C;</span><span style="color:#2E8F82">Todo</span><span style="color:#999999">> =</span><span style="color:#999999"> {</span></span>
+<span class="line"><span style="color:#998418">  </span><span style="color:#998418"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span style="color:#59873A">title</span><span style="color:#999999">:</span><span style="color:#B07D48"> string</span></code></span>title</span></span><span style="color:#999999">: </span><span style="color:#B5695999">"</span><span style="color:#B56959">Delete inactive users</span><span style="color:#B5695999">"</span><span style="color:#999999">.</span><span style="color:#59873A"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span style="color:#B07D48">String</span><span style="color:#999999">.</span><span style="color:#59873A">toUpperCase</span><span style="color:#999999">()</span><span style="color:#393A34">: </span><span style="color:#B07D48">string</span></code><div class="twoslash-popup-docs">Converts all the alphabetic characters in a string to uppercase.</div></span>toUpperCase</span></span><span style="color:#999999">(),</span></span>
 <span class="line"><span style="color:#999999">};</span></span>
 <span class="line"></span>
-<span class="line"><span style="color:#B07D48"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span class="line"><span style="color:#AB5959">const </span><span style="color:#B07D48">todo</span><span style="color:#999999">: </span><span style="color:#2E8F82">Readonly</span><span style="color:#999999">&#x3C;</span><span style="color:#2E8F82">Todo</span><span style="color:#999999">></span></span></code></span>todo</span></span><span style="color:#999999">.</span><span class="twoslash-error twoslash-error-hover "><span class="twoslash-popup-container"><div class="twoslash-popup-error">Cannot assign to 'title' because it is a read-only property.</div></span><span><span style="color:#B07D48">title</span></span></span><span style="color:#999999"> =</span><span style="color:#B5695999"> "</span><span style="color:#B56959">Hello</span><span style="color:#B5695999">"</span><span style="color:#999999">;</span></span></code></pre>
\ No newline at end of file
+<span class="line"><span style="color:#B07D48"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span style="color:#AB5959">const </span><span style="color:#B07D48">todo</span><span style="color:#999999">: </span><span style="color:#2E8F82">Readonly</span><span style="color:#999999">&#x3C;</span><span style="color:#2E8F82">Todo</span><span style="color:#999999">></span></code></span>todo</span></span><span style="color:#999999">.</span><span class="twoslash-error twoslash-error-hover "><span class="twoslash-popup-container"><div class="twoslash-popup-error">Cannot assign to 'title' because it is a read-only property.</div></span><span><span style="color:#B07D48">title</span></span></span><span style="color:#999999"> =</span><span style="color:#B5695999"> "</span><span style="color:#B56959">Hello</span><span style="color:#B5695999">"</span><span style="color:#999999">;</span></span></code></pre>
\ No newline at end of file
diff --git a/packages/twoslash/test/out/rich/rich-none-theme.html b/packages/twoslash/test/out/rich/rich-none-theme.html
index 6c3dd81ff..c2171ce65 100644
--- a/packages/twoslash/test/out/rich/rich-none-theme.html
+++ b/packages/twoslash/test/out/rich/rich-none-theme.html
@@ -26,15 +26,15 @@
 </style>
 <pre class="shiki none twoslash lsp" style="background-color:;color:" tabindex="0"><code><span class="line"><span>interface </span><span>Todo</span><span> {</span></span>
 <span class="line"><span>  /** The title of the todo item */</span></span>
-<span class="line"><span>  </span><span><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span class="line"><span>Todo.title: string</span></span></code><div class="twoslash-popup-docs">The title of the todo item</div></span>title</span></span><span>: string;</span></span>
+<span class="line"><span>  </span><span><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span>Todo.title: string</span></code><div class="twoslash-popup-docs">The title of the todo item</div></span>title</span></span><span>: string;</span></span>
 <span class="line"><span>}</span></span>
 <span class="line"><span></span></span>
-<span class="line"><span>const </span><span><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span class="line"><span>const todo: Readonly&#x3C;Todo></span></span></code></span>todo</span></span><span>: </span><span><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span class="line"><span>type Readonly&#x3C;T> = { readonly [P in keyof T]: T[P]; }</span></span></code><div class="twoslash-popup-docs">Make all properties in T readonly</div></span>Readonly</span></span><span>&#x3C;</span><span>Todo</span><span>> = {</span></span>
-<span class="line"><span>  </span><span><span class="twoslash-hover twoslash-query-presisted"><span class="twoslash-popup-container"><div class="twoslash-popup-arrow"></div><code class="twoslash-popup-code"><span class="line"><span>title: string</span></span></code><div class="twoslash-popup-docs">The title of the todo item</div></span>title</span></span><span>: "Delete inactive users".</span><span><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span class="line"><span>String.toUpperCase(): string</span></span></code><div class="twoslash-popup-docs">Converts all the alphabetic characters in a string to uppercase.</div></span>toUpperCase</span></span><span>(),</span></span>
+<span class="line"><span>const </span><span><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span>const todo: Readonly&#x3C;Todo></span></code></span>todo</span></span><span>: </span><span><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span>type Readonly&#x3C;T> = { readonly [P in keyof T]: T[P]; }</span></code><div class="twoslash-popup-docs">Make all properties in T readonly</div></span>Readonly</span></span><span>&#x3C;</span><span>Todo</span><span>> = {</span></span>
+<span class="line"><span>  </span><span><span class="twoslash-hover twoslash-query-presisted"><span class="twoslash-popup-container"><div class="twoslash-popup-arrow"></div><code class="twoslash-popup-code"><span>title: string</span></code><div class="twoslash-popup-docs">The title of the todo item</div></span>title</span></span><span>: "Delete inactive users".</span><span><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span>String.toUpperCase(): string</span></code><div class="twoslash-popup-docs">Converts all the alphabetic characters in a string to uppercase.</div></span>toUpperCase</span></span><span>(),</span></span>
 <span class="line"><span>};</span></span>
 <span class="line"><span></span></span>
-<span class="line"><span><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span class="line"><span>const todo: Readonly&#x3C;Todo></span></span></code></span>todo</span></span><span>.</span><span class="twoslash-error"><span>title</span></span><span> = "Hello";</span></span><div class="twoslash-meta-line twoslash-error-line">Cannot assign to 'title' because it is a read-only property.</div><span class="line"><span></span></span>
-<span class="line"><span><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span class="line"><span>var Number: NumberConstructor</span></span></code><div class="twoslash-popup-docs">An object that represents a number of any kind. All JavaScript numbers are 64-bit floating-point numbers.</div></span>Number</span></span><span>.</span><span><span>p<span class="twoslash-completion-cursor"><ul class="twoslash-completion-list"><li><span class="twoslash-completions-icon completions-method"><svg viewBox="0 0 32 32"><path fill="currentColor" d="m19.626 29.526l-.516-1.933a12.004 12.004 0 0 0 6.121-19.26l1.538-1.28a14.003 14.003 0 0 1-7.143 22.473"></path><path fill="currentColor" d="M10 29H8v-3.82l.804-.16C10.262 24.727 12 23.62 12 20v-1.382l-4-2v-2.236l4-2V12c0-5.467 3.925-9 10-9h2v3.82l-.804.16C21.738 7.273 20 8.38 20 12v.382l4 2v2.236l-4 2V20c0 5.467-3.925 9-10 9m0-2c4.935 0 8-2.682 8-7v-2.618l3.764-1.882L18 13.618V12c0-4.578 2.385-6.192 4-6.76V5c-4.935 0-8 2.682-8 7v1.618L10.236 15.5L14 17.382V20c0 4.578-2.385 6.192-4 6.76Z"></path><path fill="currentColor" d="M5.231 24.947a14.003 14.003 0 0 1 7.147-22.474l.516 1.932a12.004 12.004 0 0 0-6.125 19.263Z"></path></svg></span><span><span class="twoslash-completions-matched">p</span><span class="twoslash-completions-unmatched">arseFloat</span></span></li><li><span class="twoslash-completions-icon completions-method"><svg viewBox="0 0 32 32"><path fill="currentColor" d="m19.626 29.526l-.516-1.933a12.004 12.004 0 0 0 6.121-19.26l1.538-1.28a14.003 14.003 0 0 1-7.143 22.473"></path><path fill="currentColor" d="M10 29H8v-3.82l.804-.16C10.262 24.727 12 23.62 12 20v-1.382l-4-2v-2.236l4-2V12c0-5.467 3.925-9 10-9h2v3.82l-.804.16C21.738 7.273 20 8.38 20 12v.382l4 2v2.236l-4 2V20c0 5.467-3.925 9-10 9m0-2c4.935 0 8-2.682 8-7v-2.618l3.764-1.882L18 13.618V12c0-4.578 2.385-6.192 4-6.76V5c-4.935 0-8 2.682-8 7v1.618L10.236 15.5L14 17.382V20c0 4.578-2.385 6.192-4 6.76Z"></path><path fill="currentColor" d="M5.231 24.947a14.003 14.003 0 0 1 7.147-22.474l.516 1.932a12.004 12.004 0 0 0-6.125 19.263Z"></path></svg></span><span><span class="twoslash-completions-matched">p</span><span class="twoslash-completions-unmatched">arseInt</span></span></li><li><span class="twoslash-completions-icon completions-property"><svg viewBox="0 0 32 32"><path fill="currentColor" d="M12.1 2a9.8 9.8 0 0 0-5.4 1.6l6.4 6.4a2.1 2.1 0 0 1 .2 3a2.1 2.1 0 0 1-3-.2L3.7 6.4A9.84 9.84 0 0 0 2 12.1a10.14 10.14 0 0 0 10.1 10.1a10.9 10.9 0 0 0 2.6-.3l6.7 6.7a5 5 0 0 0 7.1-7.1l-6.7-6.7a10.9 10.9 0 0 0 .3-2.6A10 10 0 0 0 12.1 2m8 10.1a7.61 7.61 0 0 1-.3 2.1l-.3 1.1l.8.8l6.7 6.7a2.88 2.88 0 0 1 .9 2.1A2.72 2.72 0 0 1 27 27a2.9 2.9 0 0 1-4.2 0l-6.7-6.7l-.8-.8l-1.1.3a7.61 7.61 0 0 1-2.1.3a8.27 8.27 0 0 1-5.7-2.3A7.63 7.63 0 0 1 4 12.1a8.33 8.33 0 0 1 .3-2.2l4.4 4.4a4.14 4.14 0 0 0 5.9.2a4.14 4.14 0 0 0-.2-5.9L10 4.2a6.45 6.45 0 0 1 2-.3a8.27 8.27 0 0 1 5.7 2.3a8.49 8.49 0 0 1 2.4 5.9"></path></svg></span><span><span class="twoslash-completions-matched">p</span><span class="twoslash-completions-unmatched">rototype</span></span></li></ul></span></span></span><span><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span class="line"><span>NumberConstructor.parseInt(string: string, radix?: number | undefined): number</span></span></code><div class="twoslash-popup-docs">Converts A string to an integer.</div><div class="twoslash-popup-docs twoslash-popup-docs-tags"><span class="twoslash-popup-docs-tag"><span class="twoslash-popup-docs-tag-name">@param</span><span class="twoslash-popup-docs-tag-value">string A string to convert into a number.</span></span><span class="twoslash-popup-docs-tag"><span class="twoslash-popup-docs-tag-name">@param</span><span class="twoslash-popup-docs-tag-value">radix A value between 2 and 36 that specifies the base of the number in `string`.
+<span class="line"><span><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span>const todo: Readonly&#x3C;Todo></span></code></span>todo</span></span><span>.</span><span class="twoslash-error"><span>title</span></span><span> = "Hello";</span></span><div class="twoslash-meta-line twoslash-error-line">Cannot assign to 'title' because it is a read-only property.</div><span class="line"><span></span></span>
+<span class="line"><span><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span>var Number: NumberConstructor</span></code><div class="twoslash-popup-docs">An object that represents a number of any kind. All JavaScript numbers are 64-bit floating-point numbers.</div></span>Number</span></span><span>.</span><span><span>p<span class="twoslash-completion-cursor"><ul class="twoslash-completion-list"><li><span class="twoslash-completions-icon completions-method"><svg viewBox="0 0 32 32"><path fill="currentColor" d="m19.626 29.526l-.516-1.933a12.004 12.004 0 0 0 6.121-19.26l1.538-1.28a14.003 14.003 0 0 1-7.143 22.473"></path><path fill="currentColor" d="M10 29H8v-3.82l.804-.16C10.262 24.727 12 23.62 12 20v-1.382l-4-2v-2.236l4-2V12c0-5.467 3.925-9 10-9h2v3.82l-.804.16C21.738 7.273 20 8.38 20 12v.382l4 2v2.236l-4 2V20c0 5.467-3.925 9-10 9m0-2c4.935 0 8-2.682 8-7v-2.618l3.764-1.882L18 13.618V12c0-4.578 2.385-6.192 4-6.76V5c-4.935 0-8 2.682-8 7v1.618L10.236 15.5L14 17.382V20c0 4.578-2.385 6.192-4 6.76Z"></path><path fill="currentColor" d="M5.231 24.947a14.003 14.003 0 0 1 7.147-22.474l.516 1.932a12.004 12.004 0 0 0-6.125 19.263Z"></path></svg></span><span><span class="twoslash-completions-matched">p</span><span class="twoslash-completions-unmatched">arseFloat</span></span></li><li><span class="twoslash-completions-icon completions-method"><svg viewBox="0 0 32 32"><path fill="currentColor" d="m19.626 29.526l-.516-1.933a12.004 12.004 0 0 0 6.121-19.26l1.538-1.28a14.003 14.003 0 0 1-7.143 22.473"></path><path fill="currentColor" d="M10 29H8v-3.82l.804-.16C10.262 24.727 12 23.62 12 20v-1.382l-4-2v-2.236l4-2V12c0-5.467 3.925-9 10-9h2v3.82l-.804.16C21.738 7.273 20 8.38 20 12v.382l4 2v2.236l-4 2V20c0 5.467-3.925 9-10 9m0-2c4.935 0 8-2.682 8-7v-2.618l3.764-1.882L18 13.618V12c0-4.578 2.385-6.192 4-6.76V5c-4.935 0-8 2.682-8 7v1.618L10.236 15.5L14 17.382V20c0 4.578-2.385 6.192-4 6.76Z"></path><path fill="currentColor" d="M5.231 24.947a14.003 14.003 0 0 1 7.147-22.474l.516 1.932a12.004 12.004 0 0 0-6.125 19.263Z"></path></svg></span><span><span class="twoslash-completions-matched">p</span><span class="twoslash-completions-unmatched">arseInt</span></span></li><li><span class="twoslash-completions-icon completions-property"><svg viewBox="0 0 32 32"><path fill="currentColor" d="M12.1 2a9.8 9.8 0 0 0-5.4 1.6l6.4 6.4a2.1 2.1 0 0 1 .2 3a2.1 2.1 0 0 1-3-.2L3.7 6.4A9.84 9.84 0 0 0 2 12.1a10.14 10.14 0 0 0 10.1 10.1a10.9 10.9 0 0 0 2.6-.3l6.7 6.7a5 5 0 0 0 7.1-7.1l-6.7-6.7a10.9 10.9 0 0 0 .3-2.6A10 10 0 0 0 12.1 2m8 10.1a7.61 7.61 0 0 1-.3 2.1l-.3 1.1l.8.8l6.7 6.7a2.88 2.88 0 0 1 .9 2.1A2.72 2.72 0 0 1 27 27a2.9 2.9 0 0 1-4.2 0l-6.7-6.7l-.8-.8l-1.1.3a7.61 7.61 0 0 1-2.1.3a8.27 8.27 0 0 1-5.7-2.3A7.63 7.63 0 0 1 4 12.1a8.33 8.33 0 0 1 .3-2.2l4.4 4.4a4.14 4.14 0 0 0 5.9.2a4.14 4.14 0 0 0-.2-5.9L10 4.2a6.45 6.45 0 0 1 2-.3a8.27 8.27 0 0 1 5.7 2.3a8.49 8.49 0 0 1 2.4 5.9"></path></svg></span><span><span class="twoslash-completions-matched">p</span><span class="twoslash-completions-unmatched">rototype</span></span></li></ul></span></span></span><span><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span>NumberConstructor.parseInt(string: string, radix?: number | undefined): number</span></code><div class="twoslash-popup-docs">Converts A string to an integer.</div><div class="twoslash-popup-docs twoslash-popup-docs-tags"><span class="twoslash-popup-docs-tag"><span class="twoslash-popup-docs-tag-name">@param</span><span class="twoslash-popup-docs-tag-value">string A string to convert into a number.</span></span><span class="twoslash-popup-docs-tag"><span class="twoslash-popup-docs-tag-name">@param</span><span class="twoslash-popup-docs-tag-value">radix A value between 2 and 36 that specifies the base of the number in `string`.
 If this argument is not supplied, strings with a prefix of '0x' are considered hexadecimal.
-All other strings are considered decimal.</span></span></div></span>arseInt</span></span><span>(</span><span><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span class="line"><span>const todo: Readonly&#x3C;Todo></span></span></code></span>todo</span></span><span>.</span><span><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span class="line"><span>title: string</span></span></code><div class="twoslash-popup-docs">The title of the todo item</div></span>title</span></span><span>, 10);</span></span>
+All other strings are considered decimal.</span></span></div></span>arseInt</span></span><span>(</span><span><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span>const todo: Readonly&#x3C;Todo></span></code></span>todo</span></span><span>.</span><span><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span>title: string</span></code><div class="twoslash-popup-docs">The title of the todo item</div></span>title</span></span><span>, 10);</span></span>
 <span class="line"><span></span></span></code></pre>
\ No newline at end of file
diff --git a/packages/twoslash/test/out/rich/rich.html b/packages/twoslash/test/out/rich/rich.html
index 3a0024096..ca0edb0b4 100644
--- a/packages/twoslash/test/out/rich/rich.html
+++ b/packages/twoslash/test/out/rich/rich.html
@@ -26,17 +26,17 @@
 </style>
 <pre class="shiki shiki-themes vitesse-dark vitesse-light twoslash lsp" style="--shiki-dark:#dbd7caee;--shiki-light:#393a34;--shiki-dark-bg:#121212;--shiki-light-bg:#ffffff" tabindex="0"><code><span class="line"><span style="--shiki-dark:#CB7676;--shiki-light:#AB5959">interface</span><span style="--shiki-dark:#5DA994;--shiki-light:#2E8F82"> </span><span style="--shiki-dark:#5DA994;--shiki-light:#2E8F82">Todo</span><span style="--shiki-dark:#666666;--shiki-light:#999999"> {</span></span>
 <span class="line"><span style="--shiki-dark:#758575DD;--shiki-light:#A0ADA0">  /** The title of the todo item */</span></span>
-<span class="line"><span style="--shiki-dark:#BD976A;--shiki-light:#B07D48">  </span><span style="--shiki-dark:#BD976A;--shiki-light:#B07D48"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span class="line"><span style="--shiki-dark:#BD976A;--shiki-light:#B07D48">Todo</span><span style="--shiki-dark:#666666;--shiki-light:#999999">.</span><span style="--shiki-dark:#BD976A;--shiki-light:#B07D48">title</span><span style="--shiki-dark:#DBD7CAEE;--shiki-light:#393A34">: </span><span style="--shiki-dark:#BD976A;--shiki-light:#B07D48">string</span></span></code><div class="twoslash-popup-docs">The title of the todo item</div></span>title</span></span><span style="--shiki-dark:#666666;--shiki-light:#999999">: </span><span style="--shiki-dark:#5DA994;--shiki-light:#2E8F82">string</span><span style="--shiki-dark:#666666;--shiki-light:#999999">;</span></span>
+<span class="line"><span style="--shiki-dark:#BD976A;--shiki-light:#B07D48">  </span><span style="--shiki-dark:#BD976A;--shiki-light:#B07D48"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span style="--shiki-dark:#BD976A;--shiki-light:#B07D48">Todo</span><span style="--shiki-dark:#666666;--shiki-light:#999999">.</span><span style="--shiki-dark:#BD976A;--shiki-light:#B07D48">title</span><span style="--shiki-dark:#DBD7CAEE;--shiki-light:#393A34">: </span><span style="--shiki-dark:#BD976A;--shiki-light:#B07D48">string</span></code><div class="twoslash-popup-docs">The title of the todo item</div></span>title</span></span><span style="--shiki-dark:#666666;--shiki-light:#999999">: </span><span style="--shiki-dark:#5DA994;--shiki-light:#2E8F82">string</span><span style="--shiki-dark:#666666;--shiki-light:#999999">;</span></span>
 <span class="line"><span style="--shiki-dark:#666666;--shiki-light:#999999">}</span></span>
 <span class="line"></span>
-<span class="line"><span style="--shiki-dark:#CB7676;--shiki-light:#AB5959">const </span><span style="--shiki-dark:#BD976A;--shiki-light:#B07D48"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span class="line"><span style="--shiki-dark:#CB7676;--shiki-light:#AB5959">const </span><span style="--shiki-dark:#BD976A;--shiki-light:#B07D48">todo</span><span style="--shiki-dark:#666666;--shiki-light:#999999">: </span><span style="--shiki-dark:#5DA994;--shiki-light:#2E8F82">Readonly</span><span style="--shiki-dark:#666666;--shiki-light:#999999">&#x3C;</span><span style="--shiki-dark:#5DA994;--shiki-light:#2E8F82">Todo</span><span style="--shiki-dark:#666666;--shiki-light:#999999">></span></span></code></span>todo</span></span><span style="--shiki-dark:#666666;--shiki-light:#999999">: </span><span style="--shiki-dark:#5DA994;--shiki-light:#2E8F82"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span class="line"><span style="--shiki-dark:#CB7676;--shiki-light:#AB5959">type</span><span style="--shiki-dark:#5DA994;--shiki-light:#2E8F82"> Readonly</span><span style="--shiki-dark:#666666;--shiki-light:#999999">&#x3C;</span><span style="--shiki-dark:#5DA994;--shiki-light:#2E8F82">T</span><span style="--shiki-dark:#666666;--shiki-light:#999999">></span><span style="--shiki-dark:#666666;--shiki-light:#999999"> =</span><span style="--shiki-dark:#666666;--shiki-light:#999999"> {</span><span style="--shiki-dark:#CB7676;--shiki-light:#AB5959"> readonly</span><span style="--shiki-dark:#666666;--shiki-light:#999999"> [</span><span style="--shiki-dark:#5DA994;--shiki-light:#2E8F82">P</span><span style="--shiki-dark:#CB7676;--shiki-light:#AB5959"> in</span><span style="--shiki-dark:#CB7676;--shiki-light:#AB5959"> keyof</span><span style="--shiki-dark:#5DA994;--shiki-light:#2E8F82"> T</span><span style="--shiki-dark:#666666;--shiki-light:#999999">]: </span><span style="--shiki-dark:#5DA994;--shiki-light:#2E8F82">T</span><span style="--shiki-dark:#666666;--shiki-light:#999999">[</span><span style="--shiki-dark:#5DA994;--shiki-light:#2E8F82">P</span><span style="--shiki-dark:#666666;--shiki-light:#999999">];</span><span style="--shiki-dark:#666666;--shiki-light:#999999"> }</span></span></code><div class="twoslash-popup-docs">Make all properties in T readonly</div></span>Readonly</span></span><span style="--shiki-dark:#666666;--shiki-light:#999999">&#x3C;</span><span style="--shiki-dark:#5DA994;--shiki-light:#2E8F82">Todo</span><span style="--shiki-dark:#666666;--shiki-light:#999999">> =</span><span style="--shiki-dark:#666666;--shiki-light:#999999"> {</span></span>
-<span class="line"><span style="--shiki-dark:#B8A965;--shiki-light:#998418">  </span><span style="--shiki-dark:#B8A965;--shiki-light:#998418"><span class="twoslash-hover twoslash-query-presisted"><span class="twoslash-popup-container"><div class="twoslash-popup-arrow"></div><code class="twoslash-popup-code"><span class="line"><span style="--shiki-dark:#80A665;--shiki-light:#59873A">title</span><span style="--shiki-dark:#666666;--shiki-light:#999999">:</span><span style="--shiki-dark:#BD976A;--shiki-light:#B07D48"> string</span></span></code><div class="twoslash-popup-docs">The title of the todo item</div></span>title</span></span><span style="--shiki-dark:#666666;--shiki-light:#999999">: </span><span style="--shiki-dark:#C98A7D99;--shiki-light:#B5695999">"</span><span style="--shiki-dark:#C98A7D;--shiki-light:#B56959">Delete inactive users</span><span style="--shiki-dark:#C98A7D99;--shiki-light:#B5695999">"</span><span style="--shiki-dark:#666666;--shiki-light:#999999">.</span><span style="--shiki-dark:#80A665;--shiki-light:#59873A"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span class="line"><span style="--shiki-dark:#BD976A;--shiki-light:#B07D48">String</span><span style="--shiki-dark:#666666;--shiki-light:#999999">.</span><span style="--shiki-dark:#80A665;--shiki-light:#59873A">toUpperCase</span><span style="--shiki-dark:#666666;--shiki-light:#999999">()</span><span style="--shiki-dark:#DBD7CAEE;--shiki-light:#393A34">: </span><span style="--shiki-dark:#BD976A;--shiki-light:#B07D48">string</span></span></code><div class="twoslash-popup-docs">Converts all the alphabetic characters in a string to uppercase.</div></span>toUpperCase</span></span><span style="--shiki-dark:#666666;--shiki-light:#999999">(),</span></span>
+<span class="line"><span style="--shiki-dark:#CB7676;--shiki-light:#AB5959">const </span><span style="--shiki-dark:#BD976A;--shiki-light:#B07D48"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span style="--shiki-dark:#CB7676;--shiki-light:#AB5959">const </span><span style="--shiki-dark:#BD976A;--shiki-light:#B07D48">todo</span><span style="--shiki-dark:#666666;--shiki-light:#999999">: </span><span style="--shiki-dark:#5DA994;--shiki-light:#2E8F82">Readonly</span><span style="--shiki-dark:#666666;--shiki-light:#999999">&#x3C;</span><span style="--shiki-dark:#5DA994;--shiki-light:#2E8F82">Todo</span><span style="--shiki-dark:#666666;--shiki-light:#999999">></span></code></span>todo</span></span><span style="--shiki-dark:#666666;--shiki-light:#999999">: </span><span style="--shiki-dark:#5DA994;--shiki-light:#2E8F82"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span style="--shiki-dark:#CB7676;--shiki-light:#AB5959">type</span><span style="--shiki-dark:#5DA994;--shiki-light:#2E8F82"> Readonly</span><span style="--shiki-dark:#666666;--shiki-light:#999999">&#x3C;</span><span style="--shiki-dark:#5DA994;--shiki-light:#2E8F82">T</span><span style="--shiki-dark:#666666;--shiki-light:#999999">></span><span style="--shiki-dark:#666666;--shiki-light:#999999"> =</span><span style="--shiki-dark:#666666;--shiki-light:#999999"> {</span><span style="--shiki-dark:#CB7676;--shiki-light:#AB5959"> readonly</span><span style="--shiki-dark:#666666;--shiki-light:#999999"> [</span><span style="--shiki-dark:#5DA994;--shiki-light:#2E8F82">P</span><span style="--shiki-dark:#CB7676;--shiki-light:#AB5959"> in</span><span style="--shiki-dark:#CB7676;--shiki-light:#AB5959"> keyof</span><span style="--shiki-dark:#5DA994;--shiki-light:#2E8F82"> T</span><span style="--shiki-dark:#666666;--shiki-light:#999999">]: </span><span style="--shiki-dark:#5DA994;--shiki-light:#2E8F82">T</span><span style="--shiki-dark:#666666;--shiki-light:#999999">[</span><span style="--shiki-dark:#5DA994;--shiki-light:#2E8F82">P</span><span style="--shiki-dark:#666666;--shiki-light:#999999">];</span><span style="--shiki-dark:#666666;--shiki-light:#999999"> }</span></code><div class="twoslash-popup-docs">Make all properties in T readonly</div></span>Readonly</span></span><span style="--shiki-dark:#666666;--shiki-light:#999999">&#x3C;</span><span style="--shiki-dark:#5DA994;--shiki-light:#2E8F82">Todo</span><span style="--shiki-dark:#666666;--shiki-light:#999999">> =</span><span style="--shiki-dark:#666666;--shiki-light:#999999"> {</span></span>
+<span class="line"><span style="--shiki-dark:#B8A965;--shiki-light:#998418">  </span><span style="--shiki-dark:#B8A965;--shiki-light:#998418"><span class="twoslash-hover twoslash-query-presisted"><span class="twoslash-popup-container"><div class="twoslash-popup-arrow"></div><code class="twoslash-popup-code"><span style="--shiki-dark:#80A665;--shiki-light:#59873A">title</span><span style="--shiki-dark:#666666;--shiki-light:#999999">:</span><span style="--shiki-dark:#BD976A;--shiki-light:#B07D48"> string</span></code><div class="twoslash-popup-docs">The title of the todo item</div></span>title</span></span><span style="--shiki-dark:#666666;--shiki-light:#999999">: </span><span style="--shiki-dark:#C98A7D99;--shiki-light:#B5695999">"</span><span style="--shiki-dark:#C98A7D;--shiki-light:#B56959">Delete inactive users</span><span style="--shiki-dark:#C98A7D99;--shiki-light:#B5695999">"</span><span style="--shiki-dark:#666666;--shiki-light:#999999">.</span><span style="--shiki-dark:#80A665;--shiki-light:#59873A"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span style="--shiki-dark:#BD976A;--shiki-light:#B07D48">String</span><span style="--shiki-dark:#666666;--shiki-light:#999999">.</span><span style="--shiki-dark:#80A665;--shiki-light:#59873A">toUpperCase</span><span style="--shiki-dark:#666666;--shiki-light:#999999">()</span><span style="--shiki-dark:#DBD7CAEE;--shiki-light:#393A34">: </span><span style="--shiki-dark:#BD976A;--shiki-light:#B07D48">string</span></code><div class="twoslash-popup-docs">Converts all the alphabetic characters in a string to uppercase.</div></span>toUpperCase</span></span><span style="--shiki-dark:#666666;--shiki-light:#999999">(),</span></span>
 <span class="line"><span style="--shiki-dark:#666666;--shiki-light:#999999">};</span></span>
 <span class="line"></span>
-<span class="line"><span style="--shiki-dark:#BD976A;--shiki-light:#B07D48"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span class="line"><span style="--shiki-dark:#CB7676;--shiki-light:#AB5959">const </span><span style="--shiki-dark:#BD976A;--shiki-light:#B07D48">todo</span><span style="--shiki-dark:#666666;--shiki-light:#999999">: </span><span style="--shiki-dark:#5DA994;--shiki-light:#2E8F82">Readonly</span><span style="--shiki-dark:#666666;--shiki-light:#999999">&#x3C;</span><span style="--shiki-dark:#5DA994;--shiki-light:#2E8F82">Todo</span><span style="--shiki-dark:#666666;--shiki-light:#999999">></span></span></code></span>todo</span></span><span style="--shiki-dark:#666666;--shiki-light:#999999">.</span><span class="twoslash-error"><span style="--shiki-dark:#BD976A;--shiki-light:#B07D48">title</span></span><span style="--shiki-dark:#666666;--shiki-light:#999999"> =</span><span style="--shiki-dark:#C98A7D99;--shiki-light:#B5695999"> "</span><span style="--shiki-dark:#C98A7D;--shiki-light:#B56959">Hello</span><span style="--shiki-dark:#C98A7D99;--shiki-light:#B5695999">"</span><span style="--shiki-dark:#666666;--shiki-light:#999999">;</span></span><div class="twoslash-meta-line twoslash-error-line">Cannot assign to 'title' because it is a read-only property.</div><span class="line"></span>
-<span class="line"><span style="--shiki-dark:#BD976A;--shiki-light:#B07D48"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span class="line"><span style="--shiki-dark:#CB7676;--shiki-light:#AB5959">var </span><span style="--shiki-dark:#BD976A;--shiki-light:#B07D48">Number</span><span style="--shiki-dark:#666666;--shiki-light:#999999">: </span><span style="--shiki-dark:#5DA994;--shiki-light:#2E8F82">NumberConstructor</span></span></code><div class="twoslash-popup-docs">An object that represents a number of any kind. All JavaScript numbers are 64-bit floating-point numbers.</div></span>Number</span></span><span style="--shiki-dark:#666666;--shiki-light:#999999">.</span><span style="--shiki-dark:#80A665;--shiki-light:#59873A"><span>p<span class="twoslash-completion-cursor"><ul class="twoslash-completion-list"><li><span class="twoslash-completions-icon completions-method"><svg viewBox="0 0 32 32"><path fill="currentColor" d="m19.626 29.526l-.516-1.933a12.004 12.004 0 0 0 6.121-19.26l1.538-1.28a14.003 14.003 0 0 1-7.143 22.473"></path><path fill="currentColor" d="M10 29H8v-3.82l.804-.16C10.262 24.727 12 23.62 12 20v-1.382l-4-2v-2.236l4-2V12c0-5.467 3.925-9 10-9h2v3.82l-.804.16C21.738 7.273 20 8.38 20 12v.382l4 2v2.236l-4 2V20c0 5.467-3.925 9-10 9m0-2c4.935 0 8-2.682 8-7v-2.618l3.764-1.882L18 13.618V12c0-4.578 2.385-6.192 4-6.76V5c-4.935 0-8 2.682-8 7v1.618L10.236 15.5L14 17.382V20c0 4.578-2.385 6.192-4 6.76Z"></path><path fill="currentColor" d="M5.231 24.947a14.003 14.003 0 0 1 7.147-22.474l.516 1.932a12.004 12.004 0 0 0-6.125 19.263Z"></path></svg></span><span><span class="twoslash-completions-matched">p</span><span class="twoslash-completions-unmatched">arseFloat</span></span></li><li><span class="twoslash-completions-icon completions-method"><svg viewBox="0 0 32 32"><path fill="currentColor" d="m19.626 29.526l-.516-1.933a12.004 12.004 0 0 0 6.121-19.26l1.538-1.28a14.003 14.003 0 0 1-7.143 22.473"></path><path fill="currentColor" d="M10 29H8v-3.82l.804-.16C10.262 24.727 12 23.62 12 20v-1.382l-4-2v-2.236l4-2V12c0-5.467 3.925-9 10-9h2v3.82l-.804.16C21.738 7.273 20 8.38 20 12v.382l4 2v2.236l-4 2V20c0 5.467-3.925 9-10 9m0-2c4.935 0 8-2.682 8-7v-2.618l3.764-1.882L18 13.618V12c0-4.578 2.385-6.192 4-6.76V5c-4.935 0-8 2.682-8 7v1.618L10.236 15.5L14 17.382V20c0 4.578-2.385 6.192-4 6.76Z"></path><path fill="currentColor" d="M5.231 24.947a14.003 14.003 0 0 1 7.147-22.474l.516 1.932a12.004 12.004 0 0 0-6.125 19.263Z"></path></svg></span><span><span class="twoslash-completions-matched">p</span><span class="twoslash-completions-unmatched">arseInt</span></span></li><li><span class="twoslash-completions-icon completions-property"><svg viewBox="0 0 32 32"><path fill="currentColor" d="M12.1 2a9.8 9.8 0 0 0-5.4 1.6l6.4 6.4a2.1 2.1 0 0 1 .2 3a2.1 2.1 0 0 1-3-.2L3.7 6.4A9.84 9.84 0 0 0 2 12.1a10.14 10.14 0 0 0 10.1 10.1a10.9 10.9 0 0 0 2.6-.3l6.7 6.7a5 5 0 0 0 7.1-7.1l-6.7-6.7a10.9 10.9 0 0 0 .3-2.6A10 10 0 0 0 12.1 2m8 10.1a7.61 7.61 0 0 1-.3 2.1l-.3 1.1l.8.8l6.7 6.7a2.88 2.88 0 0 1 .9 2.1A2.72 2.72 0 0 1 27 27a2.9 2.9 0 0 1-4.2 0l-6.7-6.7l-.8-.8l-1.1.3a7.61 7.61 0 0 1-2.1.3a8.27 8.27 0 0 1-5.7-2.3A7.63 7.63 0 0 1 4 12.1a8.33 8.33 0 0 1 .3-2.2l4.4 4.4a4.14 4.14 0 0 0 5.9.2a4.14 4.14 0 0 0-.2-5.9L10 4.2a6.45 6.45 0 0 1 2-.3a8.27 8.27 0 0 1 5.7 2.3a8.49 8.49 0 0 1 2.4 5.9"></path></svg></span><span><span class="twoslash-completions-matched">p</span><span class="twoslash-completions-unmatched">rototype</span></span></li></ul></span></span></span><span style="--shiki-dark:#80A665;--shiki-light:#59873A"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span class="line"><span style="--shiki-dark:#BD976A;--shiki-light:#B07D48">NumberConstructor</span><span style="--shiki-dark:#666666;--shiki-light:#999999">.</span><span style="--shiki-dark:#80A665;--shiki-light:#59873A">parseInt</span><span style="--shiki-dark:#666666;--shiki-light:#999999">(</span><span style="--shiki-dark:#BD976A;--shiki-light:#B07D48">string</span><span style="--shiki-dark:#DBD7CAEE;--shiki-light:#393A34">: </span><span style="--shiki-dark:#BD976A;--shiki-light:#B07D48">string</span><span style="--shiki-dark:#666666;--shiki-light:#999999">,</span><span style="--shiki-dark:#BD976A;--shiki-light:#B07D48"> radix</span><span style="--shiki-dark:#CB7676;--shiki-light:#AB5959">?:</span><span style="--shiki-dark:#BD976A;--shiki-light:#B07D48"> number</span><span style="--shiki-dark:#CB7676;--shiki-light:#AB5959"> |</span><span style="--shiki-dark:#CB7676;--shiki-light:#AB5959"> undefined</span><span style="--shiki-dark:#666666;--shiki-light:#999999">)</span><span style="--shiki-dark:#DBD7CAEE;--shiki-light:#393A34">: </span><span style="--shiki-dark:#BD976A;--shiki-light:#B07D48">number</span></span></code><div class="twoslash-popup-docs">Converts A string to an integer.</div><div class="twoslash-popup-docs twoslash-popup-docs-tags"><span class="twoslash-popup-docs-tag"><span class="twoslash-popup-docs-tag-name">@param</span><span class="twoslash-popup-docs-tag-value">string A string to convert into a number.</span></span><span class="twoslash-popup-docs-tag"><span class="twoslash-popup-docs-tag-name">@param</span><span class="twoslash-popup-docs-tag-value">radix A value between 2 and 36 that specifies the base of the number in `string`.
+<span class="line"><span style="--shiki-dark:#BD976A;--shiki-light:#B07D48"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span style="--shiki-dark:#CB7676;--shiki-light:#AB5959">const </span><span style="--shiki-dark:#BD976A;--shiki-light:#B07D48">todo</span><span style="--shiki-dark:#666666;--shiki-light:#999999">: </span><span style="--shiki-dark:#5DA994;--shiki-light:#2E8F82">Readonly</span><span style="--shiki-dark:#666666;--shiki-light:#999999">&#x3C;</span><span style="--shiki-dark:#5DA994;--shiki-light:#2E8F82">Todo</span><span style="--shiki-dark:#666666;--shiki-light:#999999">></span></code></span>todo</span></span><span style="--shiki-dark:#666666;--shiki-light:#999999">.</span><span class="twoslash-error"><span style="--shiki-dark:#BD976A;--shiki-light:#B07D48">title</span></span><span style="--shiki-dark:#666666;--shiki-light:#999999"> =</span><span style="--shiki-dark:#C98A7D99;--shiki-light:#B5695999"> "</span><span style="--shiki-dark:#C98A7D;--shiki-light:#B56959">Hello</span><span style="--shiki-dark:#C98A7D99;--shiki-light:#B5695999">"</span><span style="--shiki-dark:#666666;--shiki-light:#999999">;</span></span><div class="twoslash-meta-line twoslash-error-line">Cannot assign to 'title' because it is a read-only property.</div><span class="line"></span>
+<span class="line"><span style="--shiki-dark:#BD976A;--shiki-light:#B07D48"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span style="--shiki-dark:#CB7676;--shiki-light:#AB5959">var </span><span style="--shiki-dark:#BD976A;--shiki-light:#B07D48">Number</span><span style="--shiki-dark:#666666;--shiki-light:#999999">: </span><span style="--shiki-dark:#5DA994;--shiki-light:#2E8F82">NumberConstructor</span></code><div class="twoslash-popup-docs">An object that represents a number of any kind. All JavaScript numbers are 64-bit floating-point numbers.</div></span>Number</span></span><span style="--shiki-dark:#666666;--shiki-light:#999999">.</span><span style="--shiki-dark:#80A665;--shiki-light:#59873A"><span>p<span class="twoslash-completion-cursor"><ul class="twoslash-completion-list"><li><span class="twoslash-completions-icon completions-method"><svg viewBox="0 0 32 32"><path fill="currentColor" d="m19.626 29.526l-.516-1.933a12.004 12.004 0 0 0 6.121-19.26l1.538-1.28a14.003 14.003 0 0 1-7.143 22.473"></path><path fill="currentColor" d="M10 29H8v-3.82l.804-.16C10.262 24.727 12 23.62 12 20v-1.382l-4-2v-2.236l4-2V12c0-5.467 3.925-9 10-9h2v3.82l-.804.16C21.738 7.273 20 8.38 20 12v.382l4 2v2.236l-4 2V20c0 5.467-3.925 9-10 9m0-2c4.935 0 8-2.682 8-7v-2.618l3.764-1.882L18 13.618V12c0-4.578 2.385-6.192 4-6.76V5c-4.935 0-8 2.682-8 7v1.618L10.236 15.5L14 17.382V20c0 4.578-2.385 6.192-4 6.76Z"></path><path fill="currentColor" d="M5.231 24.947a14.003 14.003 0 0 1 7.147-22.474l.516 1.932a12.004 12.004 0 0 0-6.125 19.263Z"></path></svg></span><span><span class="twoslash-completions-matched">p</span><span class="twoslash-completions-unmatched">arseFloat</span></span></li><li><span class="twoslash-completions-icon completions-method"><svg viewBox="0 0 32 32"><path fill="currentColor" d="m19.626 29.526l-.516-1.933a12.004 12.004 0 0 0 6.121-19.26l1.538-1.28a14.003 14.003 0 0 1-7.143 22.473"></path><path fill="currentColor" d="M10 29H8v-3.82l.804-.16C10.262 24.727 12 23.62 12 20v-1.382l-4-2v-2.236l4-2V12c0-5.467 3.925-9 10-9h2v3.82l-.804.16C21.738 7.273 20 8.38 20 12v.382l4 2v2.236l-4 2V20c0 5.467-3.925 9-10 9m0-2c4.935 0 8-2.682 8-7v-2.618l3.764-1.882L18 13.618V12c0-4.578 2.385-6.192 4-6.76V5c-4.935 0-8 2.682-8 7v1.618L10.236 15.5L14 17.382V20c0 4.578-2.385 6.192-4 6.76Z"></path><path fill="currentColor" d="M5.231 24.947a14.003 14.003 0 0 1 7.147-22.474l.516 1.932a12.004 12.004 0 0 0-6.125 19.263Z"></path></svg></span><span><span class="twoslash-completions-matched">p</span><span class="twoslash-completions-unmatched">arseInt</span></span></li><li><span class="twoslash-completions-icon completions-property"><svg viewBox="0 0 32 32"><path fill="currentColor" d="M12.1 2a9.8 9.8 0 0 0-5.4 1.6l6.4 6.4a2.1 2.1 0 0 1 .2 3a2.1 2.1 0 0 1-3-.2L3.7 6.4A9.84 9.84 0 0 0 2 12.1a10.14 10.14 0 0 0 10.1 10.1a10.9 10.9 0 0 0 2.6-.3l6.7 6.7a5 5 0 0 0 7.1-7.1l-6.7-6.7a10.9 10.9 0 0 0 .3-2.6A10 10 0 0 0 12.1 2m8 10.1a7.61 7.61 0 0 1-.3 2.1l-.3 1.1l.8.8l6.7 6.7a2.88 2.88 0 0 1 .9 2.1A2.72 2.72 0 0 1 27 27a2.9 2.9 0 0 1-4.2 0l-6.7-6.7l-.8-.8l-1.1.3a7.61 7.61 0 0 1-2.1.3a8.27 8.27 0 0 1-5.7-2.3A7.63 7.63 0 0 1 4 12.1a8.33 8.33 0 0 1 .3-2.2l4.4 4.4a4.14 4.14 0 0 0 5.9.2a4.14 4.14 0 0 0-.2-5.9L10 4.2a6.45 6.45 0 0 1 2-.3a8.27 8.27 0 0 1 5.7 2.3a8.49 8.49 0 0 1 2.4 5.9"></path></svg></span><span><span class="twoslash-completions-matched">p</span><span class="twoslash-completions-unmatched">rototype</span></span></li></ul></span></span></span><span style="--shiki-dark:#80A665;--shiki-light:#59873A"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span style="--shiki-dark:#BD976A;--shiki-light:#B07D48">NumberConstructor</span><span style="--shiki-dark:#666666;--shiki-light:#999999">.</span><span style="--shiki-dark:#80A665;--shiki-light:#59873A">parseInt</span><span style="--shiki-dark:#666666;--shiki-light:#999999">(</span><span style="--shiki-dark:#BD976A;--shiki-light:#B07D48">string</span><span style="--shiki-dark:#DBD7CAEE;--shiki-light:#393A34">: </span><span style="--shiki-dark:#BD976A;--shiki-light:#B07D48">string</span><span style="--shiki-dark:#666666;--shiki-light:#999999">,</span><span style="--shiki-dark:#BD976A;--shiki-light:#B07D48"> radix</span><span style="--shiki-dark:#CB7676;--shiki-light:#AB5959">?:</span><span style="--shiki-dark:#BD976A;--shiki-light:#B07D48"> number</span><span style="--shiki-dark:#CB7676;--shiki-light:#AB5959"> |</span><span style="--shiki-dark:#CB7676;--shiki-light:#AB5959"> undefined</span><span style="--shiki-dark:#666666;--shiki-light:#999999">)</span><span style="--shiki-dark:#DBD7CAEE;--shiki-light:#393A34">: </span><span style="--shiki-dark:#BD976A;--shiki-light:#B07D48">number</span></code><div class="twoslash-popup-docs">Converts A string to an integer.</div><div class="twoslash-popup-docs twoslash-popup-docs-tags"><span class="twoslash-popup-docs-tag"><span class="twoslash-popup-docs-tag-name">@param</span><span class="twoslash-popup-docs-tag-value">string A string to convert into a number.</span></span><span class="twoslash-popup-docs-tag"><span class="twoslash-popup-docs-tag-name">@param</span><span class="twoslash-popup-docs-tag-value">radix A value between 2 and 36 that specifies the base of the number in `string`.
 If this argument is not supplied, strings with a prefix of '0x' are considered hexadecimal.
-All other strings are considered decimal.</span></span></div></span>arseInt</span></span><span style="--shiki-dark:#666666;--shiki-light:#999999">(</span><span style="--shiki-dark:#BD976A;--shiki-light:#B07D48"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span class="line"><span style="--shiki-dark:#CB7676;--shiki-light:#AB5959">const </span><span style="--shiki-dark:#BD976A;--shiki-light:#B07D48">todo</span><span style="--shiki-dark:#666666;--shiki-light:#999999">: </span><span style="--shiki-dark:#5DA994;--shiki-light:#2E8F82">Readonly</span><span style="--shiki-dark:#666666;--shiki-light:#999999">&#x3C;</span><span style="--shiki-dark:#5DA994;--shiki-light:#2E8F82">Todo</span><span style="--shiki-dark:#666666;--shiki-light:#999999">></span></span></code></span>todo</span></span><span style="--shiki-dark:#666666;--shiki-light:#999999">.</span><span style="--shiki-dark:#BD976A;--shiki-light:#B07D48"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span class="line"><span style="--shiki-dark:#80A665;--shiki-light:#59873A">title</span><span style="--shiki-dark:#666666;--shiki-light:#999999">:</span><span style="--shiki-dark:#BD976A;--shiki-light:#B07D48"> string</span></span></code><div class="twoslash-popup-docs">The title of the todo item</div></span>title</span></span><span style="--shiki-dark:#666666;--shiki-light:#999999">,</span><span style="--shiki-dark:#4C9A91;--shiki-light:#2F798A"> 10</span><span style="--shiki-dark:#666666;--shiki-light:#999999">);</span></span>
+All other strings are considered decimal.</span></span></div></span>arseInt</span></span><span style="--shiki-dark:#666666;--shiki-light:#999999">(</span><span style="--shiki-dark:#BD976A;--shiki-light:#B07D48"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span style="--shiki-dark:#CB7676;--shiki-light:#AB5959">const </span><span style="--shiki-dark:#BD976A;--shiki-light:#B07D48">todo</span><span style="--shiki-dark:#666666;--shiki-light:#999999">: </span><span style="--shiki-dark:#5DA994;--shiki-light:#2E8F82">Readonly</span><span style="--shiki-dark:#666666;--shiki-light:#999999">&#x3C;</span><span style="--shiki-dark:#5DA994;--shiki-light:#2E8F82">Todo</span><span style="--shiki-dark:#666666;--shiki-light:#999999">></span></code></span>todo</span></span><span style="--shiki-dark:#666666;--shiki-light:#999999">.</span><span style="--shiki-dark:#BD976A;--shiki-light:#B07D48"><span class="twoslash-hover"><span class="twoslash-popup-container"><code class="twoslash-popup-code"><span style="--shiki-dark:#80A665;--shiki-light:#59873A">title</span><span style="--shiki-dark:#666666;--shiki-light:#999999">:</span><span style="--shiki-dark:#BD976A;--shiki-light:#B07D48"> string</span></code><div class="twoslash-popup-docs">The title of the todo item</div></span>title</span></span><span style="--shiki-dark:#666666;--shiki-light:#999999">,</span><span style="--shiki-dark:#4C9A91;--shiki-light:#2F798A"> 10</span><span style="--shiki-dark:#666666;--shiki-light:#999999">);</span></span>
 <span class="line"></span></code></pre>
 <script>
 function toggleColor() {
diff --git a/packages/vitepress-twoslash/src/renderer-floating-vue.ts b/packages/vitepress-twoslash/src/renderer-floating-vue.ts
index 7dbf0127b..982415949 100644
--- a/packages/vitepress-twoslash/src/renderer-floating-vue.ts
+++ b/packages/vitepress-twoslash/src/renderer-floating-vue.ts
@@ -163,14 +163,20 @@ function renderMarkdown(this: ShikiTransformerContextCommon, md: string): Elemen
         code: (state, node) => {
           const lang = node.lang || ''
           if (lang) {
-            return this.codeToHast(
-              node.value,
-              {
-                ...this.options,
-                transformers: [],
-                lang,
-              },
-            ).children[0] as Element
+            return <Element>{
+              type: 'element',
+              tagName: 'code',
+              properties: {},
+              children: this.codeToHast(
+                node.value,
+                {
+                  ...this.options,
+                  transformers: [],
+                  lang,
+                  structure: 'inline',
+                },
+              ).children,
+            }
           }
           return defaultHandlers.code(state, node)
         },
diff --git a/packages/vitepress-twoslash/test/out/completion-end-multifile-2.ts.json b/packages/vitepress-twoslash/test/out/completion-end-multifile-2.ts.json
index b0cb89111..ac1968e2b 100644
--- a/packages/vitepress-twoslash/test/out/completion-end-multifile-2.ts.json
+++ b/packages/vitepress-twoslash/test/out/completion-end-multifile-2.ts.json
@@ -122,86 +122,77 @@
                                         "type": "element",
                                         "tagName": "span",
                                         "properties": {
-                                          "class": "line"
+                                          "style": "color:#CB7676"
                                         },
                                         "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#CB7676"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "const "
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "const "
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#BD976A"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#BD976A"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "foo"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "foo"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": ": "
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": ": "
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "\""
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "\""
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "foo"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "foo"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "\""
-                                              }
-                                            ]
+                                            "type": "text",
+                                            "value": "\""
                                           }
                                         ]
                                       }
@@ -363,60 +354,51 @@
                                         "type": "element",
                                         "tagName": "span",
                                         "properties": {
-                                          "class": "line"
+                                          "style": "color:#CB7676"
                                         },
                                         "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#CB7676"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "var "
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "var "
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#BD976A"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#BD976A"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "console"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "console"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": ": "
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": ": "
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#5DA994"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#5DA994"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "Console"
-                                              }
-                                            ]
+                                            "type": "text",
+                                            "value": "Console"
                                           }
                                         ]
                                       }
diff --git a/packages/vitepress-twoslash/test/out/completion-end-multifile.ts.json b/packages/vitepress-twoslash/test/out/completion-end-multifile.ts.json
index bb29bb79d..5fa7b130f 100644
--- a/packages/vitepress-twoslash/test/out/completion-end-multifile.ts.json
+++ b/packages/vitepress-twoslash/test/out/completion-end-multifile.ts.json
@@ -122,86 +122,77 @@
                                         "type": "element",
                                         "tagName": "span",
                                         "properties": {
-                                          "class": "line"
+                                          "style": "color:#CB7676"
                                         },
                                         "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#CB7676"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "const "
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "const "
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#BD976A"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#BD976A"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "foo"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "foo"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": ": "
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": ": "
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "\""
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "\""
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "foo"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "foo"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "\""
-                                              }
-                                            ]
+                                            "type": "text",
+                                            "value": "\""
                                           }
                                         ]
                                       }
@@ -403,281 +394,258 @@
                                         "type": "element",
                                         "tagName": "span",
                                         "properties": {
-                                          "class": "line"
+                                          "style": "color:#CB7676"
                                         },
                                         "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#CB7676"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "type"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "type"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#5DA994"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#5DA994"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " Example"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " Example"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " ="
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " ="
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " {"
-                                              }
-                                            ]
+                                            "type": "text",
+                                            "value": " {"
                                           }
                                         ]
                                       },
                                       {
-                                        "type": "text",
-                                        "value": "\n"
+                                        "type": "element",
+                                        "tagName": "br",
+                                        "properties": {},
+                                        "children": []
                                       },
                                       {
                                         "type": "element",
                                         "tagName": "span",
                                         "properties": {
-                                          "class": "line"
+                                          "style": "color:#BD976A"
                                         },
                                         "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#BD976A"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "    name"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "    name"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": ": "
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": ": "
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "'"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "'"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "foo"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "foo"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "'"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "'"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " | "
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " | "
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "'"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "'"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "bar"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "bar"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "'"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "'"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " | "
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " | "
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "'"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "'"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "baz"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "baz"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "'"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "'"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": ";"
-                                              }
-                                            ]
+                                            "type": "text",
+                                            "value": ";"
                                           }
                                         ]
                                       },
                                       {
-                                        "type": "text",
-                                        "value": "\n"
+                                        "type": "element",
+                                        "tagName": "br",
+                                        "properties": {},
+                                        "children": []
                                       },
                                       {
                                         "type": "element",
                                         "tagName": "span",
                                         "properties": {
-                                          "class": "line"
+                                          "style": "color:#666666"
                                         },
                                         "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "}"
-                                              }
-                                            ]
+                                            "type": "text",
+                                            "value": "}"
                                           }
                                         ]
                                       }
@@ -801,177 +769,168 @@
                                         "type": "element",
                                         "tagName": "span",
                                         "properties": {
-                                          "class": "line"
+                                          "style": "color:#80A665"
                                         },
                                         "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#80A665"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "name"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "name"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": ":"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": ":"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " \""
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " \""
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "foo"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "foo"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "\""
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "\""
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#CB7676"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#CB7676"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " |"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " |"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " \""
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " \""
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "bar"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "bar"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "\""
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "\""
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#CB7676"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#CB7676"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " |"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " |"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " \""
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " \""
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "baz"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "baz"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "\""
-                                              }
-                                            ]
+                                            "type": "text",
+                                            "value": "\""
                                           }
                                         ]
                                       }
@@ -1277,60 +1236,51 @@
                                         "type": "element",
                                         "tagName": "span",
                                         "properties": {
-                                          "class": "line"
+                                          "style": "color:#CB7676"
                                         },
                                         "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#CB7676"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "const "
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "const "
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#BD976A"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#BD976A"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "example"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "example"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": ": "
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": ": "
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#5DA994"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#5DA994"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "Example"
-                                              }
-                                            ]
+                                            "type": "text",
+                                            "value": "Example"
                                           }
                                         ]
                                       }
@@ -1415,281 +1365,258 @@
                                         "type": "element",
                                         "tagName": "span",
                                         "properties": {
-                                          "class": "line"
+                                          "style": "color:#CB7676"
                                         },
                                         "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#CB7676"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "type"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "type"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#5DA994"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#5DA994"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " Example"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " Example"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " ="
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " ="
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " {"
-                                              }
-                                            ]
+                                            "type": "text",
+                                            "value": " {"
                                           }
                                         ]
                                       },
                                       {
-                                        "type": "text",
-                                        "value": "\n"
+                                        "type": "element",
+                                        "tagName": "br",
+                                        "properties": {},
+                                        "children": []
                                       },
                                       {
                                         "type": "element",
                                         "tagName": "span",
                                         "properties": {
-                                          "class": "line"
+                                          "style": "color:#BD976A"
                                         },
                                         "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#BD976A"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "    name"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "    name"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": ": "
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": ": "
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "'"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "'"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "foo"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "foo"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "'"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "'"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " | "
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " | "
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "'"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "'"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "bar"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "bar"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "'"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "'"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " | "
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " | "
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "'"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "'"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "baz"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "baz"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "'"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "'"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": ";"
-                                              }
-                                            ]
+                                            "type": "text",
+                                            "value": ";"
                                           }
                                         ]
                                       },
                                       {
-                                        "type": "text",
-                                        "value": "\n"
+                                        "type": "element",
+                                        "tagName": "br",
+                                        "properties": {},
+                                        "children": []
                                       },
                                       {
                                         "type": "element",
                                         "tagName": "span",
                                         "properties": {
-                                          "class": "line"
+                                          "style": "color:#666666"
                                         },
                                         "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "}"
-                                              }
-                                            ]
+                                            "type": "text",
+                                            "value": "}"
                                           }
                                         ]
                                       }
@@ -1787,177 +1714,168 @@
                                         "type": "element",
                                         "tagName": "span",
                                         "properties": {
-                                          "class": "line"
+                                          "style": "color:#80A665"
                                         },
                                         "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#80A665"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "name"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "name"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": ":"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": ":"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " \""
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " \""
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "foo"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "foo"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "\""
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "\""
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#CB7676"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#CB7676"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " |"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " |"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " \""
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " \""
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "bar"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "bar"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "\""
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "\""
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#CB7676"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#CB7676"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " |"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " |"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " \""
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " \""
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "baz"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "baz"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "\""
-                                              }
-                                            ]
+                                            "type": "text",
+                                            "value": "\""
                                           }
                                         ]
                                       }
@@ -2107,60 +2025,51 @@
                                         "type": "element",
                                         "tagName": "span",
                                         "properties": {
-                                          "class": "line"
+                                          "style": "color:#CB7676"
                                         },
                                         "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#CB7676"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "const "
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "const "
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#BD976A"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#BD976A"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "example"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "example"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": ": "
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": ": "
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#5DA994"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#5DA994"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "Example"
-                                              }
-                                            ]
+                                            "type": "text",
+                                            "value": "Example"
                                           }
                                         ]
                                       }
@@ -2245,177 +2154,168 @@
                                         "type": "element",
                                         "tagName": "span",
                                         "properties": {
-                                          "class": "line"
+                                          "style": "color:#80A665"
                                         },
                                         "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#80A665"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "name"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "name"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": ":"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": ":"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " \""
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " \""
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "foo"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "foo"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "\""
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "\""
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#CB7676"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#CB7676"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " |"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " |"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " \""
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " \""
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "bar"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "bar"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "\""
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "\""
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#CB7676"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#CB7676"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " |"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " |"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " \""
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " \""
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "baz"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "baz"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "\""
-                                              }
-                                            ]
+                                            "type": "text",
+                                            "value": "\""
                                           }
                                         ]
                                       }
diff --git a/packages/vitepress-twoslash/test/out/completion-end.ts.json b/packages/vitepress-twoslash/test/out/completion-end.ts.json
index b57b328f6..b31947002 100644
--- a/packages/vitepress-twoslash/test/out/completion-end.ts.json
+++ b/packages/vitepress-twoslash/test/out/completion-end.ts.json
@@ -83,60 +83,51 @@
                                         "type": "element",
                                         "tagName": "span",
                                         "properties": {
-                                          "class": "line"
+                                          "style": "color:#CB7676"
                                         },
                                         "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#CB7676"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "var "
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "var "
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#BD976A"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#BD976A"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "console"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "console"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": ": "
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": ": "
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#5DA994"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#5DA994"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "Console"
-                                              }
-                                            ]
+                                            "type": "text",
+                                            "value": "Console"
                                           }
                                         ]
                                       }
@@ -422,280 +413,257 @@
                                         "type": "element",
                                         "tagName": "span",
                                         "properties": {
-                                          "class": "line"
+                                          "style": "color:#CB7676"
                                         },
                                         "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#CB7676"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "const "
-                                              }
-                                            ]
-                                          },
-                                          {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#BD976A"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "a"
-                                              }
-                                            ]
-                                          },
-                                          {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": ": {"
-                                              }
-                                            ]
+                                            "type": "text",
+                                            "value": "const "
                                           }
                                         ]
                                       },
                                       {
-                                        "type": "text",
-                                        "value": "\n"
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#BD976A"
+                                        },
+                                        "children": [
+                                          {
+                                            "type": "text",
+                                            "value": "a"
+                                          }
+                                        ]
                                       },
                                       {
                                         "type": "element",
                                         "tagName": "span",
                                         "properties": {
-                                          "class": "line"
+                                          "style": "color:#666666"
                                         },
                                         "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#BD976A"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "    test"
-                                              }
-                                            ]
-                                          },
-                                          {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": ": "
-                                              }
-                                            ]
-                                          },
-                                          {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "'"
-                                              }
-                                            ]
-                                          },
-                                          {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "foo"
-                                              }
-                                            ]
-                                          },
-                                          {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "'"
-                                              }
-                                            ]
-                                          },
-                                          {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " | "
-                                              }
-                                            ]
-                                          },
-                                          {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "'"
-                                              }
-                                            ]
-                                          },
-                                          {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "bar"
-                                              }
-                                            ]
-                                          },
-                                          {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "'"
-                                              }
-                                            ]
-                                          },
-                                          {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " | "
-                                              }
-                                            ]
-                                          },
-                                          {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "'"
-                                              }
-                                            ]
-                                          },
-                                          {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "baz"
-                                              }
-                                            ]
-                                          },
-                                          {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "'"
-                                              }
-                                            ]
-                                          },
-                                          {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": ";"
-                                              }
-                                            ]
+                                            "type": "text",
+                                            "value": ": {"
                                           }
                                         ]
                                       },
                                       {
-                                        "type": "text",
-                                        "value": "\n"
+                                        "type": "element",
+                                        "tagName": "br",
+                                        "properties": {},
+                                        "children": []
                                       },
                                       {
                                         "type": "element",
                                         "tagName": "span",
                                         "properties": {
-                                          "class": "line"
+                                          "style": "color:#BD976A"
                                         },
                                         "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "}"
-                                              }
-                                            ]
+                                            "type": "text",
+                                            "value": "    test"
                                           }
                                         ]
-                                      }
-                                    ]
-                                  }
-                                ]
-                              }
-                            ]
-                          },
-                          "children": []
-                        }
-                      ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
+                                          {
+                                            "type": "text",
+                                            "value": ": "
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
+                                          {
+                                            "type": "text",
+                                            "value": "'"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D"
+                                        },
+                                        "children": [
+                                          {
+                                            "type": "text",
+                                            "value": "foo"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
+                                          {
+                                            "type": "text",
+                                            "value": "'"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
+                                          {
+                                            "type": "text",
+                                            "value": " | "
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
+                                          {
+                                            "type": "text",
+                                            "value": "'"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D"
+                                        },
+                                        "children": [
+                                          {
+                                            "type": "text",
+                                            "value": "bar"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
+                                          {
+                                            "type": "text",
+                                            "value": "'"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
+                                          {
+                                            "type": "text",
+                                            "value": " | "
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
+                                          {
+                                            "type": "text",
+                                            "value": "'"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D"
+                                        },
+                                        "children": [
+                                          {
+                                            "type": "text",
+                                            "value": "baz"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
+                                          {
+                                            "type": "text",
+                                            "value": "'"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
+                                          {
+                                            "type": "text",
+                                            "value": ";"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "br",
+                                        "properties": {},
+                                        "children": []
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
+                                          {
+                                            "type": "text",
+                                            "value": "}"
+                                          }
+                                        ]
+                                      }
+                                    ]
+                                  }
+                                ]
+                              }
+                            ]
+                          },
+                          "children": []
+                        }
+                      ]
                     }
                   ]
                 },
@@ -768,177 +736,168 @@
                                         "type": "element",
                                         "tagName": "span",
                                         "properties": {
-                                          "class": "line"
+                                          "style": "color:#80A665"
                                         },
                                         "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#80A665"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "test"
-                                              }
-                                            ]
-                                          },
-                                          {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": ":"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "test"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " \""
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": ":"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "foo"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " \""
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "\""
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "foo"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#CB7676"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " |"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "\""
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#CB7676"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " \""
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " |"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "bar"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " \""
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "\""
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "bar"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#CB7676"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " |"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "\""
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#CB7676"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " \""
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " |"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "baz"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " \""
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "\""
-                                              }
-                                            ]
+                                            "type": "text",
+                                            "value": "baz"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
+                                          {
+                                            "type": "text",
+                                            "value": "\""
                                           }
                                         ]
                                       }
@@ -1218,177 +1177,168 @@
                                         "type": "element",
                                         "tagName": "span",
                                         "properties": {
-                                          "class": "line"
+                                          "style": "color:#80A665"
                                         },
                                         "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#80A665"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "test"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "test"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": ":"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": ":"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " \""
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " \""
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "foo"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "foo"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "\""
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "\""
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#CB7676"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#CB7676"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " |"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " |"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " \""
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " \""
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "bar"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "bar"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "\""
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "\""
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#CB7676"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#CB7676"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " |"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " |"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " \""
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " \""
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "baz"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "baz"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "\""
-                                              }
-                                            ]
+                                            "type": "text",
+                                            "value": "\""
                                           }
                                         ]
                                       }
@@ -1551,268 +1501,245 @@
                                         "type": "element",
                                         "tagName": "span",
                                         "properties": {
-                                          "class": "line"
+                                          "style": "color:#CB7676"
                                         },
                                         "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#CB7676"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "const "
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "const "
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#BD976A"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#BD976A"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "a"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "a"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": ": {"
-                                              }
-                                            ]
+                                            "type": "text",
+                                            "value": ": {"
                                           }
                                         ]
                                       },
                                       {
-                                        "type": "text",
-                                        "value": "\n"
+                                        "type": "element",
+                                        "tagName": "br",
+                                        "properties": {},
+                                        "children": []
                                       },
                                       {
                                         "type": "element",
                                         "tagName": "span",
                                         "properties": {
-                                          "class": "line"
+                                          "style": "color:#BD976A"
                                         },
                                         "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#BD976A"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "    test"
-                                              }
-                                            ]
-                                          },
-                                          {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": ": "
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "    test"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "'"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": ": "
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "foo"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "'"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "'"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "foo"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " | "
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "'"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "'"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " | "
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "bar"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "'"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "'"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "bar"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " | "
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "'"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "'"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " | "
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "baz"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "'"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "'"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "baz"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": ";"
-                                              }
-                                            ]
+                                            "type": "text",
+                                            "value": "'"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
+                                          {
+                                            "type": "text",
+                                            "value": ";"
                                           }
                                         ]
                                       },
                                       {
-                                        "type": "text",
-                                        "value": "\n"
+                                        "type": "element",
+                                        "tagName": "br",
+                                        "properties": {},
+                                        "children": []
                                       },
                                       {
                                         "type": "element",
                                         "tagName": "span",
                                         "properties": {
-                                          "class": "line"
+                                          "style": "color:#666666"
                                         },
                                         "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "}"
-                                              }
-                                            ]
+                                            "type": "text",
+                                            "value": "}"
                                           }
                                         ]
                                       }
@@ -2067,268 +1994,245 @@
                                         "type": "element",
                                         "tagName": "span",
                                         "properties": {
-                                          "class": "line"
+                                          "style": "color:#CB7676"
                                         },
                                         "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#CB7676"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "const "
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "const "
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#BD976A"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#BD976A"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "a"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "a"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": ": {"
-                                              }
-                                            ]
+                                            "type": "text",
+                                            "value": ": {"
                                           }
                                         ]
                                       },
                                       {
-                                        "type": "text",
-                                        "value": "\n"
+                                        "type": "element",
+                                        "tagName": "br",
+                                        "properties": {},
+                                        "children": []
                                       },
                                       {
                                         "type": "element",
                                         "tagName": "span",
                                         "properties": {
-                                          "class": "line"
+                                          "style": "color:#BD976A"
                                         },
                                         "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#BD976A"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "    test"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "    test"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": ": "
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": ": "
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "'"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "'"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "foo"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "foo"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "'"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "'"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " | "
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " | "
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "'"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "'"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "bar"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "bar"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "'"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "'"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " | "
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " | "
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "'"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "'"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "baz"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "baz"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "'"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "'"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": ";"
-                                              }
-                                            ]
+                                            "type": "text",
+                                            "value": ";"
                                           }
                                         ]
                                       },
                                       {
-                                        "type": "text",
-                                        "value": "\n"
+                                        "type": "element",
+                                        "tagName": "br",
+                                        "properties": {},
+                                        "children": []
                                       },
                                       {
                                         "type": "element",
                                         "tagName": "span",
                                         "properties": {
-                                          "class": "line"
+                                          "style": "color:#666666"
                                         },
                                         "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "}"
-                                              }
-                                            ]
+                                            "type": "text",
+                                            "value": "}"
                                           }
                                         ]
                                       }
@@ -2413,177 +2317,168 @@
                                         "type": "element",
                                         "tagName": "span",
                                         "properties": {
-                                          "class": "line"
+                                          "style": "color:#80A665"
                                         },
                                         "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#80A665"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "test"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "test"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": ":"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": ":"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " \""
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " \""
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "foo"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "foo"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "\""
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "\""
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#CB7676"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#CB7676"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " |"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " |"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " \""
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " \""
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "bar"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "bar"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "\""
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "\""
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#CB7676"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#CB7676"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " |"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " |"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " \""
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " \""
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "baz"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "baz"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "\""
-                                              }
-                                            ]
+                                            "type": "text",
+                                            "value": "\""
                                           }
                                         ]
                                       }
@@ -2972,268 +2867,245 @@
                                         "type": "element",
                                         "tagName": "span",
                                         "properties": {
-                                          "class": "line"
+                                          "style": "color:#CB7676"
                                         },
                                         "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#CB7676"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "const "
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "const "
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#BD976A"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#BD976A"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "a"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "a"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": ": {"
-                                              }
-                                            ]
+                                            "type": "text",
+                                            "value": ": {"
                                           }
                                         ]
                                       },
                                       {
-                                        "type": "text",
-                                        "value": "\n"
+                                        "type": "element",
+                                        "tagName": "br",
+                                        "properties": {},
+                                        "children": []
                                       },
                                       {
                                         "type": "element",
                                         "tagName": "span",
                                         "properties": {
-                                          "class": "line"
+                                          "style": "color:#BD976A"
                                         },
                                         "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#BD976A"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "    test"
-                                              }
-                                            ]
-                                          },
-                                          {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": ": "
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "    test"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "'"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": ": "
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "foo"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "'"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "'"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "foo"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " | "
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "'"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "'"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " | "
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "bar"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "'"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "'"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "bar"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " | "
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "'"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "'"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " | "
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "baz"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "'"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "'"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "baz"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": ";"
-                                              }
-                                            ]
+                                            "type": "text",
+                                            "value": "'"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
+                                          {
+                                            "type": "text",
+                                            "value": ";"
                                           }
                                         ]
                                       },
                                       {
-                                        "type": "text",
-                                        "value": "\n"
+                                        "type": "element",
+                                        "tagName": "br",
+                                        "properties": {},
+                                        "children": []
                                       },
                                       {
                                         "type": "element",
                                         "tagName": "span",
                                         "properties": {
-                                          "class": "line"
+                                          "style": "color:#666666"
                                         },
                                         "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "}"
-                                              }
-                                            ]
+                                            "type": "text",
+                                            "value": "}"
                                           }
                                         ]
                                       }
@@ -3318,177 +3190,168 @@
                                         "type": "element",
                                         "tagName": "span",
                                         "properties": {
-                                          "class": "line"
+                                          "style": "color:#80A665"
                                         },
                                         "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#80A665"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "test"
-                                              }
-                                            ]
-                                          },
-                                          {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": ":"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "test"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " \""
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": ":"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "foo"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " \""
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "\""
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "foo"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#CB7676"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " |"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "\""
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#CB7676"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " \""
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " |"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "bar"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " \""
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "\""
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "bar"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#CB7676"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " |"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "\""
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#CB7676"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " \""
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " |"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "baz"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " \""
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "\""
-                                              }
-                                            ]
+                                            "type": "text",
+                                            "value": "baz"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
+                                          {
+                                            "type": "text",
+                                            "value": "\""
                                           }
                                         ]
                                       }
@@ -3823,268 +3686,245 @@
                                         "type": "element",
                                         "tagName": "span",
                                         "properties": {
-                                          "class": "line"
+                                          "style": "color:#CB7676"
                                         },
                                         "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#CB7676"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "const "
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "const "
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#BD976A"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#BD976A"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "a"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "a"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": ": {"
-                                              }
-                                            ]
+                                            "type": "text",
+                                            "value": ": {"
                                           }
                                         ]
                                       },
                                       {
-                                        "type": "text",
-                                        "value": "\n"
+                                        "type": "element",
+                                        "tagName": "br",
+                                        "properties": {},
+                                        "children": []
                                       },
                                       {
                                         "type": "element",
                                         "tagName": "span",
                                         "properties": {
-                                          "class": "line"
+                                          "style": "color:#BD976A"
                                         },
                                         "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#BD976A"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "    test"
-                                              }
-                                            ]
-                                          },
-                                          {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": ": "
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "    test"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "'"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": ": "
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "foo"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "'"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "'"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "foo"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " | "
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "'"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "'"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " | "
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "bar"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "'"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "'"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "bar"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " | "
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "'"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "'"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " | "
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "baz"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "'"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "'"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "baz"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": ";"
-                                              }
-                                            ]
+                                            "type": "text",
+                                            "value": "'"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
+                                          {
+                                            "type": "text",
+                                            "value": ";"
                                           }
                                         ]
                                       },
                                       {
-                                        "type": "text",
-                                        "value": "\n"
+                                        "type": "element",
+                                        "tagName": "br",
+                                        "properties": {},
+                                        "children": []
                                       },
                                       {
                                         "type": "element",
                                         "tagName": "span",
                                         "properties": {
-                                          "class": "line"
+                                          "style": "color:#666666"
                                         },
                                         "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "}"
-                                              }
-                                            ]
+                                            "type": "text",
+                                            "value": "}"
                                           }
                                         ]
                                       }
@@ -4169,177 +4009,168 @@
                                         "type": "element",
                                         "tagName": "span",
                                         "properties": {
-                                          "class": "line"
+                                          "style": "color:#80A665"
                                         },
                                         "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#80A665"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "test"
-                                              }
-                                            ]
-                                          },
-                                          {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": ":"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "test"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " \""
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": ":"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "foo"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " \""
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "\""
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "foo"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#CB7676"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " |"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "\""
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#CB7676"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " \""
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " |"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "bar"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " \""
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "\""
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "bar"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#CB7676"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " |"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "\""
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#CB7676"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " \""
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " |"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "baz"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " \""
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "\""
-                                              }
-                                            ]
+                                            "type": "text",
+                                            "value": "baz"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
+                                          {
+                                            "type": "text",
+                                            "value": "\""
                                           }
                                         ]
                                       }
@@ -4700,268 +4531,245 @@
                                         "type": "element",
                                         "tagName": "span",
                                         "properties": {
-                                          "class": "line"
+                                          "style": "color:#CB7676"
                                         },
                                         "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#CB7676"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "const "
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "const "
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#BD976A"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#BD976A"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "a"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "a"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": ": {"
-                                              }
-                                            ]
+                                            "type": "text",
+                                            "value": ": {"
                                           }
                                         ]
                                       },
                                       {
-                                        "type": "text",
-                                        "value": "\n"
+                                        "type": "element",
+                                        "tagName": "br",
+                                        "properties": {},
+                                        "children": []
                                       },
                                       {
                                         "type": "element",
                                         "tagName": "span",
                                         "properties": {
-                                          "class": "line"
+                                          "style": "color:#BD976A"
                                         },
                                         "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#BD976A"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "    test"
-                                              }
-                                            ]
-                                          },
-                                          {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": ": "
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "    test"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "'"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": ": "
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "foo"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "'"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "'"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "foo"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " | "
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "'"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "'"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " | "
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "bar"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "'"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "'"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "bar"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " | "
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "'"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "'"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " | "
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "baz"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "'"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "'"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "baz"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": ";"
-                                              }
-                                            ]
+                                            "type": "text",
+                                            "value": "'"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
+                                          {
+                                            "type": "text",
+                                            "value": ";"
                                           }
                                         ]
                                       },
                                       {
-                                        "type": "text",
-                                        "value": "\n"
+                                        "type": "element",
+                                        "tagName": "br",
+                                        "properties": {},
+                                        "children": []
                                       },
                                       {
                                         "type": "element",
                                         "tagName": "span",
                                         "properties": {
-                                          "class": "line"
+                                          "style": "color:#666666"
                                         },
                                         "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "}"
-                                              }
-                                            ]
+                                            "type": "text",
+                                            "value": "}"
                                           }
                                         ]
                                       }
@@ -5046,177 +4854,168 @@
                                         "type": "element",
                                         "tagName": "span",
                                         "properties": {
-                                          "class": "line"
+                                          "style": "color:#80A665"
                                         },
                                         "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#80A665"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "test"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "test"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": ":"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": ":"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " \""
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " \""
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "foo"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "foo"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "\""
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "\""
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#CB7676"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#CB7676"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " |"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " |"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " \""
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " \""
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "bar"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "bar"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "\""
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "\""
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#CB7676"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#CB7676"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " |"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " |"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " \""
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " \""
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "baz"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "baz"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "\""
-                                              }
-                                            ]
+                                            "type": "text",
+                                            "value": "\""
                                           }
                                         ]
                                       }
diff --git a/packages/vitepress-twoslash/test/out/completion-string.ts.json b/packages/vitepress-twoslash/test/out/completion-string.ts.json
index 49e219bf7..ce247d931 100644
--- a/packages/vitepress-twoslash/test/out/completion-string.ts.json
+++ b/packages/vitepress-twoslash/test/out/completion-string.ts.json
@@ -109,138 +109,129 @@
                                         "type": "element",
                                         "tagName": "span",
                                         "properties": {
-                                          "class": "line"
+                                          "style": "color:#F97583"
                                         },
                                         "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#F97583"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "type"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "type"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#B392F0"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#B392F0"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " A"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " A"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#F97583"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#F97583"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " ="
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " ="
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#9ECBFF"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#9ECBFF"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " \"@foo\""
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " \"@foo\""
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#F97583"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#F97583"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " |"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " |"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#9ECBFF"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#9ECBFF"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " \"@bar\""
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " \"@bar\""
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#F97583"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#F97583"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " |"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " |"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#9ECBFF"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#9ECBFF"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " \"/foo\""
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " \"/foo\""
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#F97583"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#F97583"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " |"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " |"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#9ECBFF"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#9ECBFF"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " \"/bar\""
-                                              }
-                                            ]
+                                            "type": "text",
+                                            "value": " \"/bar\""
                                           }
                                         ]
                                       }
@@ -515,138 +506,129 @@
                                         "type": "element",
                                         "tagName": "span",
                                         "properties": {
-                                          "class": "line"
+                                          "style": "color:#F97583"
                                         },
                                         "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#F97583"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "type"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "type"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#B392F0"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#B392F0"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " A"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " A"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#F97583"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#F97583"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " ="
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " ="
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#9ECBFF"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#9ECBFF"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " \"@foo\""
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " \"@foo\""
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#F97583"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#F97583"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " |"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " |"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#9ECBFF"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#9ECBFF"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " \"@bar\""
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " \"@bar\""
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#F97583"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#F97583"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " |"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " |"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#9ECBFF"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#9ECBFF"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " \"/foo\""
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " \"/foo\""
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#F97583"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#F97583"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " |"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " |"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#9ECBFF"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#9ECBFF"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " \"/bar\""
-                                              }
-                                            ]
+                                            "type": "text",
+                                            "value": " \"/bar\""
                                           }
                                         ]
                                       }
diff --git a/packages/vitepress-twoslash/test/out/highlights.ts.json b/packages/vitepress-twoslash/test/out/highlights.ts.json
index 4c139aea0..e96e68965 100644
--- a/packages/vitepress-twoslash/test/out/highlights.ts.json
+++ b/packages/vitepress-twoslash/test/out/highlights.ts.json
@@ -116,138 +116,129 @@
                                             "type": "element",
                                             "tagName": "span",
                                             "properties": {
-                                              "class": "line"
+                                              "style": "color:#CB7676"
                                             },
                                             "children": [
                                               {
-                                                "type": "element",
-                                                "tagName": "span",
-                                                "properties": {
-                                                  "style": "color:#CB7676"
-                                                },
-                                                "children": [
-                                                  {
-                                                    "type": "text",
-                                                    "value": "type"
-                                                  }
-                                                ]
-                                              },
+                                                "type": "text",
+                                                "value": "type"
+                                              }
+                                            ]
+                                          },
+                                          {
+                                            "type": "element",
+                                            "tagName": "span",
+                                            "properties": {
+                                              "style": "color:#5DA994"
+                                            },
+                                            "children": [
                                               {
-                                                "type": "element",
-                                                "tagName": "span",
-                                                "properties": {
-                                                  "style": "color:#5DA994"
-                                                },
-                                                "children": [
-                                                  {
-                                                    "type": "text",
-                                                    "value": " Result"
-                                                  }
-                                                ]
-                                              },
+                                                "type": "text",
+                                                "value": " Result"
+                                              }
+                                            ]
+                                          },
+                                          {
+                                            "type": "element",
+                                            "tagName": "span",
+                                            "properties": {
+                                              "style": "color:#666666"
+                                            },
+                                            "children": [
                                               {
-                                                "type": "element",
-                                                "tagName": "span",
-                                                "properties": {
-                                                  "style": "color:#666666"
-                                                },
-                                                "children": [
-                                                  {
-                                                    "type": "text",
-                                                    "value": " ="
-                                                  }
-                                                ]
-                                              },
+                                                "type": "text",
+                                                "value": " ="
+                                              }
+                                            ]
+                                          },
+                                          {
+                                            "type": "element",
+                                            "tagName": "span",
+                                            "properties": {
+                                              "style": "color:#C98A7D99"
+                                            },
+                                            "children": [
                                               {
-                                                "type": "element",
-                                                "tagName": "span",
-                                                "properties": {
-                                                  "style": "color:#C98A7D99"
-                                                },
-                                                "children": [
-                                                  {
-                                                    "type": "text",
-                                                    "value": " \""
-                                                  }
-                                                ]
-                                              },
+                                                "type": "text",
+                                                "value": " \""
+                                              }
+                                            ]
+                                          },
+                                          {
+                                            "type": "element",
+                                            "tagName": "span",
+                                            "properties": {
+                                              "style": "color:#C98A7D"
+                                            },
+                                            "children": [
                                               {
-                                                "type": "element",
-                                                "tagName": "span",
-                                                "properties": {
-                                                  "style": "color:#C98A7D"
-                                                },
-                                                "children": [
-                                                  {
-                                                    "type": "text",
-                                                    "value": "pass"
-                                                  }
-                                                ]
-                                              },
+                                                "type": "text",
+                                                "value": "pass"
+                                              }
+                                            ]
+                                          },
+                                          {
+                                            "type": "element",
+                                            "tagName": "span",
+                                            "properties": {
+                                              "style": "color:#C98A7D99"
+                                            },
+                                            "children": [
                                               {
-                                                "type": "element",
-                                                "tagName": "span",
-                                                "properties": {
-                                                  "style": "color:#C98A7D99"
-                                                },
-                                                "children": [
-                                                  {
-                                                    "type": "text",
-                                                    "value": "\""
-                                                  }
-                                                ]
-                                              },
+                                                "type": "text",
+                                                "value": "\""
+                                              }
+                                            ]
+                                          },
+                                          {
+                                            "type": "element",
+                                            "tagName": "span",
+                                            "properties": {
+                                              "style": "color:#666666"
+                                            },
+                                            "children": [
                                               {
-                                                "type": "element",
-                                                "tagName": "span",
-                                                "properties": {
-                                                  "style": "color:#666666"
-                                                },
-                                                "children": [
-                                                  {
-                                                    "type": "text",
-                                                    "value": " |"
-                                                  }
-                                                ]
-                                              },
+                                                "type": "text",
+                                                "value": " |"
+                                              }
+                                            ]
+                                          },
+                                          {
+                                            "type": "element",
+                                            "tagName": "span",
+                                            "properties": {
+                                              "style": "color:#C98A7D99"
+                                            },
+                                            "children": [
                                               {
-                                                "type": "element",
-                                                "tagName": "span",
-                                                "properties": {
-                                                  "style": "color:#C98A7D99"
-                                                },
-                                                "children": [
-                                                  {
-                                                    "type": "text",
-                                                    "value": " \""
-                                                  }
-                                                ]
-                                              },
+                                                "type": "text",
+                                                "value": " \""
+                                              }
+                                            ]
+                                          },
+                                          {
+                                            "type": "element",
+                                            "tagName": "span",
+                                            "properties": {
+                                              "style": "color:#C98A7D"
+                                            },
+                                            "children": [
                                               {
-                                                "type": "element",
-                                                "tagName": "span",
-                                                "properties": {
-                                                  "style": "color:#C98A7D"
-                                                },
-                                                "children": [
-                                                  {
-                                                    "type": "text",
-                                                    "value": "fail"
-                                                  }
-                                                ]
-                                              },
+                                                "type": "text",
+                                                "value": "fail"
+                                              }
+                                            ]
+                                          },
+                                          {
+                                            "type": "element",
+                                            "tagName": "span",
+                                            "properties": {
+                                              "style": "color:#C98A7D99"
+                                            },
+                                            "children": [
                                               {
-                                                "type": "element",
-                                                "tagName": "span",
-                                                "properties": {
-                                                  "style": "color:#C98A7D99"
-                                                },
-                                                "children": [
-                                                  {
-                                                    "type": "text",
-                                                    "value": "\""
-                                                  }
-                                                ]
+                                                "type": "text",
+                                                "value": "\""
                                               }
                                             ]
                                           }
@@ -465,166 +456,6 @@
                                         "properties": {
                                           "class": "twoslash-popup-code"
                                         },
-                                        "children": [
-                                          {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "class": "line"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "element",
-                                                "tagName": "span",
-                                                "properties": {
-                                                  "style": "color:#CB7676"
-                                                },
-                                                "children": [
-                                                  {
-                                                    "type": "text",
-                                                    "value": "const "
-                                                  }
-                                                ]
-                                              },
-                                              {
-                                                "type": "element",
-                                                "tagName": "span",
-                                                "properties": {
-                                                  "style": "color:#BD976A"
-                                                },
-                                                "children": [
-                                                  {
-                                                    "type": "text",
-                                                    "value": "hello"
-                                                  }
-                                                ]
-                                              },
-                                              {
-                                                "type": "element",
-                                                "tagName": "span",
-                                                "properties": {
-                                                  "style": "color:#666666"
-                                                },
-                                                "children": [
-                                                  {
-                                                    "type": "text",
-                                                    "value": ": "
-                                                  }
-                                                ]
-                                              },
-                                              {
-                                                "type": "element",
-                                                "tagName": "span",
-                                                "properties": {
-                                                  "style": "color:#C98A7D99"
-                                                },
-                                                "children": [
-                                                  {
-                                                    "type": "text",
-                                                    "value": "\""
-                                                  }
-                                                ]
-                                              },
-                                              {
-                                                "type": "element",
-                                                "tagName": "span",
-                                                "properties": {
-                                                  "style": "color:#C98A7D"
-                                                },
-                                                "children": [
-                                                  {
-                                                    "type": "text",
-                                                    "value": "OK"
-                                                  }
-                                                ]
-                                              },
-                                              {
-                                                "type": "element",
-                                                "tagName": "span",
-                                                "properties": {
-                                                  "style": "color:#C98A7D99"
-                                                },
-                                                "children": [
-                                                  {
-                                                    "type": "text",
-                                                    "value": "\""
-                                                  }
-                                                ]
-                                              }
-                                            ]
-                                          }
-                                        ]
-                                      }
-                                    ]
-                                  }
-                                ]
-                              },
-                              "children": []
-                            }
-                          ]
-                        }
-                      ]
-                    }
-                  ]
-                },
-                {
-                  "type": "element",
-                  "tagName": "span",
-                  "properties": {
-                    "style": "color:#BD976A"
-                  },
-                  "children": [
-                    {
-                      "type": "element",
-                      "value": "llo",
-                      "tagName": "v-menu",
-                      "properties": {
-                        "class": "twoslash-hover",
-                        "popper-class": "shiki twoslash-floating vp-copy-ignore vp-code",
-                        "theme": "twoslash"
-                      },
-                      "children": [
-                        {
-                          "type": "element",
-                          "tagName": "span",
-                          "properties": {},
-                          "children": [
-                            {
-                              "type": "text",
-                              "value": "llo"
-                            }
-                          ]
-                        },
-                        {
-                          "type": "element",
-                          "tagName": "template",
-                          "properties": {
-                            "v-slot:popper": "{}"
-                          },
-                          "content": {
-                            "type": "root",
-                            "children": [
-                              {
-                                "type": "element",
-                                "tagName": "span",
-                                "properties": {
-                                  "class": "twoslash-popup-container vp-copy-ignore",
-                                  "v-pre": ""
-                                },
-                                "children": [
-                                  {
-                                    "type": "element",
-                                    "tagName": "code",
-                                    "properties": {
-                                      "class": "twoslash-popup-code"
-                                    },
-                                    "children": [
-                                      {
-                                        "type": "element",
-                                        "tagName": "span",
-                                        "properties": {
-                                          "class": "line"
-                                        },
                                         "children": [
                                           {
                                             "type": "element",
@@ -709,10 +540,10 @@
                                     ]
                                   }
                                 ]
-                              }
-                            ]
-                          },
-                          "children": []
+                              },
+                              "children": []
+                            }
+                          ]
                         }
                       ]
                     }
@@ -722,33 +553,175 @@
                   "type": "element",
                   "tagName": "span",
                   "properties": {
-                    "style": "color:#666666"
-                  },
-                  "children": [
-                    {
-                      "type": "text",
-                      "value": " ="
-                    }
-                  ]
-                },
-                {
-                  "type": "element",
-                  "tagName": "span",
-                  "properties": {
-                    "style": "color:#C98A7D99"
-                  },
-                  "children": [
-                    {
-                      "type": "text",
-                      "value": " \""
-                    }
-                  ]
-                },
-                {
-                  "type": "element",
-                  "tagName": "span",
-                  "properties": {
-                    "style": "color:#C98A7D"
+                    "style": "color:#BD976A"
+                  },
+                  "children": [
+                    {
+                      "type": "element",
+                      "value": "llo",
+                      "tagName": "v-menu",
+                      "properties": {
+                        "class": "twoslash-hover",
+                        "popper-class": "shiki twoslash-floating vp-copy-ignore vp-code",
+                        "theme": "twoslash"
+                      },
+                      "children": [
+                        {
+                          "type": "element",
+                          "tagName": "span",
+                          "properties": {},
+                          "children": [
+                            {
+                              "type": "text",
+                              "value": "llo"
+                            }
+                          ]
+                        },
+                        {
+                          "type": "element",
+                          "tagName": "template",
+                          "properties": {
+                            "v-slot:popper": "{}"
+                          },
+                          "content": {
+                            "type": "root",
+                            "children": [
+                              {
+                                "type": "element",
+                                "tagName": "span",
+                                "properties": {
+                                  "class": "twoslash-popup-container vp-copy-ignore",
+                                  "v-pre": ""
+                                },
+                                "children": [
+                                  {
+                                    "type": "element",
+                                    "tagName": "code",
+                                    "properties": {
+                                      "class": "twoslash-popup-code"
+                                    },
+                                    "children": [
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#CB7676"
+                                        },
+                                        "children": [
+                                          {
+                                            "type": "text",
+                                            "value": "const "
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#BD976A"
+                                        },
+                                        "children": [
+                                          {
+                                            "type": "text",
+                                            "value": "hello"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
+                                          {
+                                            "type": "text",
+                                            "value": ": "
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
+                                          {
+                                            "type": "text",
+                                            "value": "\""
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D"
+                                        },
+                                        "children": [
+                                          {
+                                            "type": "text",
+                                            "value": "OK"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
+                                          {
+                                            "type": "text",
+                                            "value": "\""
+                                          }
+                                        ]
+                                      }
+                                    ]
+                                  }
+                                ]
+                              }
+                            ]
+                          },
+                          "children": []
+                        }
+                      ]
+                    }
+                  ]
+                },
+                {
+                  "type": "element",
+                  "tagName": "span",
+                  "properties": {
+                    "style": "color:#666666"
+                  },
+                  "children": [
+                    {
+                      "type": "text",
+                      "value": " ="
+                    }
+                  ]
+                },
+                {
+                  "type": "element",
+                  "tagName": "span",
+                  "properties": {
+                    "style": "color:#C98A7D99"
+                  },
+                  "children": [
+                    {
+                      "type": "text",
+                      "value": " \""
+                    }
+                  ]
+                },
+                {
+                  "type": "element",
+                  "tagName": "span",
+                  "properties": {
+                    "style": "color:#C98A7D"
                   },
                   "children": [
                     {
@@ -884,86 +857,77 @@
                                             "type": "element",
                                             "tagName": "span",
                                             "properties": {
-                                              "class": "line"
+                                              "style": "color:#CB7676"
                                             },
                                             "children": [
                                               {
-                                                "type": "element",
-                                                "tagName": "span",
-                                                "properties": {
-                                                  "style": "color:#CB7676"
-                                                },
-                                                "children": [
-                                                  {
-                                                    "type": "text",
-                                                    "value": "const "
-                                                  }
-                                                ]
-                                              },
+                                                "type": "text",
+                                                "value": "const "
+                                              }
+                                            ]
+                                          },
+                                          {
+                                            "type": "element",
+                                            "tagName": "span",
+                                            "properties": {
+                                              "style": "color:#BD976A"
+                                            },
+                                            "children": [
                                               {
-                                                "type": "element",
-                                                "tagName": "span",
-                                                "properties": {
-                                                  "style": "color:#BD976A"
-                                                },
-                                                "children": [
-                                                  {
-                                                    "type": "text",
-                                                    "value": "world"
-                                                  }
-                                                ]
-                                              },
+                                                "type": "text",
+                                                "value": "world"
+                                              }
+                                            ]
+                                          },
+                                          {
+                                            "type": "element",
+                                            "tagName": "span",
+                                            "properties": {
+                                              "style": "color:#666666"
+                                            },
+                                            "children": [
                                               {
-                                                "type": "element",
-                                                "tagName": "span",
-                                                "properties": {
-                                                  "style": "color:#666666"
-                                                },
-                                                "children": [
-                                                  {
-                                                    "type": "text",
-                                                    "value": ": "
-                                                  }
-                                                ]
-                                              },
+                                                "type": "text",
+                                                "value": ": "
+                                              }
+                                            ]
+                                          },
+                                          {
+                                            "type": "element",
+                                            "tagName": "span",
+                                            "properties": {
+                                              "style": "color:#C98A7D99"
+                                            },
+                                            "children": [
                                               {
-                                                "type": "element",
-                                                "tagName": "span",
-                                                "properties": {
-                                                  "style": "color:#C98A7D99"
-                                                },
-                                                "children": [
-                                                  {
-                                                    "type": "text",
-                                                    "value": "\""
-                                                  }
-                                                ]
-                                              },
+                                                "type": "text",
+                                                "value": "\""
+                                              }
+                                            ]
+                                          },
+                                          {
+                                            "type": "element",
+                                            "tagName": "span",
+                                            "properties": {
+                                              "style": "color:#C98A7D"
+                                            },
+                                            "children": [
                                               {
-                                                "type": "element",
-                                                "tagName": "span",
-                                                "properties": {
-                                                  "style": "color:#C98A7D"
-                                                },
-                                                "children": [
-                                                  {
-                                                    "type": "text",
-                                                    "value": "OK"
-                                                  }
-                                                ]
-                                              },
+                                                "type": "text",
+                                                "value": "OK"
+                                              }
+                                            ]
+                                          },
+                                          {
+                                            "type": "element",
+                                            "tagName": "span",
+                                            "properties": {
+                                              "style": "color:#C98A7D99"
+                                            },
+                                            "children": [
                                               {
-                                                "type": "element",
-                                                "tagName": "span",
-                                                "properties": {
-                                                  "style": "color:#C98A7D99"
-                                                },
-                                                "children": [
-                                                  {
-                                                    "type": "text",
-                                                    "value": "\""
-                                                  }
-                                                ]
+                                                "type": "text",
+                                                "value": "\""
                                               }
                                             ]
                                           }
@@ -1037,86 +1001,77 @@
                                         "type": "element",
                                         "tagName": "span",
                                         "properties": {
-                                          "class": "line"
+                                          "style": "color:#CB7676"
                                         },
                                         "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#CB7676"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "const "
-                                              }
-                                            ]
-                                          },
-                                          {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#BD976A"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "world"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "const "
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#BD976A"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": ": "
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "world"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "\""
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": ": "
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "OK"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "\""
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "\""
-                                              }
-                                            ]
+                                            "type": "text",
+                                            "value": "OK"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
+                                          {
+                                            "type": "text",
+                                            "value": "\""
                                           }
                                         ]
                                       }
@@ -1265,60 +1220,51 @@
                                         "type": "element",
                                         "tagName": "span",
                                         "properties": {
-                                          "class": "line"
+                                          "style": "color:#CB7676"
                                         },
                                         "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#CB7676"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "var "
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "var "
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#BD976A"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#BD976A"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "console"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "console"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": ": "
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": ": "
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#5DA994"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#5DA994"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "Console"
-                                              }
-                                            ]
+                                            "type": "text",
+                                            "value": "Console"
                                           }
                                         ]
                                       }
@@ -1403,138 +1349,129 @@
                                         "type": "element",
                                         "tagName": "span",
                                         "properties": {
-                                          "class": "line"
+                                          "style": "color:#BD976A"
                                         },
                                         "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#BD976A"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "Console"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "Console"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "."
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "."
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#80A665"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#80A665"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "log"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "log"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "(..."
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "(..."
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#BD976A"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#BD976A"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "data"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "data"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#DBD7CAEE"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#DBD7CAEE"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": ": "
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": ": "
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#BD976A"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#BD976A"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "any"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "any"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "[])"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "[])"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#DBD7CAEE"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#DBD7CAEE"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": ": "
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": ": "
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#CB7676"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#CB7676"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "void"
-                                              }
-                                            ]
+                                            "type": "text",
+                                            "value": "void"
                                           }
                                         ]
                                       }
diff --git a/packages/vitepress-twoslash/test/out/import-vue.ts.json b/packages/vitepress-twoslash/test/out/import-vue.ts.json
index 470691950..7b244f711 100644
--- a/packages/vitepress-twoslash/test/out/import-vue.ts.json
+++ b/packages/vitepress-twoslash/test/out/import-vue.ts.json
@@ -122,268 +122,259 @@
                                         "type": "element",
                                         "tagName": "span",
                                         "properties": {
-                                          "class": "line"
+                                          "style": "color:#CB7676"
                                         },
                                         "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#CB7676"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "function"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "function"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#80A665"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#80A665"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " ref"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " ref"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "<"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "<"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#5DA994"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#5DA994"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "T"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "T"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": ">("
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": ">("
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#BD976A"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#BD976A"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "value"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "value"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": ": "
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": ": "
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#5DA994"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#5DA994"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "T"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "T"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "):"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "):"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#5DA994"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#5DA994"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " Ref"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " Ref"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "<"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "<"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#5DA994"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#5DA994"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "UnwrapRef"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "UnwrapRef"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "<"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "<"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#5DA994"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#5DA994"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "T"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "T"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": ">>"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": ">>"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " ("
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " ("
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#DBD7CAEE"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#DBD7CAEE"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "+"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "+"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#4C9A91"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#4C9A91"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "1"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "1"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#5DA994"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#5DA994"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " overload"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " overload"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": ")"
-                                              }
-                                            ]
+                                            "type": "text",
+                                            "value": ")"
                                           }
                                         ]
                                       }
@@ -788,99 +779,90 @@
                                         "type": "element",
                                         "tagName": "span",
                                         "properties": {
-                                          "class": "line"
+                                          "style": "color:#CB7676"
                                         },
                                         "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#CB7676"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "const "
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "const "
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#BD976A"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#BD976A"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "a"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "a"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": ": "
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": ": "
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#5DA994"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#5DA994"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "Ref"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "Ref"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "<"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "<"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#5DA994"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#5DA994"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "number"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "number"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": ">"
-                                              }
-                                            ]
+                                            "type": "text",
+                                            "value": ">"
                                           }
                                         ]
                                       }
@@ -978,242 +960,233 @@
                                         "type": "element",
                                         "tagName": "span",
                                         "properties": {
-                                          "class": "line"
+                                          "style": "color:#80A665"
                                         },
                                         "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#80A665"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "ref"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "ref"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "<"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "<"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#5DA994"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#5DA994"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "number"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "number"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": ">("
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": ">("
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#BD976A"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#BD976A"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "value"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "value"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#DBD7CAEE"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#DBD7CAEE"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": ": "
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": ": "
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#BD976A"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#BD976A"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "number"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "number"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": ")"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": ")"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#DBD7CAEE"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#DBD7CAEE"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": ": "
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": ": "
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#80A665"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#80A665"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "Ref"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "Ref"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "<"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "<"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#5DA994"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#5DA994"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "number"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "number"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": ">"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": ">"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " ("
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " ("
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#CB7676"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#CB7676"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "+"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "+"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#4C9A91"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#4C9A91"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "1"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "1"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#BD976A"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#BD976A"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": " overload"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": " overload"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": ")"
-                                              }
-                                            ]
+                                            "type": "text",
+                                            "value": ")"
                                           }
                                         ]
                                       }
diff --git a/packages/vitepress-twoslash/test/out/query-offset.ts.json b/packages/vitepress-twoslash/test/out/query-offset.ts.json
index e188c4e8c..f7a695f23 100644
--- a/packages/vitepress-twoslash/test/out/query-offset.ts.json
+++ b/packages/vitepress-twoslash/test/out/query-offset.ts.json
@@ -105,86 +105,77 @@
                                         "type": "element",
                                         "tagName": "span",
                                         "properties": {
-                                          "class": "line"
+                                          "style": "color:#CB7676"
                                         },
                                         "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#CB7676"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "const "
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "const "
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#BD976A"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#BD976A"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "foo"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "foo"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": ": "
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": ": "
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "\""
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "\""
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "123"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "123"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "\""
-                                              }
-                                            ]
+                                            "type": "text",
+                                            "value": "\""
                                           }
                                         ]
                                       }
@@ -379,86 +370,77 @@
                                         "type": "element",
                                         "tagName": "span",
                                         "properties": {
-                                          "class": "line"
+                                          "style": "color:#CB7676"
                                         },
                                         "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#CB7676"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "const "
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "const "
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#BD976A"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#BD976A"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "bar"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "bar"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": ": "
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": ": "
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "\""
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "\""
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "123"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "123"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "\""
-                                              }
-                                            ]
+                                            "type": "text",
+                                            "value": "\""
                                           }
                                         ]
                                       }
@@ -653,86 +635,77 @@
                                         "type": "element",
                                         "tagName": "span",
                                         "properties": {
-                                          "class": "line"
+                                          "style": "color:#CB7676"
                                         },
                                         "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#CB7676"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "const "
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "const "
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#BD976A"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#BD976A"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "baz"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "baz"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#666666"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#666666"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": ": "
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": ": "
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "\""
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "\""
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "123"
-                                              }
-                                            ]
-                                          },
+                                            "type": "text",
+                                            "value": "123"
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "tagName": "span",
+                                        "properties": {
+                                          "style": "color:#C98A7D99"
+                                        },
+                                        "children": [
                                           {
-                                            "type": "element",
-                                            "tagName": "span",
-                                            "properties": {
-                                              "style": "color:#C98A7D99"
-                                            },
-                                            "children": [
-                                              {
-                                                "type": "text",
-                                                "value": "\""
-                                              }
-                                            ]
+                                            "type": "text",
+                                            "value": "\""
                                           }
                                         ]
                                       }