References

• Switch between mardown and mdx: https://wooorm.com/markdown-tm-language/
• https://mdxjs.com/table-of-components/

Concept

• MDX is a programming language that gets compiled to JavaScript: https://github.com/orgs/mdx-js/discussions/2288#discussioncomment-5709551

Declare / use variable

• You need an empty newline after export. Otherwise, you will get Could not parse import/exports with acorn.

  export const myName ="Joe"
  
  My name is {myName.toUpperCase()}
  

Escape angle bracket

Add backtick to escape angle brackets: 
`<title>abc</title>`

Collapsible

<details>
    <summary>Click me</summary>
    
    ### Heading
    1. Expand by defaut set: details open
    2. Bar
        * Baz
        * Qux

    ### Some Javascript
    ```js
    function logSomething(something) {
        console.log('Something', something);
    }
    ```
</details>

function logSomething(something) {
    console.log('Something', something);
}

Blockquote

<blockquote> is not part of the original Markdown syntax.

<blockquote>
This is a blockquote.
</blockquote>

Advanced concepts