registering of legacy components

Author: hhaensel

assets/js/markdowncard.js

@@ -50,8 +50,8 @@ Vue.component("markdown-card", {
             document.body.removeChild(el);
         },
         extractContent() {
-            if (this.hasSlotContent && this.$slots.default[0].text) {
-                return this.$slots.default[0].text.trim();
+            if (this.hasSlotContent && this.$slots.default[0]?.text) {
+                return this.$slots.default[0]?.text.trim();
             }
             return this.text;
         }

assets/js/markdowntext.js

@@ -27,8 +27,8 @@ Vue.component("markdown-text", {
     },
     methods: {
         extractContent() {
-            if (this.hasSlotContent && this.$slots.default[0].text) {
-                return this.$slots.default[0].text.trim();
+            if (this.hasSlotContent && this.$slots.default[0]?.text) {
+                return this.$slots.default[0]?.text.trim();
             }
             return this.text;
         }

src/StippleMarkdown.jl

@@ -152,6 +152,8 @@ end
 
 function __init__()
     deps_routes()
+    Stipple.register_global_components(StippleMarkdown, "markdown-text", legacy = true)
+    Stipple.register_global_components(StippleMarkdown, "markdown-card", legacy = true)
     Stipple.deps!(@__MODULE__, deps)
 end