fix: treat application/json scripts as json

src/__tests__/__snapshots__/script-with-type.expected/auto.marko

@@ -8,3 +8,19 @@
     ]
   }
 </script>
+
+<script type="application/json">
+  { "hello": ${JSON.stringify(
+    world,
+  )}, "and-a-lot-more": "stuff-in-here-to-line-break" }
+</script>
+<script type="application/json">
+  {
+    "hello": 345873495873985893,
+    "and-a-lot-more": "stuff-in-here-to-line-break"
+  }
+</script>
+
+<script type="unknown">
+  ${foo}
+</script>

src/__tests__/__snapshots__/script-with-type.expected/concise.marko

@@ -9,3 +9,20 @@ script nonce=$global.cspNonce type="speculationrules"
     ]
   }
   --
+
+script type="application/json"
+  --
+  { "hello": ${JSON.stringify(
+    world,
+  )}, "and-a-lot-more": "stuff-in-here-to-line-break" }
+  --
+script type="application/json"
+  --
+  {
+    "hello": 345873495873985893,
+    "and-a-lot-more": "stuff-in-here-to-line-break"
+  }
+  --
+
+script type="unknown"
+  -- ${foo}

src/__tests__/__snapshots__/script-with-type.expected/html.marko

@@ -8,3 +8,19 @@
     ]
   }
 </script>
+
+<script type="application/json">
+  { "hello": ${JSON.stringify(
+    world,
+  )}, "and-a-lot-more": "stuff-in-here-to-line-break" }
+</script>
+<script type="application/json">
+  {
+    "hello": 345873495873985893,
+    "and-a-lot-more": "stuff-in-here-to-line-break"
+  }
+</script>
+
+<script type="unknown">
+  ${foo}
+</script>

src/__tests__/__snapshots__/script-with-type.expected/with-parens.marko

@@ -8,3 +8,19 @@
     ]
   }
 </script>
+
+<script type="application/json">
+  { "hello": ${JSON.stringify(
+    world,
+  )}, "and-a-lot-more": "stuff-in-here-to-line-break" }
+</script>
+<script type="application/json">
+  {
+    "hello": 345873495873985893,
+    "and-a-lot-more": "stuff-in-here-to-line-break"
+  }
+</script>
+
+<script type="unknown">
+  ${foo}
+</script>

src/__tests__/fixtures/script-with-type.marko

@@ -6,3 +6,8 @@
     }]
   }
 </script>
+
+<script type="application/json">{ "hello": ${JSON.stringify(world)}, "and-a-lot-more": "stuff-in-here-to-line-break" }</script>
+<script type="application/json">{ "hello": 345873495873985893, "and-a-lot-more": "stuff-in-here-to-line-break" }</script>
+
+<script type="unknown">${foo}</script>

src/index.ts

@@ -1274,6 +1274,7 @@ function getScriptParser(tag: types.MarkoTag) {
           return scriptParser;
         case "importmap":
         case "speculationrules":
+        case "application/json":
           return "json";
         default:
           return false;