@@ -16,10 +16,10 @@ When parsing (`from-markdown`), must be combined with
16
16
This utility handles parsing and serializing.
17
17
See [ ` micromark-extension-mdxjs-esm ` ] [ extension ] for how the syntax works.
18
18
19
- You probably should use [ ` micromark-extension-mdxjs ` ] [ mdxjs ] with
20
- [ ` mdast-util-mdx ` ] [ mdast-util-mdx ] (which includes this package) to support all
21
- of MDX.js.
22
- Or use it all through [ ` remark-mdx ` ] [ remark-mdx ] ( ** [ remark ] [ ] ** ) .
19
+ ## When to use this
20
+
21
+ Use [ ` mdast-util-mdx ` ] [ mdast-util-mdx ] if you want all of MDX / MDX.js.
22
+ Use this otherwise .
23
23
24
24
## Install
25
25
@@ -43,26 +43,26 @@ export var c = ''
43
43
d
44
44
```
45
45
46
- And our script , ` example.js ` , looks as follows:
46
+ And our module , ` example.js ` , looks as follows:
47
47
48
48
``` js
49
- var fs = require ( ' fs' )
50
- var acorn = require ( ' acorn' )
51
- var syntax = require ( ' micromark-extension-mdxjs-esm ' )
52
- var fromMarkdown = require ( ' mdast-util-from -markdown' )
53
- var toMarkdown = require ( ' mdast-util-to-markdown ' )
54
- var mdxjsEsm = require ( ' mdast-util-mdxjs-esm' )
55
-
56
- var doc = fs .readFileSync (' example.mdx' )
57
-
58
- var tree = fromMarkdown (doc, {
59
- extensions: [syntax ({acorn : acorn, addResult: true })],
60
- mdastExtensions: [mdxjsEsm . fromMarkdown ]
49
+ import fs from ' fs'
50
+ import * as acorn from ' acorn'
51
+ import { fromMarkdown } from ' mdast-util-from-markdown '
52
+ import { toMarkdown } from ' mdast-util-to -markdown'
53
+ import mdxjsEsm from ' micromark-extension-mdxjs-esm '
54
+ import { mdxjsEsmFromMarkdown , mdxjsEsmToMarkdown } from ' mdast-util-mdxjs-esm'
55
+
56
+ const doc = fs .readFileSync (' example.mdx' )
57
+
58
+ const tree = fromMarkdown (doc, {
59
+ extensions: [mdxjsEsm ({ acorn, addResult: true })],
60
+ mdastExtensions: [mdxjsEsmFromMarkdown ]
61
61
})
62
62
63
63
console .log (tree)
64
64
65
- var out = toMarkdown (tree, {extensions: [mdxjsEsm . toMarkdown ]})
65
+ const out = toMarkdown (tree, {extensions: [mdxjsEsmToMarkdown ]})
66
66
67
67
console .log (out)
68
68
```
@@ -269,8 +269,6 @@ abide by its terms.
269
269
270
270
[ extension ] : https://github.com/micromark/micromark-extension-mdxjs-esm
271
271
272
- [ mdxjs ] : https://github.com/micromark/micromark-extension-mdxjs
273
-
274
272
[ mdast-util-mdx ] : https://github.com/syntax-tree/mdast-util-mdx
275
273
276
274
[ estree ] : https://github.com/estree/estree
0 commit comments