[WIP] Test Docusaurus's syntax highlighting

[fisker]

Test Docusaurus's syntax highlighting for #7417 (comment)

one , two

• I’ve added tests to confirm my change works.
• (If changing the API or CLI) I’ve documented the changes I’ve made (in the docs/ directory)
• (If the change is user-facing) I’ve added my changes to changelog_unreleased/*/pr-XXXX.md file following changelog_unreleased/TEMPLATE.md.
• I’ve read the contributing guidelines.

✨Try the playground for this PR✨

[thorn0]

Please try also updating prismjs in yarn.lock. See PrismJS/prism#1827

[fisker]

@thorn0 On my test highlighting.js can't work on jsx and typescript.

usePrism can make them to use Prism syntax highlighter.

usePrism can be array or true(for all).

Another problem prism has ts alias for typescript, but seem Docusaurus can only load this language by typescript. So we have to replace ```ts to ```typescript, also many other languages need full name(if we use usePrism: true).

I don't know how to write markdownPlugins to replace those language. But you can do this in your script, since those .md are well formatted by prettier, just replace ```ts with ```typescript should work. Easier way.

[fisker]

I'm not going to make this PR merge, just test for you.

[thorn0]

Thanks, I understood all that from your commits. But what about this comment? Probably, after updating, Prism will understand ts.

[fisker]

You already update highlight.js in your PR, right? Do one more.. :)

[fisker]

I missed your link, this problem seems fix already.

[fisker]

Can't build ... https://app.netlify.com/sites/prettier/deploys/5e3803bb3c71480008343af1