37 lines
805 B
TypeScript
37 lines
805 B
TypeScript
import { LitElement, css } from 'lit';
|
|
import { customElement } from 'lit/decorators.js';
|
|
|
|
import './pages/note-wall'
|
|
import './pages/app-home';
|
|
import './components/header';
|
|
import './styles/global.css';
|
|
import { router } from './router';
|
|
|
|
|
|
|
|
@customElement('app-index')
|
|
export class AppIndex extends LitElement {
|
|
static styles = css`
|
|
main {
|
|
padding-left: 16px;
|
|
padding-right: 16px;
|
|
padding-bottom: 16px;
|
|
}
|
|
`;
|
|
|
|
firstUpdated() {
|
|
router.addEventListener('route-changed', () => {
|
|
if ("startViewTransition" in document) {
|
|
(document as any).startViewTransition(() => this.requestUpdate());
|
|
}
|
|
else {
|
|
this.requestUpdate();
|
|
}
|
|
});
|
|
}
|
|
|
|
render() {
|
|
// router config can be round in src/router.ts
|
|
return router.render();
|
|
}
|
|
}
|