From 5ffc34ed56965aab3a60289d4201e0406b98e5a3 Mon Sep 17 00:00:00 2001
From: raar1 <raarichardson@gmail.com>
Date: Wed, 29 May 2024 16:30:05 +0200
Subject: [PATCH 1/6] Check for type in front-matter instead of requiring
 different extension

---
 pages/modules/[module]/[chapter].vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/pages/modules/[module]/[chapter].vue b/pages/modules/[module]/[chapter].vue
index 1701b066..18510320 100644
--- a/pages/modules/[module]/[chapter].vue
+++ b/pages/modules/[module]/[chapter].vue
@@ -1,7 +1,8 @@
 <template>
 
   <ContentDoc v-slot="{ doc }">
-    <div v-if="doc._extension === 'pmd'" class='overflow-hidden h-full '>
+    {{ doc.type }}
+    <div v-if="doc.type === 'slides'" class='overflow-hidden h-full '>
       <Slides :slidescontent="baseUrl + doc._file"/>
     </div>
     

From 7ad96ba8f0fb07d5998aec318318588b89d83a82 Mon Sep 17 00:00:00 2001
From: raar1 <raarichardson@gmail.com>
Date: Wed, 29 May 2024 23:00:53 +0200
Subject: [PATCH 2/6] Add custom plugin to keep access to the raw markdown in
 components after NuxtContent has finished parsing

---
 server/plugins/content.ts | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)
 create mode 100644 server/plugins/content.ts

diff --git a/server/plugins/content.ts b/server/plugins/content.ts
new file mode 100644
index 00000000..85303c5a
--- /dev/null
+++ b/server/plugins/content.ts
@@ -0,0 +1,26 @@
+// This plugin is needed to solve the current bad implementation of NuxtContent
+// that only makes the post-processed markdown available in body and drops
+// other props (added e.g. during beforeParse) so the raw markdown cannot simply
+// be passed as a custom property.
+//
+// Check e.g. https://github.com/nuxt/content/issues/2056 to see if this
+// eventually gets fixed.
+
+// The following code is the workaround proposed here:
+// https://github.com/nuxt/content/issues/2056#issuecomment-1560200992
+export default defineNitroPlugin((nitroApp) => {
+
+  let files = {}
+
+  nitroApp.hooks.hook("content:file:beforeParse", (file) => {
+    if (file._id.endsWith(".md")) {
+      files[file._id] = file.body;
+    }
+  })
+
+  nitroApp.hooks.hook("content:file:afterParse", (file) => {
+    if (file._id.endsWith(".md")) {
+      file.plainText = files[file._id];
+    }
+  })
+});

From fd2819fb3bb436ec1bede900b45b246011577300 Mon Sep 17 00:00:00 2001
From: raar1 <raarichardson@gmail.com>
Date: Wed, 29 May 2024 23:05:41 +0200
Subject: [PATCH 3/6] Strip frontmatter from raw markdown for chapters of type
 "slides"

---
 components/Slides.vue                | 11 +++++++++--
 pages/modules/[module]/[chapter].vue |  3 +--
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/components/Slides.vue b/components/Slides.vue
index 04ffab44..fdb38200 100644
--- a/components/Slides.vue
+++ b/components/Slides.vue
@@ -2,10 +2,12 @@
   <div class="flex relative box-border h-full reveal">
     <div class="slides flex h-full w-full">
       <section
-        :data-markdown="slidescontent"
+        data-markdown
         data-separator="^\r?\n---\r?\n$"
         data-separator-notes="^Note:"
-      />
+      >
+      {{ stripFrontmatter(slidescontent) }}
+      </section>
     </div>
   </div>
 </template>
@@ -18,6 +20,11 @@ export default {
       default: "Missing Document",
     },
   },
+  methods: {
+    stripFrontmatter (mdstr) {
+      return mdstr.replace(/^---$.*?^---$/ms, '');
+    },
+  },
 };
 </script>
 
diff --git a/pages/modules/[module]/[chapter].vue b/pages/modules/[module]/[chapter].vue
index 18510320..1fb2817f 100644
--- a/pages/modules/[module]/[chapter].vue
+++ b/pages/modules/[module]/[chapter].vue
@@ -1,9 +1,8 @@
 <template>
 
   <ContentDoc v-slot="{ doc }">
-    {{ doc.type }}
     <div v-if="doc.type === 'slides'" class='overflow-hidden h-full '>
-      <Slides :slidescontent="baseUrl + doc._file"/>
+      <Slides :slidescontent="doc.plainText"/>
     </div>
     
     <div v-else  class="flex justify-center items-center">

From 78670918f17287df36bfc77485674c3e01ac9fe6 Mon Sep 17 00:00:00 2001
From: raar1 <raarichardson@gmail.com>
Date: Wed, 29 May 2024 23:21:34 +0200
Subject: [PATCH 4/6] Add a bit of documentation explaining a possible
 confusing side effect of the current implementation

---
 components/Slides.vue | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/components/Slides.vue b/components/Slides.vue
index fdb38200..e922fbfa 100644
--- a/components/Slides.vue
+++ b/components/Slides.vue
@@ -21,6 +21,14 @@ export default {
     },
   },
   methods: {
+    /**
+      Takes a string containing raw markdown (mdstr) and returns it with
+      the yaml frontmatter removed. It does this by deleting the first
+      instance of text between "---" separators. Currently this means that
+      if the markdown file is missing the frontmatter, this function will
+      probably remove the first slide (since reveal.js defaults to "---"
+      as a slides separator.
+    */
     stripFrontmatter (mdstr) {
       return mdstr.replace(/^---$.*?^---$/ms, '');
     },

From d02219590ba7199ae8bf4208de9498be6f61cef0 Mon Sep 17 00:00:00 2001
From: raar1 <raarichardson@gmail.com>
Date: Wed, 29 May 2024 23:27:31 +0200
Subject: [PATCH 5/6] Remove no longer needed debug messages

---
 components/Slides.vue | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/components/Slides.vue b/components/Slides.vue
index e922fbfa..d4b32a21 100644
--- a/components/Slides.vue
+++ b/components/Slides.vue
@@ -51,8 +51,6 @@ onMounted(() => {
   // (Importing statically causes errors during server side rendering)
   if (process.browser) {
     import("reveal.js").then((revealModule) => {
-      console.log("Check", revealModule);
-
       const deck = new revealModule.default();
       deck.initialize({
         controls: true,
@@ -64,8 +62,6 @@ onMounted(() => {
         showNotes: true,
         plugins: [RevealMarkdown, RevealNotes, Decorations, Search],
       });
-
-      console.log("Check", deck);
     });
   }
 });

From 0f63d533201616ed9bc66819ec428122b33753e7 Mon Sep 17 00:00:00 2001
From: Robin Richardson <raar1@users.noreply.github.com>
Date: Fri, 31 May 2024 12:59:25 +0200
Subject: [PATCH 6/6] Use non-default slide separators to make distinction with
 frontmatter clear

Co-authored-by: Jaro Camphuijsen <jjecamphuijsen@gmail.com>
---
 components/Slides.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/components/Slides.vue b/components/Slides.vue
index d4b32a21..9e3d0d04 100644
--- a/components/Slides.vue
+++ b/components/Slides.vue
@@ -3,7 +3,8 @@
     <div class="slides flex h-full w-full">
       <section
         data-markdown
-        data-separator="^\r?\n---\r?\n$"
+        data-separator="^\r?\n===\r?\n$"
+        data-separator-vertical="^\r?\n==\r?\n$"
         data-separator-notes="^Note:"
       >
       {{ stripFrontmatter(slidescontent) }}