diff --git a/docs/app/components/content/ComponentEvents.vue b/docs/app/components/content/ComponentEvents.vue
index 5ad17919..4f061951 100644
--- a/docs/app/components/content/ComponentEvents.vue
+++ b/docs/app/components/content/ComponentEvents.vue
@@ -27,7 +27,7 @@ const meta: ComputedRef<ComponentMeta> = computed(() => componentMeta.value.meta
     <ProseTbody>
       <ProseTr v-for="event in meta.events" :key="event.name">
         <ProseTd>
-          <ProseCodeInline>
+          <ProseCodeInline class="text-primary-500 dark:text-primary-400">
             {{ event.name }}
           </ProseCodeInline>
         </ProseTd>
diff --git a/docs/app/components/content/ComponentProps.vue b/docs/app/components/content/ComponentProps.vue
index c604361e..df07f345 100644
--- a/docs/app/components/content/ComponentProps.vue
+++ b/docs/app/components/content/ComponentProps.vue
@@ -45,7 +45,7 @@ console.log('meta.value', meta.value)
     <ProseTbody>
       <ProseTr v-for="prop in meta.props" :key="prop.name">
         <ProseTd>
-          <ProseCodeInline>
+          <ProseCodeInline class="text-primary-500 dark:text-primary-400">
             {{ prop.name }}
           </ProseCodeInline>
         </ProseTd>
@@ -55,9 +55,7 @@ console.log('meta.value', meta.value)
         <ProseTd>
           <HighlightInlineType v-if="prop.type" :type="prop.type" />
 
-          <ProseP class="mt-1 mb-0 text-gray-500 dark:text-gray-400">
-            {{ prop.description }}
-          </ProseP>
+          <MDC v-if="prop.description" :value="prop.description" class="text-gray-600 dark:text-gray-300 mt-1" />
         </ProseTd>
       </ProseTr>
     </ProseTbody>
diff --git a/docs/app/components/content/ComponentSlots.vue b/docs/app/components/content/ComponentSlots.vue
index 610604e4..a9d2c20f 100644
--- a/docs/app/components/content/ComponentSlots.vue
+++ b/docs/app/components/content/ComponentSlots.vue
@@ -27,16 +27,14 @@ const meta: ComputedRef<ComponentMeta> = computed(() => componentMeta.value.meta
     <ProseTbody>
       <ProseTr v-for="slot in meta.slots" :key="slot.name">
         <ProseTd>
-          <ProseCodeInline>
+          <ProseCodeInline class="text-primary-500 dark:text-primary-400">
             {{ slot.name }}
           </ProseCodeInline>
         </ProseTd>
         <ProseTd>
           <HighlightInlineType v-if="slot.type" :type="slot.type" />
 
-          <ProseP class="mt-1 mb-0 text-gray-500 dark:text-gray-400">
-            {{ slot.description }}
-          </ProseP>
+          <MDC v-if="slot.description" :value="slot.description" class="text-gray-600 dark:text-gray-300 mt-1" />
         </ProseTd>
       </ProseTr>
     </ProseTbody>
diff --git a/docs/app/components/content/ComponentTheme.vue b/docs/app/components/content/ComponentTheme.vue
index f97baf70..6dc06ed3 100644
--- a/docs/app/components/content/ComponentTheme.vue
+++ b/docs/app/components/content/ComponentTheme.vue
@@ -8,7 +8,7 @@ const route = useRoute()
 
 const name = camelCase(route.params.slug[route.params.slug.length - 1])
 
-const { data: ast } = await useAsyncData(`${name}-theme`, () => parseMarkdown(`
+const { data: ast } = await useAsyncData<any>(`${name}-theme`, () => parseMarkdown(`
 \`\`\`yml
 ${json5.stringify(theme[name], null, 2).replace(/,([ |\t\n]+[}|\])])/g, '$1')}
 \`\`\`\
diff --git a/docs/content/2.components/card.md b/docs/content/2.components/card.md
index a915dfd6..44ac587e 100644
--- a/docs/content/2.components/card.md
+++ b/docs/content/2.components/card.md
@@ -30,10 +30,6 @@ componentProps:
 
 :component-slots
 
-### Events
-
-:component-events
-
 ## Theme
 
 :component-theme
diff --git a/docs/nuxt.config.ts b/docs/nuxt.config.ts
index 20a8f096..28870a08 100644
--- a/docs/nuxt.config.ts
+++ b/docs/nuxt.config.ts
@@ -82,6 +82,7 @@ export default defineNuxtConfig({
     '/components': { redirect: '/components/app', prerender: false }
   },
   componentMeta: {
+    debug: 2,
     exclude: [
       '@nuxt/content',
       '@nuxt/icon',