diff --git a/website/package-lock.json b/website/package-lock.json
index dd411f346..dbb7db069 100644
--- a/website/package-lock.json
+++ b/website/package-lock.json
@@ -21,6 +21,7 @@
                 "eslint-config-next": "13.0.2",
                 "html-to-react": "^1.5.0",
                 "jinja-to-js": "^3.2.3",
+                "md-attr-parser": "^1.3.0",
                 "next": "13.0.2",
                 "next-mdx-remote": "^4.2.0",
                 "prettier": "^2.7.1",
@@ -2976,6 +2977,11 @@
                 "url": "https://github.com/sponsors/wooorm"
             }
         },
+        "node_modules/md-attr-parser": {
+            "version": "1.3.0",
+            "resolved": "https://registry.npmjs.org/md-attr-parser/-/md-attr-parser-1.3.0.tgz",
+            "integrity": "sha512-KTVlfU5Oxo/6kd0YZ2mLP3eWJj+5vzh5mBCxLo3yGl1fzHIgxmtadbE9tHb7TbUBi3XZbl+P0xKeGmakat135w=="
+        },
         "node_modules/mdast-util-definitions": {
             "version": "5.1.1",
             "resolved": "https://registry.npmjs.org/mdast-util-definitions/-/mdast-util-definitions-5.1.1.tgz",
@@ -7904,6 +7910,11 @@
             "resolved": "https://registry.npmjs.org/markdown-table/-/markdown-table-3.0.2.tgz",
             "integrity": "sha512-y8j3a5/DkJCmS5x4dMCQL+OR0+2EAq3DOtio1COSHsmW2BGXnNCK3v12hJt1LrUz5iZH5g0LmuYOjDdI+czghA=="
         },
+        "md-attr-parser": {
+            "version": "1.3.0",
+            "resolved": "https://registry.npmjs.org/md-attr-parser/-/md-attr-parser-1.3.0.tgz",
+            "integrity": "sha512-KTVlfU5Oxo/6kd0YZ2mLP3eWJj+5vzh5mBCxLo3yGl1fzHIgxmtadbE9tHb7TbUBi3XZbl+P0xKeGmakat135w=="
+        },
         "mdast-util-definitions": {
             "version": "5.1.1",
             "resolved": "https://registry.npmjs.org/mdast-util-definitions/-/mdast-util-definitions-5.1.1.tgz",
diff --git a/website/package.json b/website/package.json
index fafee8218..5e2e42f4b 100644
--- a/website/package.json
+++ b/website/package.json
@@ -24,6 +24,7 @@
         "eslint-config-next": "13.0.2",
         "html-to-react": "^1.5.0",
         "jinja-to-js": "^3.2.3",
+        "md-attr-parser": "^1.3.0",
         "next": "13.0.2",
         "next-mdx-remote": "^4.2.0",
         "prettier": "^2.7.1",
diff --git a/website/plugins/index.mjs b/website/plugins/index.mjs
index d6863c7ee..f8068096f 100644
--- a/website/plugins/index.mjs
+++ b/website/plugins/index.mjs
@@ -3,11 +3,13 @@ import remarkUnwrapImages from 'remark-unwrap-images'
 
 import remarkCustomAttrs from './remarkCustomAttrs.mjs'
 import remarkWrapSections from './remarkWrapSections.mjs'
+import remarkCodeBlocks from './remarkCodeBlocks.mjs'
 
 const remarkPlugins = [
     remarkGfm,
     remarkUnwrapImages,
     remarkCustomAttrs,
+    remarkCodeBlocks,
     remarkWrapSections,
 ]
 
diff --git a/website/plugins/remarkCodeBlocks.mjs b/website/plugins/remarkCodeBlocks.mjs
index 7c7266515..f35ee3de7 100644
--- a/website/plugins/remarkCodeBlocks.mjs
+++ b/website/plugins/remarkCodeBlocks.mjs
@@ -2,8 +2,8 @@
  * Support titles, line highlights and more for code blocks
  */
 
-const visit = require('unist-util-visit')
-const parseAttr = require('md-attr-parser')
+import { visit } from 'unist-util-visit'
+import parseAttr from 'md-attr-parser'
 
 const defaultOptions = {
     defaultPrefix: '###',
@@ -71,4 +71,4 @@ function remarkCodeBlocks(userOptions = {}) {
     return transformer
 }
 
-module.exports = remarkCodeBlocks
+export default remarkCodeBlocks