Fix wrong indent on text elements when serializing

Closes GH-9.

Author: wooorm

.prettierignore

@@ -1,2 +1,3 @@
 coverage/
 *.md
+*.mdx

lib/index.js

@@ -523,6 +523,7 @@ export function mdxJsxToMarkdown(options) {
    */
   // eslint-disable-next-line complexity
   function mdxElement(node, _, context, safeOptions) {
+    const flow = node.type === 'mdxJsxFlowElement'
     const selfClosing = node.name
       ? !node.children || node.children.length === 0
       : false
@@ -532,7 +533,7 @@ export function mdxJsxToMarkdown(options) {
     const trackerMultiLine = track(safeOptions)
     /** @type {Array<string>} */
     const serializedAttributes = []
-    const prefix = currentIndent + '<' + (node.name || '')
+    const prefix = (flow ? currentIndent : '') + '<' + (node.name || '')
     const exit = context.enter(node.type)
 
     trackerOneLine.move(prefix)
@@ -590,7 +591,7 @@ export function mdxJsxToMarkdown(options) {
 
     if (
       // Block:
-      node.type === 'mdxJsxFlowElement' &&
+      flow &&
       // Including a line ending (expressions).
       (/\r?\n|\r/.test(attributesOnOneLine) ||
         // Current position (including `<tag`).
@@ -653,7 +654,9 @@ export function mdxJsxToMarkdown(options) {
     }
 
     if (!selfClosing) {
-      value += tracker.move(currentIndent + '</' + (node.name || '') + '>')
+      value += tracker.move(
+        (flow ? currentIndent : '') + '</' + (node.name || '') + '>'
+      )
     }
 
     exit()

test.js

@@ -2077,6 +2077,20 @@ test('roundtrip', () => {
     'children in nested elements'
   )
 
+  equal(
+    `<video src="#">
+  Download the <a href="#">WEBM</a> or
+  <a href="#">MP4</a> video.
+</video>
+`,
+    `<video src="#">
+  Download the <a href="#">WEBM</a> or
+  <a href="#">MP4</a> video.
+</video>
+`,
+    'text children in flow elements'
+  )
+
   /**
    * @param {string} input
    * @param {string} output