markdown-wasm 利用時の最小記述

javascript 
<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <pre class="md-input">
  # title
  
  * list
  * list
  * list
  
  [https://rkgk.boy.jp](https://rkgk.boy.jp)
  
  normal text.
    </pre>
    <script>
      //=============================================================//
      // # markdown-wasm
      //=============================================================//
      (async (d = document) => {
        await new Promise((onload) =>
          d.body.append(
            Object.assign(d.createElement(`script`), {
              onload,
              src: `https://cdn.jsdelivr.net/npm/markdown-wasm@1.2.0/dist/markdown.min.js`,
            })
          )
        );
        await markdown.ready;

        d.querySelectorAll(`.md-input`).forEach((el) => {
          const md = d.createElement(`div`);
          (md.className = `md-output`),
            (md.innerHTML = markdown.parse(el.innerHTML)),
            el.parentNode.insertBefore(md, el),
            el.remove();
        });
      })();
    </script>
  </body>
</html>