diff --git a/README.md b/README.mdx
similarity index 100%
rename from README.md
rename to README.mdx
diff --git a/cli/convertToMDX.ts b/cli/convertToMDX.ts
index 9de433e..3186b68 100644
--- a/cli/convertToMDX.ts
+++ b/cli/convertToMDX.ts
@@ -58,6 +58,10 @@ function convertCommentsToMDX(content: string): string {
 }
 
 async function processFile(file: string): Promise<void> {
+  if (file.endsWith('.mdx')) {
+    return
+  }
+
   const fileContent = await readFile(file, 'utf-8')
   const fileDir = path.dirname(file)
 
diff --git a/src/content.config.ts b/src/content.config.ts
index c0fbadf..161fd91 100644
--- a/src/content.config.ts
+++ b/src/content.config.ts
@@ -3,6 +3,7 @@ import { glob } from 'astro/loaders'
 
 import { content } from './content'
 import type { CollectionDefinition } from '../cli/getConfig'
+import { convertToMDX } from '../cli/convertToMDX'
 
 function defineContent(contentObj: CollectionDefinition) {
   const { base, packageName, pattern, name } = contentObj
@@ -20,8 +21,11 @@ function defineContent(contentObj: CollectionDefinition) {
     'core-component-docs': 'html',
   }
 
+  convertToMDX(pattern)
+  const mdxPattern = pattern.replace(/\.md$/, '.mdx')
+
   return defineCollection({
-    loader: glob({ base: dir, pattern }),
+    loader: glob({ base: dir, pattern: mdxPattern }),
     schema: z.object({
       id: z.string(),
       section: z.string(),