Slides

astro.config.mjs

@@ -2,6 +2,8 @@ import { defineConfig } from "astro/config";
 import remarkSidenotes from "@tufte-markdown/remark-sidenotes";
 import react from "@astrojs/react"
 
+import markdoc from "@astrojs/markdoc";
+
 // https://astro.build/config
 export default defineConfig({
   site: "https://davi.sh/",
@@ -10,8 +12,8 @@ export default defineConfig({
     shikiConfig: {
       // Choose from Shiki's built-in themes (or add your own)
       // https://github.com/shikijs/shiki/blob/main/docs/themes.md
-      theme: "solarized-light",
-    },
+      theme: "solarized-light"
+    }
   },
-  integrations: [react()],
+  integrations: [react(), markdoc()],
 });

markdoc.config.mjs

@@ -0,0 +1,13 @@
+import { defineMarkdocConfig, component } from "@astrojs/markdoc/config";
+
+export default defineMarkdocConfig({
+  tags: {
+    slide: {
+      render: component("./src/components/slides/Slide.astro"),
+      attributes: {
+        type: { type: String },
+        title: { type: String },
+      },
+    },
+  },
+});