Add support to MDX in blog

astro.config.mjs

@@ -6,8 +6,11 @@ import { defineConfig } from 'astro/config';
 import tailwind from '@astrojs/tailwind';
 import sitemap from '@astrojs/sitemap';
 import image from '@astrojs/image';
+import mdx from "@astrojs/mdx";
 import partytown from '@astrojs/partytown';
 
+import { remarkReadingTime } from './src/utils/frontmatter.js';
+
 import { SITE } from './src/config.mjs';
 
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
@@ -28,6 +31,7 @@ export default defineConfig({
 		}),
 		sitemap(),
 		image(),
+		mdx(),
 
 		/* Disable this integration if you don't use Google Analytics (or other external script). */
 		partytown({
@@ -35,6 +39,11 @@ export default defineConfig({
 		}),
 	],
 
+	markdown: {
+    remarkPlugins: [remarkReadingTime],
+    extendDefaultPlugins: true,
+  },
+
 	vite: {
 		resolve: {
 			alias: {