diff --git a/docs/index.mdx b/docs/index.mdx
index d0ced4e5e..01e43555a 100644
--- a/docs/index.mdx
+++ b/docs/index.mdx
@@ -47,27 +47,14 @@ This makes writing long-form content with components a blast. {/* more */}
[Continue reading »][what]
- ## New: MDX 2!
-
- Version 2 of MDX was released after years of hard work, and has many
- improvements.
- Here are the highlights:
-
-
- * 📝 **Improved syntax** makes it easier to use markdown in JSX
- * 🧑💻 **JavaScript expressions** turn `{2 * Math.PI}` into {2 * Math.PI}
- * 🔌 New **esbuild**, **Rollup**, and **Node.js** integrations
- * ⚛️ **Any JSX runtime**: React, Preact, Vue, Emotion, you name it, they’re
- all supported
- * 🌳 **Improved AST** exposes more info in greater detail
- * 🏃♀️ Compiles at least **25% faster**
- * 🚴 Generated code runs twice as fast (**100% faster**)
- * 🚄 Bundle size of `@mdx-js/mdx` is more than three times as small
- (**250% smaller**)
- * 🧵 …and much, so much more
-
+ ## New: MDX 3!
+
+ A small major this time, nothing big, which is also nice sometimes!
+ This mainly drops support for old Node (use 16 or later), adds modern ES2024
+ support in MDX, supports `await` in MDX (if your framework does too), and
+ removes several deprecated options.
- [Continue reading »][v2]
+ [Continue reading »][v3]
## What does MDX do?
@@ -145,7 +132,7 @@ You’re using React, Preact, or Vue.
[what]: /docs/what-is-mdx/
-[v2]: /blog/v2/
+[v3]: /blog/v3/
[playground]: /playground/
diff --git a/package-lock.json b/package-lock.json
index 3c42a299e..fcc1c4f94 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -3973,9 +3973,9 @@
"dev": true
},
"node_modules/electron-to-chromium": {
- "version": "1.4.565",
- "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.565.tgz",
- "integrity": "sha512-XbMoT6yIvg2xzcbs5hCADi0dXBh4//En3oFXmtPX+jiyyiCTiM9DGFT2SLottjpEs9Z8Mh8SqahbR96MaHfuSg=="
+ "version": "1.4.566",
+ "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.566.tgz",
+ "integrity": "sha512-mv+fAy27uOmTVlUULy15U3DVJ+jg+8iyKH1bpwboCRhtDC69GKf1PPTZvEIhCyDr81RFqfxZJYrbgp933a1vtg=="
},
"node_modules/emoji-regex": {
"version": "9.2.2",
@@ -28608,10 +28608,10 @@
},
"packages/esbuild": {
"name": "@mdx-js/esbuild",
- "version": "2.3.0",
+ "version": "3.0.0",
"license": "MIT",
"dependencies": {
- "@mdx-js/mdx": "^2.0.0",
+ "@mdx-js/mdx": "^3.0.0",
"@types/unist": "^3.0.0",
"vfile": "^6.0.0",
"vfile-message": "^4.0.0"
@@ -28626,10 +28626,10 @@
},
"packages/loader": {
"name": "@mdx-js/loader",
- "version": "2.3.0",
+ "version": "3.0.0",
"license": "MIT",
"dependencies": {
- "@mdx-js/mdx": "^2.0.0",
+ "@mdx-js/mdx": "^3.0.0",
"source-map": "^0.7.0"
},
"devDependencies": {},
@@ -28643,7 +28643,7 @@
},
"packages/mdx": {
"name": "@mdx-js/mdx",
- "version": "2.3.0",
+ "version": "3.0.0",
"license": "MIT",
"dependencies": {
"@types/estree": "^1.0.0",
@@ -28660,7 +28660,7 @@
"hast-util-to-jsx-runtime": "^2.0.0",
"markdown-extensions": "^2.0.0",
"periscopic": "^3.0.0",
- "remark-mdx": "^2.0.0",
+ "remark-mdx": "^3.0.0",
"remark-parse": "^11.0.0",
"remark-rehype": "^11.0.0",
"source-map": "^0.7.0",
@@ -28685,10 +28685,10 @@
},
"packages/node-loader": {
"name": "@mdx-js/node-loader",
- "version": "2.3.0",
+ "version": "3.0.0",
"license": "MIT",
"dependencies": {
- "@mdx-js/mdx": "^2.0.0",
+ "@mdx-js/mdx": "^3.0.0",
"vfile": "^6.0.0"
},
"devDependencies": {},
@@ -28699,7 +28699,7 @@
},
"packages/preact": {
"name": "@mdx-js/preact",
- "version": "2.3.0",
+ "version": "3.0.0",
"license": "MIT",
"dependencies": {
"@types/mdx": "^2.0.0"
@@ -28715,7 +28715,7 @@
},
"packages/react": {
"name": "@mdx-js/react",
- "version": "2.3.0",
+ "version": "3.0.0",
"license": "MIT",
"dependencies": {
"@types/mdx": "^2.0.0"
@@ -28731,7 +28731,7 @@
}
},
"packages/remark-mdx": {
- "version": "2.3.0",
+ "version": "3.0.0",
"license": "MIT",
"dependencies": {
"mdast-util-mdx": "^3.0.0",
@@ -28745,10 +28745,10 @@
},
"packages/rollup": {
"name": "@mdx-js/rollup",
- "version": "2.3.0",
+ "version": "3.0.0",
"license": "MIT",
"dependencies": {
- "@mdx-js/mdx": "^2.0.0",
+ "@mdx-js/mdx": "^3.0.0",
"@rollup/pluginutils": "^5.0.0",
"source-map": "^0.7.0",
"vfile": "^6.0.0"
@@ -28764,7 +28764,7 @@
},
"packages/vue": {
"name": "@mdx-js/vue",
- "version": "2.3.0",
+ "version": "3.0.0",
"license": "MIT",
"dependencies": {
"@types/mdx": "^2.0.0"
diff --git a/packages/esbuild/package.json b/packages/esbuild/package.json
index f5b4e3af7..75dada0ec 100644
--- a/packages/esbuild/package.json
+++ b/packages/esbuild/package.json
@@ -1,6 +1,6 @@
{
"name": "@mdx-js/esbuild",
- "version": "2.3.0",
+ "version": "3.0.0",
"description": "esbuild plugin for MDX",
"license": "MIT",
"keywords": [
@@ -37,7 +37,7 @@
"index.js"
],
"dependencies": {
- "@mdx-js/mdx": "^2.0.0",
+ "@mdx-js/mdx": "^3.0.0",
"@types/unist": "^3.0.0",
"vfile": "^6.0.0",
"vfile-message": "^4.0.0"
diff --git a/packages/loader/package.json b/packages/loader/package.json
index 4d6e89d61..3bc8ebc83 100644
--- a/packages/loader/package.json
+++ b/packages/loader/package.json
@@ -1,6 +1,6 @@
{
"name": "@mdx-js/loader",
- "version": "2.3.0",
+ "version": "3.0.0",
"description": "Webpack loader for MDX",
"license": "MIT",
"keywords": [
@@ -43,7 +43,7 @@
"index.d.ts"
],
"dependencies": {
- "@mdx-js/mdx": "^2.0.0",
+ "@mdx-js/mdx": "^3.0.0",
"source-map": "^0.7.0"
},
"peerDependencies": {
diff --git a/packages/mdx/package.json b/packages/mdx/package.json
index dd8359792..fdf5e50f7 100644
--- a/packages/mdx/package.json
+++ b/packages/mdx/package.json
@@ -1,6 +1,6 @@
{
"name": "@mdx-js/mdx",
- "version": "2.3.0",
+ "version": "3.0.0",
"description": "MDX compiler",
"license": "MIT",
"keywords": [
@@ -57,7 +57,7 @@
"hast-util-to-jsx-runtime": "^2.0.0",
"markdown-extensions": "^2.0.0",
"periscopic": "^3.0.0",
- "remark-mdx": "^2.0.0",
+ "remark-mdx": "^3.0.0",
"remark-parse": "^11.0.0",
"remark-rehype": "^11.0.0",
"source-map": "^0.7.0",
diff --git a/packages/node-loader/package.json b/packages/node-loader/package.json
index 71eb1cdcb..59b7330e5 100644
--- a/packages/node-loader/package.json
+++ b/packages/node-loader/package.json
@@ -1,6 +1,6 @@
{
"name": "@mdx-js/node-loader",
- "version": "2.3.0",
+ "version": "3.0.0",
"description": "Node.js loader for MDX",
"license": "MIT",
"keywords": [
@@ -42,7 +42,7 @@
"index.js"
],
"dependencies": {
- "@mdx-js/mdx": "^2.0.0",
+ "@mdx-js/mdx": "^3.0.0",
"vfile": "^6.0.0"
},
"devDependencies": {},
diff --git a/packages/preact/package.json b/packages/preact/package.json
index fe1916013..23842d464 100644
--- a/packages/preact/package.json
+++ b/packages/preact/package.json
@@ -1,6 +1,6 @@
{
"name": "@mdx-js/preact",
- "version": "2.3.0",
+ "version": "3.0.0",
"description": "Preact context for MDX",
"license": "MIT",
"keywords": [
diff --git a/packages/react/package.json b/packages/react/package.json
index 03d746b5d..9933da252 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,6 +1,6 @@
{
"name": "@mdx-js/react",
- "version": "2.3.0",
+ "version": "3.0.0",
"description": "React context for MDX",
"license": "MIT",
"keywords": [
diff --git a/packages/remark-mdx/package.json b/packages/remark-mdx/package.json
index 0f73938c6..a0c84a0ff 100644
--- a/packages/remark-mdx/package.json
+++ b/packages/remark-mdx/package.json
@@ -1,6 +1,6 @@
{
"name": "remark-mdx",
- "version": "2.3.0",
+ "version": "3.0.0",
"description": "remark plugin to support MDX syntax",
"license": "MIT",
"keywords": [
diff --git a/packages/rollup/package.json b/packages/rollup/package.json
index 9bee43ffb..d3d2a4803 100644
--- a/packages/rollup/package.json
+++ b/packages/rollup/package.json
@@ -1,6 +1,6 @@
{
"name": "@mdx-js/rollup",
- "version": "2.3.0",
+ "version": "3.0.0",
"description": "Rollup plugin for MDX",
"license": "MIT",
"keywords": [
@@ -37,7 +37,7 @@
"index.js"
],
"dependencies": {
- "@mdx-js/mdx": "^2.0.0",
+ "@mdx-js/mdx": "^3.0.0",
"@rollup/pluginutils": "^5.0.0",
"source-map": "^0.7.0",
"vfile": "^6.0.0"
diff --git a/packages/vue/package.json b/packages/vue/package.json
index 91b8085c6..738a0cf95 100644
--- a/packages/vue/package.json
+++ b/packages/vue/package.json
@@ -1,6 +1,6 @@
{
"name": "@mdx-js/vue",
- "version": "2.3.0",
+ "version": "3.0.0",
"description": "Vue provider for MDX",
"license": "MIT",
"keywords": [
diff --git a/readme.md b/readme.md
index 247ec4915..4dd893166 100644
--- a/readme.md
+++ b/readme.md
@@ -21,7 +21,7 @@ This makes writing long-form content with components a blast.
```mdx
import {Chart} from './snowfall.js'
-export const year = 2018
+export const year = 2013
# Last year’s snowfall