fix(node-env): dynamic import module options

Author: farnabaz

src/runtime/parser/index.ts

@@ -11,8 +11,17 @@ import { rehypeShiki } from './shiki'
 import { generateToc } from './toc'
 import { nodeTextContent } from '../utils/node'
 
+let moduleOptions: any
 export const parseMarkdown = async (md: string, opts: MDCParseOptions = {}) => {
-  const options = defu(opts, defaults)
+  if (!moduleOptions) {
+    // @ts-ignore
+    moduleOptions = await import('#mdc-imports' /* @vite-ignore */).catch(() => ({}))
+  }
+  const options = defu(opts, {
+    remark: { plugins: moduleOptions.remarkPlugins }, 
+    rehype: { plugins: moduleOptions.rehypePlugins },
+    highlight: moduleOptions.highlight,
+  }, defaults)
 
   // Extract front matter data
   const { content, data: frontmatter } = await parseFrontMatter(md)
@@ -29,7 +38,7 @@ export const parseMarkdown = async (md: string, opts: MDCParseOptions = {}) => {
   await useProcessorPlugins(processor as any, options.remark?.plugins)
 
   // Turns markdown into HTML to support rehype
-  processor.use(remark2rehype as any, options.rehype?.options)
+  processor.use(remark2rehype as any, (options.rehype as any)?.options)
 
   if (options.highlight) {
     processor.use(rehypeShiki, options.highlight)

src/runtime/parser/options.ts

@@ -6,8 +6,6 @@ import rehypeSortAttributeValues from 'rehype-sort-attribute-values'
 import rehypeSortAttributes from 'rehype-sort-attributes'
 import rehypeRaw from 'rehype-raw'
 import type { MDCParseOptions } from '../types'
-// @ts-ignore
-import { remarkPlugins, rehypePlugins, highlight } from '#mdc-imports'
 
 export const defaults: MDCParseOptions = {
   remark: {
@@ -17,8 +15,7 @@ export const defaults: MDCParseOptions = {
       },
       'remark-gfm': {
         instance: remarkGFM
-      },
-      ...remarkPlugins
+      }
     }
   },
   rehype: {
@@ -42,11 +39,10 @@ export const defaults: MDCParseOptions = {
         options: {
           passThrough: ['element']
         }
-      },
-      ...rehypePlugins
+      }
     }
   },
-  highlight,
+  highlight: false,
   toc: {
     searchDepth: 2,
     depth: 2