# How to use

Replace the `language-diff` of your code block with a `language-diff-xxxx` class to enable syntax highlighting for diff blocks.

Optional:
You can add the `diff-highlight` class to your code block to indicate changes using the background color of a line rather than the color of the text.

# Example

Using `class="language-diff"`:

    @@ -4,6 +4,5 @@
    -    let foo = bar.baz([1, 2, 3]);
    -    foo = foo + 1;
    +    const foo = bar.baz([1, 2, 3]) + 1;
         console.log(`foo: ${foo}`);

Using `class="language-diff diff-highlight"`:

    @@ -4,6 +4,5 @@
    -    let foo = bar.baz([1, 2, 3]);
    -    foo = foo + 1;
    +    const foo = bar.baz([1, 2, 3]) + 1;
         console.log(`foo: ${foo}`);

Using `class="language-diff-javascript"`:

    @@ -4,6 +4,5 @@
    -    let foo = bar.baz([1, 2, 3]);
    -    foo = foo + 1;
    +    const foo = bar.baz([1, 2, 3]) + 1;
         console.log(`foo: ${foo}`);

Using `class="language-diff-javascript diff-highlight"`:

    @@ -4,6 +4,5 @@
    -    let foo = bar.baz([1, 2, 3]);
    -    foo = foo + 1;
    +    const foo = bar.baz([1, 2, 3]) + 1;
         console.log(`foo: ${foo}`);