Syntax Highlighting in Documents

Our new code block uses a tiptap extension (and a prosemirror plugin) which builds upon lowlight and highlight.js to give you syntax coloring:
  addProseMirrorPlugins() {
    return [
      ...(this.parent?.() || []),
      LowlightPlugin({
        name: this.name,
        lowlight: this.options.lowlight,
        defaultLanguage: this.options.defaultLanguage,
      }),
    ]
  },
foo bar
ba
z
che
k
it out