Prettify JSON with JS

prettify.css

.string { color: #ff5722; }
.number { color: #009688; }
.boolean { color: #2196F3; }
.null { color: #3f51b5; }
.key { color: #545E6C; }

prettify.js

  transform(value, highlight = false) {
    let json = JSON.stringify(value, null, 2)
      .replace(/ /g, ' ')
      .replace(/\n/g, '<br/>');

    if (highlight) {
      // json = json.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
      return json.replace(/("(\\u[a-zA-Z0-9]{4}|\\[^u]|[^\\"])*"(\s*:)?|\b(true|false|null)\b|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?)/g, function (match) {
        var cls = 'number';
        if (/^"/.test(match)) {
          if (/:$/.test(match)) {
            cls = 'key';
          } else {
            cls = 'string';
          }
        } else if (/true|false/.test(match)) {
          cls = 'boolean';
        } else if (/null/.test(match)) {
          cls = 'null';
        }
        return '<span class="' + cls + '">' + match + '</span>';
      });
    } else {
      return json
    }
  }