fix: markdown render compatiblity

Author: farnabaz

src/module.ts

@@ -619,7 +619,10 @@ export default defineNuxtModule<ModuleOptions>({
     await installModule('nuxt-mdc', {
       remarkPlugins: contentContext.markdown.remarkPlugins,
       rehypePlugins: contentContext.markdown.rehypePlugins,
-      highlight: contentContext.highlight
+      highlight: contentContext.highlight,
+      components: {
+        map: contentContext.markdown.tags
+      }
     })
 
     nuxt.options.runtimeConfig.public.content = defu(nuxt.options.runtimeConfig.public.content, {

src/runtime/components/ContentSlot.vue

@@ -1,23 +1,26 @@
-<template>
-  <MDCSlot :use="use" :unwrap="unwrap" />
-</template>
+<script lang="ts">
+import { defineComponent, h, resolveComponent } from 'vue'
 
-<script setup lang="ts">
-defineProps({
-  /**
-    * A slot name or function
-    */
-  use: {
-    type: Function,
-    default: undefined
+export default defineComponent({
+  props: {
+    /**
+     * A slot name or function
+     */
+    use: {
+      type: Function,
+      default: undefined
+    },
+    /**
+     * Tags to unwrap separated by spaces
+     * Example: 'ul li'
+     */
+    unwrap: {
+      type: [Boolean, String],
+      default: false
+    }
   },
-  /**
-   * Tags to unwrap separated by spaces
-   * Example: 'ul li'
-   */
-  unwrap: {
-    type: [Boolean, String],
-    default: false
+  render (props: any) {
+    return h(resolveComponent('MDCSlot'), props)
   }
 })
 </script>