mdx integrate

package.json

@@ -57,6 +57,7 @@
     "url": "https://github.com/ColorlibHQ/AdminLTE/issues"
   },
   "devDependencies": {
+    "@astrojs/mdx": "^0.19.1",
     "@rollup/plugin-typescript": "^11.1.0",
     "@typescript-eslint/eslint-plugin": "^5.59.5",
     "@typescript-eslint/parser": "^5.59.5",

src/config/astro.config.mjs

@@ -1,4 +1,5 @@
 import { defineConfig } from 'astro/config'
+import mdx from '@astrojs/mdx'
 
 // https://astro.build/config
 export default defineConfig({
@@ -11,6 +12,7 @@ export default defineConfig({
       theme: 'dark-plus'
     }
   },
+  integrations: [mdx()],
   // base: './dist',
   srcDir: './src/html',
   outDir: './dist/pages'