How do I get `language-json` working with prism-js

Question

I have some json that I want to highlight whenever the textarea field is changed.

Using language-json I don't get any nice coloring, using language-js I do. Isn't json supported?

according to https://prismjs.com/#supported-languages it is supported — Denny Mueller, Sep 04 '19 at 12:44
Strange, the coloring was really blend compared to when I switched to `language-js`. — Tomas Jansson, Sep 04 '19 at 21:53

score 9 · Answer 1 · answered Feb 05 '20 at 00:02

You have to import the component as well. I'm not sure if this is "best practice" but it works for me in Angular.

import * as Prism from 'prismjs';
import 'prismjs/components/prism-json'; // need this

Without the second line, JSON syntax isn't highligted at all.

1 Answers1