Prism mostly working well

OpenGIS · Feb 18, 2024 · 58009e7 · 58009e7
1 parent fcec4fd
commit 58009e7
Show file tree

Hide file tree

Showing 5 changed files with 590 additions and 5 deletions.
diff --git a/docs/assets/prism.css b/docs/assets/prism.css
@@ -2,6 +2,7 @@ pre[class*="language-"],
 code[class*="language-"],
 pre[class*="language-"] *,
 code[class*="language-"] * {
+	white-space: pre-wrap;
 	margin-bottom: 10px;
 	z-index: 0;
 	background: #222 !important;

diff --git a/docs/components/Content.vue b/docs/components/Content.vue
@@ -1,3 +1,15 @@
+<script setup>
+onMounted(() => {
+  setTimeout(() => {
+    //Iterate over each .remark-highlight .token.comment element
+    document.querySelectorAll("span.token.comment").forEach((el) => {
+      // Add newline
+      el.innerHTML += "\n";
+    });
+  }, 200);
+});
+</script>
+
 <template>
   <main>
     <article>

diff --git a/docs/nuxt.config.js b/docs/nuxt.config.js
@@ -7,6 +7,7 @@ export default defineNuxtConfig({
     markdown: {
       remarkPlugins: {
         "remark-gfm": true,
+        "remark-prism": true,
       },
     },
   },
@@ -15,7 +16,7 @@ export default defineNuxtConfig({
     "~/assets/main.less",
     "github-markdown-css/github-markdown-light.css",
     // "prism-theme-github/themes/prism-theme-github-dark.css",
-    // "~/assets/prism.css",
+    "~/assets/prism.css",
   ],
 
   app: {