fix json syntax highlighting

denoland · Oct 25, 2021 · 9779000 · 9779000
1 parent 914a162
commit 9779000
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 2 deletions.
diff --git a/example/content.md b/example/content.md
@@ -1,3 +1,11 @@
+```json
+{
+  "json": {
+    "name": "Deno"
+  }
+}
+```
+
 # Deno
 
 [![Build Status - Cirrus][]][Build status] [![Twitter handle][]][Twitter badge]

diff --git a/example/main.ts b/example/main.ts
@@ -7,6 +7,7 @@ import "https://esm.sh/prismjs@1.25.0/components/prism-typescript?no-check";
 import "https://esm.sh/prismjs@1.25.0/components/prism-tsx?no-check";
 import "https://esm.sh/prismjs@1.25.0/components/prism-bash?no-check";
 import "https://esm.sh/prismjs@1.25.0/components/prism-powershell?no-check";
+import "https://esm.sh/prismjs@1.25.0/components/prism-json?no-check";
 
 const CONTENT_PATH = new URL("./content.md", import.meta.url);
 

diff --git a/mod.ts b/mod.ts
@@ -93,6 +93,7 @@ export function render(markdown: string, opts: RenderOptions = {}): string {
         "script-punctuation",
         "script",
         "plain-text",
+        "property",
       ],
       a: ["anchor"],
       svg: ["octicon", "octicon-link"],

diff --git a/style.js b/style.js
diff --git a/style/main.scss b/style/main.scss
@@ -68,7 +68,7 @@
     color: var(--color-prettylights-syntax-constant);
   }
 
-  &.tag .token.tag {
+  &.tag .token.tag, &.property {
     color: var(--color-prettylights-syntax-entity-tag);
   }
 }