feat: use serialize-javascript

package.json

@@ -125,6 +125,7 @@
     "remark-rehype": "10.1.0",
     "remark-stringify": "10.0.2",
     "remove-markdown": "0.5.0",
+    "serialize-javascript": "^6.0.1",
     "sharp": "0.32.0",
     "sortablejs": "1.15.0",
     "tailwind-merge": "^1.12.0",
@@ -157,6 +158,7 @@
     "@types/react-infinite-scroller": "1.2.3",
     "@types/react-scroll": "1.8.6",
     "@types/remove-markdown": "0.3.1",
+    "@types/serialize-javascript": "^5.0.2",
     "@types/sortablejs": "1.15.1",
     "@types/ua-parser-js": "0.7.36",
     "@types/uuid": "9.0.1",

pnpm-lock.yaml

@@ -289,6 +289,9 @@ dependencies:
   remove-markdown:
     specifier: 0.5.0
     version: 0.5.0
+  serialize-javascript:
+    specifier: ^6.0.1
+    version: 6.0.1
   sharp:
     specifier: 0.32.0
     version: 0.32.0
@@ -381,6 +384,9 @@ devDependencies:
   '@types/remove-markdown':
     specifier: 0.3.1
     version: 0.3.1
+  '@types/serialize-javascript':
+    specifier: ^5.0.2
+    version: 5.0.2
   '@types/sortablejs':
     specifier: 1.15.1
     version: 1.15.1
@@ -4670,6 +4676,10 @@ packages:
       '@types/node': 18.15.11
     dev: false
 
+  /@types/serialize-javascript@5.0.2:
+    resolution: {integrity: sha512-BRLlwZzRoZukGaBtcUxkLsZsQfWZpvog6MZk3PWQO9Q6pXmXFzjU5iGzZ+943evp6tkkbN98N1Z31KT0UG1yRw==}
+    dev: true
+
   /@types/sortablejs@1.15.1:
     resolution: {integrity: sha512-g/JwBNToh6oCTAwNS8UGVmjO7NLDKsejVhvE4x1eWiPTC3uCuNsa/TD4ssvX3du+MLiM+SHPNDuijp8y76JzLQ==}
 
@@ -12865,7 +12875,6 @@ packages:
     resolution: {integrity: sha512-owoXEFjWRllis8/M1Q+Cw5k8ZH40e3zhp/ovX+Xr/vi1qj6QesbyXXViFbpNvWvPNAD62SutwEXavefrLJWj7w==}
     dependencies:
       randombytes: 2.1.0
-    dev: true
 
   /set-blocking@2.0.0:
     resolution: {integrity: sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==}

src/components/site/SitePage.tsx

@@ -1,5 +1,6 @@
 import { useTranslation } from "next-i18next"
 import Head from "next/head"
+import serialize from "serialize-javascript"
 
 import { getSiteLink } from "~/lib/helpers"
 import { Note, Profile } from "~/lib/types"
@@ -17,7 +18,7 @@ export const SitePage: React.FC<{
 
   function addPageJsonLd() {
     return {
-      __html: JSON.stringify({
+      __html: serialize({
         "@context": "https://schema.org",
         "@type": "BlogPosting",
         headline: page?.title,