diff-highlight.hast.html

<link href="./theme.css" rel="stylesheet" />
<div class="remark-highlight">
  <pre
    class="language-diff"
  ><code class="language-diff"><span class="token coord">@@ -4,6 +4,5 @@</span>
<span class="token deleted-sign deleted"><span class="token prefix deleted">-</span>  let foo = bar.baz([1, 2, 3]);
<span class="token prefix deleted">-</span>  foo = foo + 1;
</span><span class="token inserted-sign inserted"><span class="token prefix inserted">+</span>  const foo = bar.baz([1, 2, 3]) + 1;
</span><span class="token unchanged"><span class="token prefix unchanged"> </span>  console.log(`foo: ${foo}`);</span>
</code></pre>
</div>
<div class="remark-highlight">
  <pre
    class="language-diff diff-highlight"
  ><code class="language-diff"><span class="token coord">@@ -4,6 +4,5 @@</span>
<span class="token deleted-sign deleted"><span class="token prefix deleted">-</span>  let foo = bar.baz([1, 2, 3]);
<span class="token prefix deleted">-</span>  foo = foo + 1;
</span><span class="token inserted-sign inserted"><span class="token prefix inserted">+</span>  const foo = bar.baz([1, 2, 3]) + 1;
</span><span class="token unchanged"><span class="token prefix unchanged"> </span>  console.log(`foo: ${foo}`);</span>
</code></pre>
</div>
<div class="remark-highlight">
  <pre
    class="language-diff-javascript diff-highlight"
  ><code class="language-diff-javascript"><span class="token coord">@@ -4,6 +4,5 @@</span>
<span class="token deleted-sign deleted language-javascript"><span class="token prefix deleted">-</span>  <span class="token keyword">let</span> foo <span class="token operator">=</span> bar<span class="token punctuation">.</span><span class="token method function property-access">baz</span><span class="token punctuation">(</span><span class="token punctuation">[</span><span class="token number">1</span><span class="token punctuation">,</span> <span class="token number">2</span><span class="token punctuation">,</span> <span class="token number">3</span><span class="token punctuation">]</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token prefix deleted">-</span>  foo <span class="token operator">=</span> foo <span class="token operator">+</span> <span class="token number">1</span><span class="token punctuation">;</span>
</span><span class="token inserted-sign inserted language-javascript"><span class="token prefix inserted">+</span>  <span class="token keyword">const</span> foo <span class="token operator">=</span> bar<span class="token punctuation">.</span><span class="token method function property-access">baz</span><span class="token punctuation">(</span><span class="token punctuation">[</span><span class="token number">1</span><span class="token punctuation">,</span> <span class="token number">2</span><span class="token punctuation">,</span> <span class="token number">3</span><span class="token punctuation">]</span><span class="token punctuation">)</span> <span class="token operator">+</span> <span class="token number">1</span><span class="token punctuation">;</span>
</span><span class="token unchanged language-javascript"><span class="token prefix unchanged"> </span>  <span class="token console class-name">console</span><span class="token punctuation">.</span><span class="token method function property-access">log</span><span class="token punctuation">(</span><span class="token template-string"><span class="token template-punctuation string">`</span><span class="token string">foo: </span><span class="token interpolation"><span class="token interpolation-punctuation punctuation">${</span>foo<span class="token interpolation-punctuation punctuation">}</span></span><span class="token template-punctuation string">`</span></span><span class="token punctuation">)</span><span class="token punctuation">;</span></span>
</code></pre>
</div>