index.html

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>DAWA API - Demo</title>
        <link rel="stylesheet" href="https://unpkg.com/@picocss/pico@latest/css/pico.min.css" />
    </head>

    <body>
        <main id="app" class="container">
            <section>
                <h1>Dawa API - Demo</h1>

                <article>
                    <input id="dawa-search-field" type="search" />
                    <ul id="dawa-result-list" class="result-list"></ul>
                </article>
                <article>
                    Selected:
                    <pre class="code" id="dawa-selected"></pre>
                </article>
            </section>
        </main>
        <script type="module" src="/src/demo.ts"></script>
    </body>
</html>