create-modulo/build/modulo-docs/static/components/SyntaxHighlighter.html

Starter projects for Modulo.html - Ready for all uses - Markdown-SSG / SSR / API-backed SPA

<script src=../Modulo.html></script><template type=f>

<Props
    value
    mode
    fix
></Props>
<Script>
    const { highlight } = modulo.templateFilter
    function renderCallback() {
        component.innerHTML = highlight(props.value, props.mode)
    }

    function buildCallback() {
        element.removeAttribute('value')
    }
</Script>
<Style>
    :host {
        font-family: monospace;
        text-align: start;
        white-space: pre-wrap;
        overflow-wrap: break-word;
        box-sizing: border-box;
        display: block;
    }
</Style>
<Style -src="./SyntaxHighlighter-theme.css.htm"></Style>