Parsing error when a component is used within a markdown list

Subject of the issue

The following code:

- <LinkTo kind="docs-packages-vuetify-preset" story="page">
    Vuetify preset
  </LinkTo>
  : some extra text describing the preset

Trigger an error on line 3:

  </LinkTo>
    ^^^^^^
    Parsing error: '>' expected.

Adding an empty line between the last two lines fixes the issue, but the rendered output is not the same. Also putting it all in a single line works, but it’s not “Prettier compliant” and gets reformatted on multiple lines. If the same code is placed at the root (not within a markdown list), it works as well.

It does pretty much the same with a regular element instead of a component, but the error is different:

Parsing error: Identifier expected

Note that the code compiles properly, the problem is only at EsLint level.

Your environment

• OS: macOS 10.15.7
• Packages: eslint-plugin-mdx 1.9.0
• Env: Node 14.16.0, npm 6.14.11

[JounQin]

@LeBenLeBen Temporary workaround:

<!-- prettier-ignore -->
- <div kind="docs-packages-vuetify-preset" story="page">
    Vuetify preset
</div>
  : some extra text describing the preset

Sorry, I can’t fix it easily due to remark-mdx itself. Let’s wait for @wooorm’s response.

[LeBenLeBen]

Perfect, it works now. Thank you for looking into this so quickly 💯