diff --git a/README.md b/README.md
index 8f77e3e..743db09 100644
--- a/README.md
+++ b/README.md
@@ -373,7 +373,7 @@ Now import the `useMarkdownParser` composable we just created along with an expo
 <script setup lang="ts">
 import { onBeforeMount, ref, watch } from 'vue'
 // Import package exports
-import { MDCRenderer } from '@nuxtjs/mdc/runtime/components/MDCRenderer'
+import MDCRenderer from '@nuxtjs/mdc/runtime/components/MDCRenderer.vue'
 import type { MDCParserResult } from '@nuxtjs/mdc/runtime/types/index'
 import { useMarkdownParser } from './composables/useMarkdownParser';
 
diff --git a/package.json b/package.json
index 90962e0..e46e419 100644
--- a/package.json
+++ b/package.json
@@ -24,6 +24,14 @@
       "types": "./dist/runtime/index.d.ts",
       "import": "./dist/runtime/index.mjs"
     },
+    "./runtime/components/*": {
+      "types": "./dist/runtime/components/*.d.ts",
+      "import": "./dist/runtime/components/*"
+    },
+    "./dist/runtime/components/*": {
+      "types": "./dist/runtime/components/*.d.ts",
+      "import": "./dist/runtime/components/*"
+    },
     "./runtime/*": {
       "types": "./dist/runtime/*.d.ts",
       "import": "./dist/runtime/*.mjs"