fix external links success, pass rehypePlugins ony in markdown, remove from mdx

Author: nemanjam

astro.config.ts

@@ -32,17 +32,17 @@ export default defineConfig({
     expressiveCodeIntegration(),
     sitemapIntegration(),
     react(),
-    mdx({
-      /* rehypePlugins */
-    }), // todo: breaks expressive-code, disable it
+    // don't pass any plugins here, it will disable all mdx integrations, e.g. expressive-code above
+    mdx(),
     // applyBaseStyles: false prevents double loading of tailwind
     tailwind({ applyBaseStyles: false }),
     icon({ iconDir: 'src/assets/icons' }),
     partytown({
       config: { forward: ['dataLayer.push'] },
     }),
   ],
-  markdown: { remarkPlugins /* rehypePlugins */ },
+  // pass rehype plugins only here, mdx will reuse them
+  markdown: { remarkPlugins, rehypePlugins },
   vite: {
     build: {
       sourcemap: false,

plugins/rehype-external-links.ts

@@ -8,8 +8,5 @@ export const rehypeExternalLinks: [Plugin<any[], any>, any] = [
   {
     target: '_blank',
     rel: ['noopener', 'noreferrer'],
-    // filter out expressive-code, important
-    // skip <a> tags inside <pre> or <code>
-    selectors: 'a:not(pre a):not(code a)',
   },
 ];