feat(web): use default export in routes

vtstats · Jul 26, 2023 · 883127a · 883127a
1 parent 6aa7dab
commit 883127a
Show file tree

Hide file tree

Showing 6 changed files with 14 additions and 28 deletions.
diff --git a/web/src/app/app.component.ts b/web/src/app/app.component.ts
@@ -1,4 +1,4 @@
-import { Component, OnInit } from "@angular/core";
+import { Component, inject, OnInit } from "@angular/core";
 import { MatIconRegistry } from "@angular/material/icon";
 import { MatSidenavModule } from "@angular/material/sidenav";
 import { DomSanitizer } from "@angular/platform-browser";
@@ -121,10 +121,10 @@ export class AppComponent implements OnInit {
   sidenavShouldOpen = false;
   sidenavMode: string = "side";
 
-  constructor(
-    private iconRegistry: MatIconRegistry,
-    private sanitizer: DomSanitizer
-  ) {
+  private iconRegistry = inject(MatIconRegistry);
+  private sanitizer = inject(DomSanitizer);
+
+  constructor() {
     for (const [name, svg] of icons) {
       this.iconRegistry.addSvgIconLiteral(
         name,

diff --git a/web/src/app/pages/channels-list/channels-list.ts b/web/src/app/pages/channels-list/channels-list.ts
@@ -34,7 +34,7 @@ import { ChannelTable } from "./channel-table/channel-table";
   ],
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class ChannelList implements OnInit {
+export default class ChannelList implements OnInit {
   private qry = inject(QryService);
   private route = inject(ActivatedRoute);
   private vtubers = inject(VTuberService);

diff --git a/web/src/app/pages/streams-detail/streams-detail.ts b/web/src/app/pages/streams-detail/streams-detail.ts
@@ -29,7 +29,7 @@ import { StreamViewersChart } from "./stream-viewers-chart/stream-viewers-chart"
   selector: "hls-streams-detail",
   templateUrl: "streams-detail.html",
 })
-export class StreamsDetail implements OnInit {
+export default class StreamsDetail implements OnInit {
   private route = inject(ActivatedRoute);
   private router = inject(Router);
   private qry = inject(QryService);

diff --git a/web/src/app/pages/streams-list/streams-list.ts b/web/src/app/pages/streams-list/streams-list.ts
@@ -37,7 +37,7 @@ type QueryKey = ["youtube_streams", StreamsListPageData, string[]];
   selector: "hls-streams-list",
   templateUrl: "streams-list.html",
 })
-export class StreamsList implements OnInit {
+export default class StreamsList implements OnInit {
   private qry = inject(QryService);
   private route = inject(ActivatedRoute);
   private vtubers = inject(VTuberService);

diff --git a/web/src/app/pages/vtubers-detail/vtubers-detail.ts b/web/src/app/pages/vtubers-detail/vtubers-detail.ts
@@ -21,7 +21,7 @@ import { VtuberSummary } from "./vtuber-summary/vtuber-summary";
   selector: "hls-vtubers-detail",
   templateUrl: "vtubers-detail.html",
 })
-export class VTubersDetail {
+export default class VTubersDetail {
   private route = inject(ActivatedRoute);
   private router = inject(Router);
   private title = inject(Title);

diff --git a/web/src/app/routes.ts b/web/src/app/routes.ts
@@ -5,26 +5,12 @@ import { NotFound } from "./pages/not-found/not-found";
 import { ShareTarget } from "./pages/share-target/share-target";
 import type { StreamsListPageData } from "./pages/streams-list/streams-list";
 
-const ChannelList = () =>
-  import(
-    /* webpackChunkName: "pages/channels-list" */ "./pages/channels-list/channels-list"
-  ).then((m) => m.ChannelList);
-const StreamsList = () =>
-  import(
-    /* webpackChunkName: "pages/streams-list" */ "./pages/streams-list/streams-list"
-  ).then((m) => m.StreamsList);
-const StreamsDetail = () =>
-  import(
-    /* webpackChunkName: "pages/streams-detail" */ "./pages/streams-detail/streams-detail"
-  ).then((m) => m.StreamsDetail);
-const VTubersDetail = () =>
-  import(
-    /* webpackChunkName: "pages/vtubers-detail" */ "./pages/vtubers-detail/vtubers-detail"
-  ).then((m) => m.VTubersDetail);
+const ChannelList = () => import("./pages/channels-list/channels-list");
+const StreamsList = () => import("./pages/streams-list/streams-list");
+const StreamsDetail = () => import("./pages/streams-detail/streams-detail");
+const VTubersDetail = () => import("./pages/vtubers-detail/vtubers-detail");
 const Settings = () =>
-  import(
-    /* webpackChunkName: "pages/settings" */ "./pages/settings/routes"
-  ).then((m) => m.getRoutes());
+  import("./pages/settings/routes").then((m) => m.getRoutes());
 
 export const getRoutes = (): Routes => [
   { path: "", redirectTo: "/youtube-channel", pathMatch: "full" },