Fix custom elements

wooorm · wooorm · commit ddcebdbcb577 · 2022-01-13T13:44:12.000+01:00
Related-to: remarkjs/remark-math#72.
diff --git a/lib/plugin/recma-jsx-rewrite.js b/lib/plugin/recma-jsx-rewrite.js
@@ -219,7 +219,9 @@ export function recmaJsxRewrite(options = {}) {
             defaults.push({
               type: 'Property',
               kind: 'init',
-              key: {type: 'Identifier', name},
+              key: isIdentifierName(name)
+                ? {type: 'Identifier', name}
+                : {type: 'Literal', value: name},
               value: {type: 'Literal', value: name},
               method: false,
               shorthand: false,
diff --git a/test/core.js b/test/core.js
@@ -103,6 +103,22 @@ test('xdm', async (t) => {
     'should compile a non-element document (rehype, single element)'
   )
 
+  t.equal(
+    renderToStaticMarkup(
+      React.createElement(
+        await run(
+          compileSync('y', {
+            rehypePlugins: [
+              () => () => ({type: 'element', tagName: 'a-b', children: []})
+            ]
+          })
+        )
+      )
+    ),
+    '<a-b></a-b>',
+    'should compile custom elements'
+  )
+
   t.equal(
     renderToStaticMarkup(
       React.createElement(
