✨ feat: oprimize images in mdx

Author: carlosjorger

astro.config.mjs

@@ -2,6 +2,8 @@ import { defineConfig } from 'astro/config';
 import tailwind from '@astrojs/tailwind';
 import compressor from 'astro-compressor';
 import sitemap from '@astrojs/sitemap';
+import mdx from '@astrojs/mdx';
+import remarkMdxImages from 'remark-mdx-images';
 
 export default defineConfig({
 	site: 'https://carlosjorger.github.io',
@@ -12,6 +14,9 @@ export default defineConfig({
 			brotli: true,
 		}),
 		sitemap(),
+		mdx({
+			remarkPlugins: [remarkMdxImages],
+		}),
 	],
 	i18n: {
 		defaultLocale: 'en',

package.json

@@ -15,6 +15,7 @@
 		"astro": "^4.15.8",
 		"astro-compressor": "^0.4.1",
 		"flowbite": "^2.2.1",
+		"remark-mdx-images": "^3.0.0",
 		"tailwindcss": "^3.4.3"
 	},
 	"devDependencies": {