import { html } from 'lit-html'; import { customElement, subscribe, instance, unSubscribe } from '@lit-html-free/core'; import { SharedState } from '../resources/state/sharedstate'; import { href } from '@lit-html-free/router'; @customElement('header-section') export default class extends HTMLElement { public activeRoute: string; connectedCallback() { subscribe('routeChange', this, this.updateHeaders.bind(this)); } disconnectedCallback() { unSubscribe('routeChange', this); } updateHeaders(x: any) { this.activeRoute = x.name; this.render(); } public render() { return html` `; } }