cc-backend/web/frontend/src/header.entrypoint.js

import { mount } from 'svelte';
import Header from './Header.svelte';

const headerDomTarget = document.getElementById('svelte-header');

if (headerDomTarget != null) {
    mount(Header, {
        target: headerDomTarget,
        props: {
            username: hUsername, 
            authlevel: hAuthlevel,
            clusterNames: hClusterNames, 
            subclusterMap: hSubclusterMap,
            roles: hRoles,
        },
    });
}