From 1eaec48b5addd6b3bb792ea50aeac87d1aedf6ce Mon Sep 17 00:00:00 2001
From: Knut Ahlers <knut@ahlers.me>
Date: Tue, 30 Jan 2024 16:36:16 +0100
Subject: [PATCH] Add automatic class bindings

Signed-off-by: Knut Ahlers <knut@ahlers.me>
---
 src/markdown.vue | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/src/markdown.vue b/src/markdown.vue
index 9263639..0555efa 100644
--- a/src/markdown.vue
+++ b/src/markdown.vue
@@ -6,6 +6,17 @@
 <script>
 import showdown from 'showdown'
 
+const classMap = {
+  table: 'table',
+}
+
+const htmlClassBindings = Object.keys(classMap)
+  .map(key => ({
+    regex: new RegExp(`<${key}(.*)>`, 'g'),
+    replace: `<${key} class="${classMap[key]}" $1>`,
+    type: 'output',
+  }))
+
 export default {
   data() {
     return {
@@ -37,6 +48,7 @@ export default {
       }
 
       const converter = new showdown.Converter({
+        extensions: [...htmlClassBindings],
         tables: true,
       })
       converter.setFlavor('github')