summaryrefslogtreecommitdiff
path: root/packages/integrations/mdx/src/plugins.ts
diff options
context:
space:
mode:
authorGravatar Ben Holmes <hey@bholmes.dev> 2023-01-31 17:46:59 -0500
committerGravatar GitHub <noreply@github.com> 2023-01-31 17:46:59 -0500
commit2ab32b59ef0a28d34757f2c2adb9cf2baa86855e (patch)
tree089b2d2db3777e49d53f510eff0bed82524df5c0 /packages/integrations/mdx/src/plugins.ts
parent474ecc7be625a0ff2e9bc145af948e75826de025 (diff)
downloadastro-2ab32b59ef0a28d34757f2c2adb9cf2baa86855e.tar.gz
astro-2ab32b59ef0a28d34757f2c2adb9cf2baa86855e.tar.zst
astro-2ab32b59ef0a28d34757f2c2adb9cf2baa86855e.zip
[MDX] Syntax highlighting after user plugins (#6050)
* fix: load MDX syntax highlighting after user plugins * chore: changeset
Diffstat (limited to 'packages/integrations/mdx/src/plugins.ts')
-rw-r--r--packages/integrations/mdx/src/plugins.ts15
1 files changed, 9 insertions, 6 deletions
diff --git a/packages/integrations/mdx/src/plugins.ts b/packages/integrations/mdx/src/plugins.ts
index 8c98e0016..cf30566c4 100644
--- a/packages/integrations/mdx/src/plugins.ts
+++ b/packages/integrations/mdx/src/plugins.ts
@@ -129,12 +129,7 @@ export async function getRemarkPlugins(
config: AstroConfig
): Promise<MdxRollupPluginOptions['remarkPlugins']> {
let remarkPlugins: PluggableList = [];
- if (mdxOptions.syntaxHighlight === 'shiki') {
- remarkPlugins.push([await remarkShiki(mdxOptions.shikiConfig)]);
- }
- if (mdxOptions.syntaxHighlight === 'prism') {
- remarkPlugins.push(remarkPrism);
- }
+
if (mdxOptions.gfm) {
remarkPlugins.push(remarkGfm);
}
@@ -144,6 +139,14 @@ export async function getRemarkPlugins(
remarkPlugins = [...remarkPlugins, ...ignoreStringPlugins(mdxOptions.remarkPlugins)];
+ // Apply syntax highlighters after user plugins to match `markdown/remark` behavior
+ if (mdxOptions.syntaxHighlight === 'shiki') {
+ remarkPlugins.push([await remarkShiki(mdxOptions.shikiConfig)]);
+ }
+ if (mdxOptions.syntaxHighlight === 'prism') {
+ remarkPlugins.push(remarkPrism);
+ }
+
// Apply last in case user plugins resolve relative image paths
remarkPlugins.push(toRemarkContentRelImageError(config));