Tables break in markdown-it v12

[valtlai]

Markdown-it v12 was just released. We can’t just bump the markdown-it version because tables don’t work correctly without code changes. I’m not sure if markdown-it-attrs or markdown-it itself should be updated to fix the issue.

Markdown-it versions:
12.0.0

├── UNMET PEER DEPENDENCY [email protected]
└── [email protected]

Example input:

| Foo   | Baz   |
| ----- | ----- |
| sin   | cos   |
{.lorem}

Current output:

<table>
<thead>
<tr>
<th>Foo</th>
<th>Baz</th>
</tr>
</thead>
<tbody>
<tr>
<td>sin</td>
<td>cos</td>
</tr>
<tr>
<td class="lorem"></td>
<td></td>
</tr>
</tbody>
</table>

Expected output:

<table class="lorem">
<thead>
<tr>
<th>Foo</th>
<th>Baz</th>
</tr>
</thead>
<tbody>
<tr>
<td>sin</td>
<td>cos</td>
</tr>
</tbody>
</table>

[schl3ck]

I got it to apply the class to the <table> element by moving it to a seperate paragraph:

| Foo   | Baz   |
| ----- | ----- |
| sin   | cos   |

{.lorem}

Looks like markdown-it treats the last line as part of the table even when it doesn't contain any pipes.

[valtlai]

@schl3ck You’re right. That new behavior in markdown-it v12 is correct according to GitHub Flavored Markdown Spec.

Opened PR #114 to update markdown-it to v12 and a test to use a blank line after the table.