Remove import comments.

source/build.ts

@@ -1,12 +1,9 @@
-// Import native Node libraries.
 import path from "node:path";
 import process from "node:process";
 import fsp from "node:fs/promises";
-// Import Esbuild and associated plugins.
 import esbuild from "esbuild";
 import copyPlugin from "esbuild-copy-static-files";
 import {sassPlugin} from "esbuild-sass-plugin";
-// Import PostCSS and associated plugins.
 import cssnano from "cssnano";
 import postcss from "postcss";
 

source/components/big-date.tsx

@@ -0,0 +1,26 @@
+import {Component} from "preact";
+import {type SharedProps} from "./shared.js";
+
+export class BigDate extends Component<SharedProps> {
+  render() {
+    const {today} = this.props;
+
+    const date = [
+      ["year", today.date.getFullYear().toString()],
+      ["month", today.paddedMonth()],
+      ["day", today.paddedDay()],
+    ]
+      .map(([name, value]) => <span class={name}>{value}</span>)
+      // Add a dash between each part of the date.
+      // eslint-disable-next-line unicorn/no-array-reduce
+      .reduce((accumulator, current) => (
+        <>
+          {accumulator}
+          <span class="dash">-</span>
+          {current}
+        </>
+      ));
+
+    return <h1 class="big-date">{date}</h1>;
+  }
+}

source/components/shared.ts

@@ -0,0 +1,5 @@
+import {type DateWrapper} from "../date/date.js";
+
+export type SharedProps = {
+  today: DateWrapper;
+};

source/date/date.test.ts

@@ -1,6 +1,4 @@
-// Third-party imports.
 import {setup} from "@holllo/test";
-// First-party imports.
 import {DateWrapper} from "./date.js";
 
 await setup("DateWrapper", async (group) => {

source/setup.tsx

@@ -1,9 +1,6 @@
-// Third-party imports.
 import {render} from "preact";
-// CSS imports.
 import "modern-normalize/modern-normalize.css";
 import "./global.scss";
-// First-party imports.
 import {App} from "./app.js";
 
 if ($dev) {