🎉

src/app-episodes/index.css.ts

@@ -0,0 +1,9 @@
+import { css } from "lit";
+export const styles = css`
+	:host {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		justify-content: flex-start;
+	}
+`;

src/app-episodes/index.ts

@@ -0,0 +1,15 @@
+import { LitElement, html } from "lit";
+import { property, customElement } from "lit/decorators.js";
+import { styles } from "./index.css.js";
+
+const logo = import.meta.resolve("../../../assets/logo.svg");
+
+@customElement("app-episodes")
+export class AppEpisodes extends LitElement {
+	static styles = styles;
+	render() {
+		return html`
+			<div class="logo"><img alt="open-wc logo" src=${logo} /></div>
+		`;
+	}
+}

src/app-episodes/routes.ts

@@ -0,0 +1,16 @@
+import type { RouteConfig } from "@lit-labs/router";
+import { html } from "lit";
+
+export const route = {
+	path: "/#/episodes",
+	async enter() {
+		await import("./index.js");
+		return true;
+	},
+	render(){
+		return html`<app-episodes></app-episodes>`;
+	},
+};
+export default [
+	route,
+] as RouteConfig[];