Added base code

This commit is contained in:
CodingPhoenixx
2026-02-12 14:06:41 +01:00
parent 4678963a22
commit a62ce26bfa
9 changed files with 144 additions and 158 deletions
+28
View File
@@ -0,0 +1,28 @@
import { LitElement, html } from 'lit';
import { customElement } from 'lit/decorators.js';
import './components/nav-bar';
import { Router } from './router/router';
import './pages/home-page';
@customElement('app-root')
export class AppRoot extends LitElement {
private router!: Router;
firstUpdated() {
const outlet = this.shadowRoot?.getElementById('outlet') as HTMLElement;
this.router = new Router(outlet, [
{ path: '/', view: () => document.createElement('home-page') },
{ path: '/tracks', view: () => document.createElement('tracks-page') },
{ path: '/about', view: () => document.createElement('about-page') },
]);
this.router.resolve();
this.addEventListener('nav', (e: any) => this.router.navigate(e.detail.path));
}
render() {
return html`
<nav-bar></nav-bar>
<main id="outlet"></main>
`;
}
}