fix(mdx): className bug

Author: Airkro

lib/ast.mjs

@@ -1,6 +1,11 @@
 function attrString(attributes = []) {
   return attributes.length > 0
-    ? attributes.map(({ name, value }) => ` ${name}="${value}"`).join('')
+    ? attributes
+        .map(
+          ({ name, value }) =>
+            ` ${name === 'className' ? 'class' : name}="${value}"`,
+        )
+        .join('')
     : '';
 }
 

lib/transform.mjs

@@ -41,7 +41,7 @@ const modes = {
         },
         {
           type: 'mdxJsxAttribute',
-          name: 'class',
+          name: 'className',
           value: 'kroki-object',
         },
         {
@@ -72,7 +72,7 @@ const modes = {
           attributes: [
             {
               type: 'mdxJsxAttribute',
-              name: 'class',
+              name: 'className',
               value: 'kroki-image',
             },
             {
@@ -102,7 +102,7 @@ const modes = {
       attributes: [
         {
           type: 'mdxJsxAttribute',
-          name: 'class',
+          name: 'className',
           value: 'kroki-inline-svg',
         },
         {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "remark-kroki",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "description": "Remark plugin for showing Kroki diagram",
   "license": "MIT",
   "author": {
@@ -61,7 +61,7 @@
     "@nice-move/eslint-config-base": "^0.9.24",
     "@nice-move/prettier-config": "^0.9.8",
     "ava": "^5.3.1",
-    "eslint": "^8.54.0",
+    "eslint": "^8.55.0",
     "eslint-plugin-ava": "^14.0.0",
     "garou": "^0.6.19",
     "prettier": "^3.1.0",