Diff Highlighting

Show changes inline using // [!code ++] and // [!code --] markers, or use the diff language for a +/- view.

Quick Start

Use the diff language for a pure addition/removal view.

- const old = true
+ const updated = true

Adding Options

Use inline comment markers to keep the language's normal syntax highlighting.

function getConfig() {
  return {
    theme: 'light', 
    theme: 'dark', 
  }
}

Advanced

Combine several add/remove markers in one block to show a full change set.

function getConfig() {
  return {
    theme: 'light', 
    theme: 'dark', 
    debug: true, 
    debug: false, 
  }
}

Options

Markers are recognized in //, #, /* */, and <!-- --> comment styles, and are stripped from the rendered line.