We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
There was an error while loading. Please reload this page.
code.tsx
1 parent d482fc7 commit 4143211Copy full SHA for 4143211
src/components/code.tsx
@@ -1,22 +1,20 @@
1
import * as React from "react";
2
-import Prism from "prismjs";
+import { highlight, languages } from "prismjs";
3
import "prismjs/components/prism-jsx";
4
5
const Code: React.FC<{ code: string; language: string }> = ({
6
code,
7
language = "javascript"
8
}) => {
9
+ const prismLanguage =
10
+ languages[language.toLowerCase()] || languages.javascript;
11
+
12
return (
13
<pre>
14
<code
15
className="notion-code"
16
dangerouslySetInnerHTML={{
- __html: Prism.highlight(
- code,
- Prism.languages[language.toLowerCase()] ||
17
- Prism.languages.javascript,
18
- language
19
- )
+ __html: highlight(code, prismLanguage, language)
20
}}
21
/>
22
</pre>
0 commit comments