<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>test</title>
    </head>
    <body>
        <custom-element></custom-element>

        <script src="/dist/index.js"></script>
        <script>
            // TODO: make a better demo!

            const def = {
                props: {
                    prop: {
                        attr: 'prop-attr',
                        init: 'example default',
                    },
                },

                template: 'I am a custom element',
                shadowDom: true,

                ready() {
                    console.log('Hello from the ready function');
                },
            };

            const CustomElement = makeElement(def);
            customElements.define('custom-element', CustomElement);
        </script>
    </body>
</html>

Add demo page (serve from project root and GET /demo)
Add demo page (serve from project root and GET /demo)
