How do I convert the old .md format to the new .mdx

[enyo]

How to convert tabs, notes and code blocks to the new format?

[enyo]

Tabs

Before

=== "Tab 1"

    Tab 1 content

=== "Tab 2"

    Tab 2 content

After

<Tabs>
<Tab label="Tab 1">

Tab 1 content

</Tab>
<Tab label="Tab 2">

Tab 2 content

</Tab>
</Tabs>

Notes

Before

!!! note "Troubleshooting"
If you have trouble connecting your ESP32 via a serial port to your computer, have a look in the section about serial port troubleshooting for help.

After

<Note>
If you have trouble connecting your ESP32 via a serial port to your computer, have a look in the section about serial port troubleshooting for help.
</Note>

or: <Note type="warning">

Code Blocks

Remove all the <div class="toit">.....</div> html tags. By default all code blocks in the new documentation page are rendered with toit syntax highlighting.

```
toit code here
```

is equal to:

```toit
toit code here
```

The other language that is supported out of the box is shell:

```shell
a shell command here
```

If you need syntax highlighting for other languages, ping me.

Images

Before

![alt text](image/path.png)

After

Copy the image into the docs/_images/ folder. Then import the image in the file you're working on like this:

import ToitCli from "../_images/toitcli.png";

and use the image like this:

<img src={ToitCli} alt="alt text" />