From 2bf5722b6b4f5a0fa441e65a9910bad3d96a8cb8 Mon Sep 17 00:00:00 2001
From: Kenneth Trecy Tobias <web.kennethtobias@gmail.com>
Date: Thu, 14 Mar 2024 21:00:25 +0800
Subject: [PATCH] fix: update most code to adapt new language version

---
 .eslintrc.cjs                                 | 11 +++++++-
 playwright.config.ts                          |  2 +-
 src/app.d.ts                                  | 18 ++++++++-----
 .../about_myself/contact_link.svelte          |  2 +-
 src/components/general/card/article.svelte    |  2 +-
 .../general/card/page_detail.svelte           |  4 +--
 src/components/general/common_head.svelte     |  4 +--
 .../general/containers/article_post.svelte    |  2 +-
 .../containers/descriptive_list_item.svelte   |  8 +++---
 .../general/containers/example_code.svelte    | 10 +++----
 .../containers/example_code_part.svelte       |  6 ++---
 .../general/containers/example_command.svelte |  5 +---
 .../general/containers/example_output.svelte  |  4 +--
 .../general/containers/keyword.svelte         |  2 +-
 .../reference_info_collection.spec.ts         |  2 +-
 .../containers/reference_info_collection.ts   |  2 +-
 .../general/containers/simple_text.svelte     |  2 +-
 .../containers/structured_article.svelte      |  2 +-
 .../general/containers/structured_list.svelte |  8 +++---
 .../containers/structured_list_item.svelte    |  8 +++---
 .../structured_reference/link.spec.ts         |  2 +-
 .../structured_reference/link.svelte          |  2 +-
 .../containers/structured_section.svelte      |  4 +--
 src/components/general/headings/base.svelte   |  2 +-
 .../general/headings/primary.spec.ts          |  8 +++---
 .../general/headings/primary.svelte           |  2 +-
 .../general/headings/quaternary.svelte        |  4 +--
 .../general/headings/secondary.svelte         |  2 +-
 .../general/headings/subheading.svelte        |  4 +--
 .../general/headings/tertiary.svelte          |  4 +--
 src/components/general/links/base.spec.ts     |  2 +-
 src/components/general/links/base.svelte      |  2 +-
 src/components/general/links/bound.svelte     |  4 +--
 src/components/general/links/citation.svelte  |  4 +--
 src/components/general/links/constants.ts     |  2 +-
 src/components/general/links/external.svelte  |  2 +-
 .../general/links/unendorsed.svelte           |  2 +-
 src/components/shell.svelte                   | 12 +++++----
 src/components/shell/menu.svelte              |  2 +-
 src/components/shell/profile_link.svelte      |  2 +-
 src/components/shell/theme_toggler.svelte     | 10 ++++---
 src/constants/article_meta_collection.ts      |  2 +-
 src/constants/associated_file_list.ts         |  2 +-
 src/constants/drive_images.ts                 |  2 +-
 src/constants/meta_collection.ts              |  2 +-
 src/constants/redirected_meta_collection.ts   |  2 +-
 src/routes/+error.svelte                      | 26 +++++++++---------
 src/routes/+page.svelte                       |  2 +-
 .../[repo]/code/[branch]/[...path]/+server.ts |  4 +--
 .../centering_a_child_element/$types.d.ts     |  2 +-
 .../centering_a_child_element/+page.svelte    | 11 +++++---
 .../centering_a_child_element/+page.ts        |  6 ++---
 .../shared_constants.ts                       |  4 +--
 .../$types.d.ts                               |  2 +-
 .../+page.svelte                              | 13 ++++++---
 .../+page.ts                                  |  6 ++---
 .../shared_constants.ts                       |  2 +-
 .../+page.svelte                              | 27 ++++++++++++-------
 .../$types.d.ts                               |  2 +-
 .../+page.svelte                              | 17 +++++++-----
 .../+page.ts                                  |  6 ++---
 .../shared_constants.ts                       |  4 +--
 src/routes/projects/+page.svelte              |  2 +-
 src/routes/website_info/+page.svelte          |  2 +-
 .../publishing_principles/+page.svelte        |  9 ++++---
 src/types/content_metadata.ts                 |  2 +-
 .../definers/define_article_page_meta.spec.ts |  2 +-
 .../definers/define_article_page_meta.ts      |  2 +-
 .../definers/define_heading_info.spec.ts      |  2 +-
 src/utilities/definers/define_heading_info.ts |  2 +-
 .../definers/define_page_meta.spec.ts         |  2 +-
 src/utilities/definers/define_page_meta.ts    |  2 +-
 src/utilities/mocker.ts                       |  2 +-
 .../resource/flatten_owner_tree_info.spec.ts  |  2 +-
 .../resource/flatten_owner_tree_info.ts       |  2 +-
 src/utilities/resource/make_set.spec.ts       |  2 +-
 src/utilities/resource/make_set.ts            |  2 +-
 vite.config.ts                                |  2 +-
 78 files changed, 200 insertions(+), 165 deletions(-)

diff --git a/.eslintrc.cjs b/.eslintrc.cjs
index f26306ef..610675f8 100644
--- a/.eslintrc.cjs
+++ b/.eslintrc.cjs
@@ -35,5 +35,14 @@ module.exports = {
 		"plugin:@typescript-eslint/recommended-requiring-type-checking",
 		"plugin:svelte/recommended",
 		"whitelistyle"
-	]
+	],
+	"rules": {
+		"init-declarations": [ "off" ],
+		"sort-imports": [ "off" ],
+		"max-len": [ "off" ],
+		"max-lines": [ "warn" ],
+		"no-undefined": [ "off" ],
+		"no-undef-init": [ "off" ],
+		"@typescript-eslint/restrict-template-expressions": [ "off" ]
+	}
 }
diff --git a/playwright.config.ts b/playwright.config.ts
index efff4415..469e55c9 100644
--- a/playwright.config.ts
+++ b/playwright.config.ts
@@ -1,4 +1,4 @@
-import type { PlaywrightTestConfig } from "@playwright/test"
+import { type PlaywrightTestConfig } from "@playwright/test"
 
 const configuration: PlaywrightTestConfig = {
 	"webServer": {
diff --git a/src/app.d.ts b/src/app.d.ts
index 50ac62fc..68f61908 100644
--- a/src/app.d.ts
+++ b/src/app.d.ts
@@ -1,11 +1,15 @@
-// See https://kit.svelte.dev/docs/types#app
-// for information about these interfaces
-// and what to do when importing types
+/*
+ * See https://kit.svelte.dev/docs/types#app
+ * for information about these interfaces
+ * and what to do when importing types
+ */
 declare namespace App {
-	// interface Error {}
-	// interface Locals {}
-	// interface PageData {}
-	// interface PageState {}
+	/*
+	 * Interface Error {}
+	 * interface Locals {}
+	 * interface PageData {}
+	 * interface PageState {}
+	 */
 	interface Platform {
 		env: {
 			PUBLIC_PRODUCTION_BASE_URL: string
diff --git a/src/components/about_myself/contact_link.svelte b/src/components/about_myself/contact_link.svelte
index 99b5ccdb..f242c882 100644
--- a/src/components/about_myself/contact_link.svelte
+++ b/src/components/about_myself/contact_link.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { externalTypes, authorTypes } from "@/components/general/links/constants"
+	import { authorTypes, externalTypes } from "@/components/general/links/constants"
 
 	import Link from "@/components/general/links/base.svelte"
 	import BrandIcon from "@/components/general/brand_icon.svelte"
diff --git a/src/components/general/card/article.svelte b/src/components/general/card/article.svelte
index 2e58460f..676e125c 100644
--- a/src/components/general/card/article.svelte
+++ b/src/components/general/card/article.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import type { PageMeta } from "@/types/content_metadata"
+	import { type PageMeta } from "@/types/content_metadata"
 	import { internalTypes } from "@/components/general/links/constants"
 	import { PUBLIC_PRODUCTION_BASE_URL } from "$env/static/public"
 
diff --git a/src/components/general/card/page_detail.svelte b/src/components/general/card/page_detail.svelte
index 626c7bc5..64f2a0b8 100644
--- a/src/components/general/card/page_detail.svelte
+++ b/src/components/general/card/page_detail.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
-	import type { PageMeta } from "@/types/content_metadata"
+	import { type PageMeta } from "@/types/content_metadata"
 
 	import { principlesPath } from "@/constants/schema_collection"
-	import { internalTypes, authorTypes } from "@/components/general/links/constants"
+	import { authorTypes, internalTypes } from "@/components/general/links/constants"
 	import {
 		draftStatusURL,
 		publishedStatusURL
diff --git a/src/components/general/common_head.svelte b/src/components/general/common_head.svelte
index c8c10fd6..65cc287c 100644
--- a/src/components/general/common_head.svelte
+++ b/src/components/general/common_head.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
-	import type { PageMeta } from "@/types/content_metadata"
+	import { type PageMeta } from "@/types/content_metadata"
 
 	import { dev } from "$app/environment"
 	import {
-		PUBLIC_PRODUCTION_BASE_URL,
 		PUBLIC_MINIMUM_TITLE_LENGTH,
+		PUBLIC_PRODUCTION_BASE_URL,
 		PUBLIC_RECOMMENDED_DESCRIPTION_LENGTH
 	} from "$env/static/public"
 
diff --git a/src/components/general/containers/article_post.svelte b/src/components/general/containers/article_post.svelte
index f55e776a..3e876897 100644
--- a/src/components/general/containers/article_post.svelte
+++ b/src/components/general/containers/article_post.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import type { ArticlePageMeta } from "@/types/content_metadata"
+	import { type ArticlePageMeta } from "@/types/content_metadata"
 
 	import CommonHead from "@/components/general/common_head.svelte"
 	import PrimaryHeading from "@/components/general/headings/primary.svelte"
diff --git a/src/components/general/containers/descriptive_list_item.svelte b/src/components/general/containers/descriptive_list_item.svelte
index 5e31a4ba..ae8c572f 100644
--- a/src/components/general/containers/descriptive_list_item.svelte
+++ b/src/components/general/containers/descriptive_list_item.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
-	import type { ListVariant } from "@/types/container_info"
+	import { type ListVariant } from "@/types/container_info"
 
 	import SimpleThing from "@/components/general/containers/simple_thing.svelte"
 	import StructuredListItem from "@/components/general/containers/structured_list_item.svelte"
 
-	export let itemprop: string = "itemListElement"
-	export let itemtype: string = "https://schema.org/ListItem"
+	export let itemprop = "itemListElement"
+	export let itemtype = "https://schema.org/ListItem"
 	export let variant: ListVariant = "normal"
 	let otherClasses: string[] = []
 
@@ -17,7 +17,7 @@
 	{itemprop}
 	{variant}
 	{itemtype}
-	class={[ ...initialClasses, ...otherClasses] }>
+	class={[ ...initialClasses, ...otherClasses ] }>
 	<SimpleThing itemprop="description">
 		<slot></slot>
 	</SimpleThing>
diff --git a/src/components/general/containers/example_code.svelte b/src/components/general/containers/example_code.svelte
index e142e1cf..a1379f15 100644
--- a/src/components/general/containers/example_code.svelte
+++ b/src/components/general/containers/example_code.svelte
@@ -1,14 +1,12 @@
 <script lang="ts">
-	import { onMount } from "svelte"
-
-	import type { CompleteCodeFileInfo } from "@/types/container_info"
+	import { type CompleteCodeFileInfo } from "@/types/container_info"
 
 	import ExternalLink from "@/components/general/links/external.svelte"
 
 	export let codeInfo: CompleteCodeFileInfo
-	export let itemprop: string = "workExample"
-	export let beginLineIndex: number = 0
-	export let endLineIndex: number = Infinity
+	export let itemprop = "workExample"
+	export let beginLineIndex = 0
+	export let endLineIndex = Infinity
 
 	$: rawCodeLines = (() => {
 		try {
diff --git a/src/components/general/containers/example_code_part.svelte b/src/components/general/containers/example_code_part.svelte
index 1216fac3..d0f1afe8 100644
--- a/src/components/general/containers/example_code_part.svelte
+++ b/src/components/general/containers/example_code_part.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
 	export let filename: string
 	export let rawCodeLines: string[]
-	export let itemprop: string = "workExample"
-	export let beginLineIndex: number = 0
-	export let endLineIndex: number = Infinity
+	export let itemprop = "workExample"
+	export let beginLineIndex = 0
+	export let endLineIndex = Infinity
 
 	$: targetBeginLineIndex = Math.max(0, beginLineIndex)
 	$: targetEndLineIndex = Math.min(rawCodeLines.length, endLineIndex)
diff --git a/src/components/general/containers/example_command.svelte b/src/components/general/containers/example_command.svelte
index a1f916bd..51c9c98c 100644
--- a/src/components/general/containers/example_command.svelte
+++ b/src/components/general/containers/example_command.svelte
@@ -1,9 +1,6 @@
 <script lang="ts">
-	import { onMount } from "svelte"
+	import { type ExecutedCommandSetInfo } from "@/types/container_info"
 
-	import type { ExecutedCommandSetInfo } from "@/types/container_info"
-
-	import ExternalLink from "@/components/general/links/external.svelte"
 	import SimpleText from "@/components/general/containers/simple_text.svelte"
 
 	export let commandInfos: ExecutedCommandSetInfo
diff --git a/src/components/general/containers/example_output.svelte b/src/components/general/containers/example_output.svelte
index f038a6e0..4e23f1ef 100644
--- a/src/components/general/containers/example_output.svelte
+++ b/src/components/general/containers/example_output.svelte
@@ -1,7 +1,5 @@
 <script lang="ts">
-	import { onMount } from "svelte"
-
-	import type { CompleteCodeFileInfo, ExecutedCommandSetInfo } from "@/types/container_info"
+	import { type CompleteCodeFileInfo, type ExecutedCommandSetInfo } from "@/types/container_info"
 
 	import ExternalLink from "@/components/general/links/external.svelte"
 	import ExampleCommand from "@/components/general/containers/example_command.svelte"
diff --git a/src/components/general/containers/keyword.svelte b/src/components/general/containers/keyword.svelte
index cfdfa6e9..3e8d7032 100644
--- a/src/components/general/containers/keyword.svelte
+++ b/src/components/general/containers/keyword.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	export let otherItemprop: string = ""
+	export let otherItemprop = ""
 
 	export { otherItemprop as itemprop }
 
diff --git a/src/components/general/containers/reference_info_collection.spec.ts b/src/components/general/containers/reference_info_collection.spec.ts
index 4ec9e057..5143440a 100644
--- a/src/components/general/containers/reference_info_collection.spec.ts
+++ b/src/components/general/containers/reference_info_collection.spec.ts
@@ -1,7 +1,7 @@
 /* eslint-disable max-lines-per-function */
 // @vitest-environment jsdom
 
-import type { ReferenceInfo } from "@/types/reference"
+import { type ReferenceInfo } from "@/types/reference"
 
 import { cleanup } from "@testing-library/svelte"
 import { get } from "svelte/store"
diff --git a/src/components/general/containers/reference_info_collection.ts b/src/components/general/containers/reference_info_collection.ts
index 3b45affe..b7d7ef58 100644
--- a/src/components/general/containers/reference_info_collection.ts
+++ b/src/components/general/containers/reference_info_collection.ts
@@ -1,4 +1,4 @@
-import type { ReferenceInfo } from "@/types/reference"
+import { type ReferenceInfo } from "@/types/reference"
 
 import { writable } from "svelte/store"
 
diff --git a/src/components/general/containers/simple_text.svelte b/src/components/general/containers/simple_text.svelte
index 9f829a02..7cde6197 100644
--- a/src/components/general/containers/simple_text.svelte
+++ b/src/components/general/containers/simple_text.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	export let otherItemprop: string = ""
+	export let otherItemprop = ""
 
 	export { otherItemprop as itemprop }
 
diff --git a/src/components/general/containers/structured_article.svelte b/src/components/general/containers/structured_article.svelte
index f835535f..e5850e9b 100644
--- a/src/components/general/containers/structured_article.svelte
+++ b/src/components/general/containers/structured_article.svelte
@@ -2,7 +2,7 @@
 	import { browser } from "$app/environment"
 	import { MAIN_CONTENT_ID } from "@/constants/miscellaneous_meta"
 
-	export let itemtype: string = "https://schema.org/WebContent"
+	export let itemtype = "https://schema.org/WebContent"
 
 	const currentLocation = browser ? location.href : ""
 </script>
diff --git a/src/components/general/containers/structured_list.svelte b/src/components/general/containers/structured_list.svelte
index 0ea1ee47..01f85a83 100644
--- a/src/components/general/containers/structured_list.svelte
+++ b/src/components/general/containers/structured_list.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
-	import type { Order, ListVariant } from "@/types/container_info"
+	import { type ListVariant, type Order } from "@/types/container_info"
 
 	export let order: Order
 
 	export let hasOwnScope = true
-	export let itemprop: string = "mainEntity"
-	export const itemtype: string = "https://schema.org/ItemList"
+	export let itemprop = "mainEntity"
+	export const itemtype = "https://schema.org/ItemList"
 	export let variant: ListVariant = "normal"
 	let otherClasses: string[] = []
 	const cardVariantClasses = [ "flex", "flex-col", "list-outside", "list-none" ]
@@ -17,7 +17,7 @@
 			: []
 	export { otherClasses as class }
 
-	$: joinedClasses = [ ...initialClasses, ...otherClasses].join(" ")
+	$: joinedClasses = [ ...initialClasses, ...otherClasses ].join(" ")
 	$: listOrder = order === "unordered"
 		? "https://schema.org/ItemListUnordered"
 		: order === "ascending"
diff --git a/src/components/general/containers/structured_list_item.svelte b/src/components/general/containers/structured_list_item.svelte
index aa7fc467..7e430802 100644
--- a/src/components/general/containers/structured_list_item.svelte
+++ b/src/components/general/containers/structured_list_item.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
-	import type { ListVariant } from "@/types/container_info"
+	import { type ListVariant } from "@/types/container_info"
 
-	export let itemprop: string = "itemListElement"
-	export let itemtype: string = "https://schema.org/ListItem"
+	export let itemprop = "itemListElement"
+	export let itemtype = "https://schema.org/ListItem"
 	export let variant: ListVariant = "normal"
 	let otherClasses: string[] = []
 
@@ -18,7 +18,7 @@
 	{itemprop}
 	itemscope
 	{itemtype}
-	class={[ ...initialClasses, ...otherClasses].join(" ")}>
+	class={[ ...initialClasses, ...otherClasses ].join(" ")}>
 	<slot></slot>
 </li>
 
diff --git a/src/components/general/containers/structured_reference/link.spec.ts b/src/components/general/containers/structured_reference/link.spec.ts
index 47b0fb4b..5895985e 100644
--- a/src/components/general/containers/structured_reference/link.spec.ts
+++ b/src/components/general/containers/structured_reference/link.spec.ts
@@ -1,7 +1,7 @@
 /* eslint-disable max-lines-per-function */
 // @vitest-environment jsdom
 
-import type { ReferenceInfo } from "@/types/reference"
+import { type ReferenceInfo } from "@/types/reference"
 
 import { cleanup, render } from "@testing-library/svelte"
 import { describe, expect, it } from "vitest"
diff --git a/src/components/general/containers/structured_reference/link.svelte b/src/components/general/containers/structured_reference/link.svelte
index 23249e9e..59ab21e8 100644
--- a/src/components/general/containers/structured_reference/link.svelte
+++ b/src/components/general/containers/structured_reference/link.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import type { ReferenceInfo, PersonInfo, LicenseInfo } from "@/types/reference"
+	import { type LicenseInfo, type PersonInfo, type ReferenceInfo } from "@/types/reference"
 
 	import { internalTypes } from "@/components/general/links/constants"
 
diff --git a/src/components/general/containers/structured_section.svelte b/src/components/general/containers/structured_section.svelte
index b8ff80d4..d9d24d23 100644
--- a/src/components/general/containers/structured_section.svelte
+++ b/src/components/general/containers/structured_section.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	export let id: string|undefined = undefined
-	export let itemprop: string = "hasPart"
-	export let itemtype: string = "https://schema.org/WebContent"
+	export let itemprop = "hasPart"
+	export let itemtype = "https://schema.org/WebContent"
 	export let itemid: string|undefined = undefined
 
 	let otherClasses: string[] = []
diff --git a/src/components/general/headings/base.svelte b/src/components/general/headings/base.svelte
index 07bb99eb..ae7708d3 100644
--- a/src/components/general/headings/base.svelte
+++ b/src/components/general/headings/base.svelte
@@ -4,7 +4,7 @@
 
 	export let level: number
 	export let fragment: string
-	export let mayUseBookmark: boolean = true
+	export let mayUseBookmark = true
 	let otherClasses: string[] = []
 
 	export { otherClasses as class }
diff --git a/src/components/general/headings/primary.spec.ts b/src/components/general/headings/primary.spec.ts
index 8ad0fff7..de9033d7 100644
--- a/src/components/general/headings/primary.spec.ts
+++ b/src/components/general/headings/primary.spec.ts
@@ -1,12 +1,12 @@
 // @vitest-environment jsdom
 
-import { describe, it, expect } from "vitest"
-import { render, cleanup } from "@testing-library/svelte"
+import { describe, expect, it } from "vitest"
+import { cleanup, render } from "@testing-library/svelte"
 
 import Component from "./primary.svelte"
 
 describe("Primary heading behavior", () => {
-	it("can render prefix as separate", async () => {
+	it("can render prefix as separate", async() => {
 		const prefix = "I. "
 		const { container } = render(Component, { prefix })
 
@@ -18,7 +18,7 @@ describe("Primary heading behavior", () => {
 		cleanup()
 	})
 
-	it("can render one span if there is no prefix", async () => {
+	it("can render one span if there is no prefix", async() => {
 		const { container } = render(Component)
 
 		const spans = container.querySelectorAll("h1 > span")
diff --git a/src/components/general/headings/primary.svelte b/src/components/general/headings/primary.svelte
index 92473940..7f904884 100644
--- a/src/components/general/headings/primary.svelte
+++ b/src/components/general/headings/primary.svelte
@@ -4,7 +4,7 @@
 	import Heading from "@/components/general/headings/base.svelte"
 
 	let otherClasses: string[] = []
-	export let prefix: string = ""
+	export let prefix = ""
 	export { otherClasses as class }
 
 	$: joinedClasses = [
diff --git a/src/components/general/headings/quaternary.svelte b/src/components/general/headings/quaternary.svelte
index 45d8c661..2d755f08 100644
--- a/src/components/general/headings/quaternary.svelte
+++ b/src/components/general/headings/quaternary.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
-	import type { HeadingInfo, SubheadingVariant } from "@/types/container_info"
+	import { type HeadingInfo, type SubheadingVariant } from "@/types/container_info"
 	import Subheading from "@/components/general/headings/subheading.svelte"
 
 	export let headingInfo: HeadingInfo<"defined">
 	export let variant: SubheadingVariant = "headline"
-	export let mayUseBookmark: boolean = true
+	export let mayUseBookmark = true
 	let otherClasses: string[] = []
 
 	export { otherClasses as class }
diff --git a/src/components/general/headings/secondary.svelte b/src/components/general/headings/secondary.svelte
index e39be48a..b592512d 100644
--- a/src/components/general/headings/secondary.svelte
+++ b/src/components/general/headings/secondary.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import type { HeadingInfo, SubheadingVariant } from "@/types/container_info"
+	import { type HeadingInfo, type SubheadingVariant } from "@/types/container_info"
 	import Subheading from "@/components/general/headings/subheading.svelte"
 
 	export let headingInfo: HeadingInfo<"defined">
diff --git a/src/components/general/headings/subheading.svelte b/src/components/general/headings/subheading.svelte
index 594c0b28..d8dc47a8 100644
--- a/src/components/general/headings/subheading.svelte
+++ b/src/components/general/headings/subheading.svelte
@@ -1,12 +1,12 @@
 <script lang="ts">
-	import type { HeadingInfo, SubheadingVariant } from "@/types/container_info"
+	import { type HeadingInfo, type SubheadingVariant } from "@/types/container_info"
 
 	import Heading from "@/components/general/headings/base.svelte"
 
 	export let level: number
 	export let variant: SubheadingVariant
 	export let headingInfo: HeadingInfo<"defined">
-	export let mayUseBookmark: boolean = true
+	export let mayUseBookmark = true
 	let otherClasses: string[] = []
 
 	export { otherClasses as class }
diff --git a/src/components/general/headings/tertiary.svelte b/src/components/general/headings/tertiary.svelte
index d5bf35e9..d59adccb 100644
--- a/src/components/general/headings/tertiary.svelte
+++ b/src/components/general/headings/tertiary.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
-	import type { HeadingInfo, SubheadingVariant } from "@/types/container_info"
+	import { type HeadingInfo, type SubheadingVariant } from "@/types/container_info"
 	import Subheading from "@/components/general/headings/subheading.svelte"
 
 	export let headingInfo: HeadingInfo<"defined">
 	export let variant: SubheadingVariant = "headline"
-	export let mayUseBookmark: boolean = true
+	export let mayUseBookmark = true
 	let otherClasses: string[] = []
 
 	export { otherClasses as class }
diff --git a/src/components/general/links/base.spec.ts b/src/components/general/links/base.spec.ts
index 1b9fb0ea..5d49b378 100644
--- a/src/components/general/links/base.spec.ts
+++ b/src/components/general/links/base.spec.ts
@@ -1,6 +1,6 @@
 // @vitest-environment jsdom
 
-import type { AnchorLinkType } from "@/types/container_info"
+import { type AnchorLinkType } from "@/types/container_info"
 
 import { cleanup, render } from "@testing-library/svelte"
 import { describe, expect, it } from "vitest"
diff --git a/src/components/general/links/base.svelte b/src/components/general/links/base.svelte
index ee165f08..c41b9d8f 100644
--- a/src/components/general/links/base.svelte
+++ b/src/components/general/links/base.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import type { AnchorTarget, AnchorLinkType } from "@/types/container_info"
+	import { type AnchorLinkType, type AnchorTarget } from "@/types/container_info"
 
 	export let address: string
 	export let relationship: AnchorLinkType|AnchorLinkType[]
diff --git a/src/components/general/links/bound.svelte b/src/components/general/links/bound.svelte
index 5f659cf1..43ee56fe 100644
--- a/src/components/general/links/bound.svelte
+++ b/src/components/general/links/bound.svelte
@@ -7,8 +7,8 @@
 	import ExternalLink from "@/components/general/links/external.svelte"
 
 	export let address: string
-	export let itemprop: string|undefined = undefined
-	export let itemtype: string|undefined = undefined
+	export let itemprop: string|undefined
+	export let itemtype: string|undefined
 
 	$: isInbound = address.includes(PUBLIC_PRODUCTION_BASE_URL)
 	$: linkComponent = isInbound ? BaseLink : ExternalLink
diff --git a/src/components/general/links/citation.svelte b/src/components/general/links/citation.svelte
index 205da1a2..12850a24 100644
--- a/src/components/general/links/citation.svelte
+++ b/src/components/general/links/citation.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { onMount } from "svelte"
 
-	import type { ReferenceInfo } from "@/types/reference"
+	import { type ReferenceInfo } from "@/types/reference"
 
 	import { internalTypes } from "@/components/general/links/constants"
 
@@ -13,7 +13,7 @@
 	export let info: ReferenceInfo
 	export let itemprop: string|undefined = undefined
 
-	onMount(async () => {
+	onMount(() => {
 		appendReference(info)
 	})
 
diff --git a/src/components/general/links/constants.ts b/src/components/general/links/constants.ts
index e9d44897..865ae21a 100644
--- a/src/components/general/links/constants.ts
+++ b/src/components/general/links/constants.ts
@@ -1,4 +1,4 @@
-import type { AnchorLinkType } from "@/types/container_info"
+import { type AnchorLinkType } from "@/types/container_info"
 
 export const externalTypes: AnchorLinkType[] = [
 	"external",
diff --git a/src/components/general/links/external.svelte b/src/components/general/links/external.svelte
index 3bebc87c..40222767 100644
--- a/src/components/general/links/external.svelte
+++ b/src/components/general/links/external.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import type { AnchorLinkType } from "@/types/container_info"
+	import { type AnchorLinkType } from "@/types/container_info"
 
 	import { externalTypes } from "@/components/general/links/constants"
 
diff --git a/src/components/general/links/unendorsed.svelte b/src/components/general/links/unendorsed.svelte
index 9dfc43ef..6e3ac968 100644
--- a/src/components/general/links/unendorsed.svelte
+++ b/src/components/general/links/unendorsed.svelte
@@ -4,7 +4,7 @@
 	import Link from "@/components/general/links/base.svelte"
 
 	export let address: string
-	export let itemprop: string|undefined = undefined
+	export let itemprop: string|undefined
 </script>
 
 <Link address={address} relationship={[ "nofollow", ...externalTypes ]} context="other" {itemprop}>
diff --git a/src/components/shell.svelte b/src/components/shell.svelte
index b815fe20..12d18dbb 100644
--- a/src/components/shell.svelte
+++ b/src/components/shell.svelte
@@ -4,18 +4,20 @@
 	import Logo from "@/multimedia/logo.png"
 	import { LICENSE, LICENSE_URL } from "@/constants/miscellaneous_meta"
 
-	import Menu from "@/components/shell/menu.svelte"
+	import ExternalLink from "@/components/general/links/external.svelte"
 	import Icon from "@/components/general/icon.svelte"
+	import Menu from "@/components/shell/menu.svelte"
 	import ProfileLink from "@/components/shell/profile_link.svelte"
-	import toggleBySpace from "@/utilities/toggle_by_space"
-	import ThemeToggler from "@/components/shell/theme_toggler.svelte"
-	import ExternalLink from "@/components/general/links/external.svelte"
 	import SimpleText from "@/components/general/containers/simple_text.svelte"
+	import ThemeToggler from "@/components/shell/theme_toggler.svelte"
+	import toggleBySpace from "@/utilities/toggle_by_space"
 
 	let isMenuShown = false
 
 	function toggleMenu(event: KeyboardEvent): void {
-		toggleBySpace(event, () => isMenuShown = !isMenuShown)
+		toggleBySpace(event, () => {
+			isMenuShown = !isMenuShown
+		})
 	}
 </script>
 
diff --git a/src/components/shell/menu.svelte b/src/components/shell/menu.svelte
index bd742db9..74f69ede 100644
--- a/src/components/shell/menu.svelte
+++ b/src/components/shell/menu.svelte
@@ -6,7 +6,7 @@
 	import Icon from "@/components/general/icon.svelte"
 	import BaseLink from "@/components/general/links/base.svelte"
 
-	export let mustShowHorizontally: boolean = false
+	export let mustShowHorizontally = false
 
 	const linkClasses = [ "inline-flex", "flex-row", "flex-nowrap", "items-center", "no-underline" ]
 </script>
diff --git a/src/components/shell/profile_link.svelte b/src/components/shell/profile_link.svelte
index 7a2d71ab..5453c5c9 100644
--- a/src/components/shell/profile_link.svelte
+++ b/src/components/shell/profile_link.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { externalTypes, authorTypes } from "@/components/general/links/constants"
+	import { authorTypes, externalTypes } from "@/components/general/links/constants"
 
 	import Link from "@/components/general/links/base.svelte"
 	import BrandIcon from "@/components/general/brand_icon.svelte"
diff --git a/src/components/shell/theme_toggler.svelte b/src/components/shell/theme_toggler.svelte
index a0c538fb..3007b054 100644
--- a/src/components/shell/theme_toggler.svelte
+++ b/src/components/shell/theme_toggler.svelte
@@ -6,10 +6,12 @@
 	import Icon from "@/components/general/icon.svelte"
 	import toggleBySpace from "@/utilities/toggle_by_space"
 
-	$: if (typeof window !== "undefined") document.documentElement.setAttribute(
-		"data-theme",
-		$themeName
-	)
+	$: if (typeof window !== "undefined") {
+		document.documentElement.setAttribute(
+			"data-theme",
+			$themeName
+		)
+	}
 	$: modeIcon = $mustBeInDarkMode ? "dark_mode" : "light_mode"
 	$: otherTheme = $mustBeInDarkMode ? LIGHT_MODE : DARK_MODE
 
diff --git a/src/constants/article_meta_collection.ts b/src/constants/article_meta_collection.ts
index 91c09e46..a2c1b600 100644
--- a/src/constants/article_meta_collection.ts
+++ b/src/constants/article_meta_collection.ts
@@ -1,4 +1,4 @@
-import type { ArticlePageMeta } from "@/types/content_metadata"
+import { type ArticlePageMeta } from "@/types/content_metadata"
 
 import article20220218 from "@/routes/articles/different_levels_of_abstraction_in_programming/meta"
 import article20220220 from "@/routes/articles/centering_a_child_element/meta"
diff --git a/src/constants/associated_file_list.ts b/src/constants/associated_file_list.ts
index b5b8f248..880577c0 100644
--- a/src/constants/associated_file_list.ts
+++ b/src/constants/associated_file_list.ts
@@ -1,4 +1,4 @@
-import type { CompleteViewableFileInfo } from "@/types/container_info"
+import { type CompleteViewableFileInfo } from "@/types/container_info"
 
 import {
 	associatedFileList as fileList20220218
diff --git a/src/constants/drive_images.ts b/src/constants/drive_images.ts
index acd02614..ec1eeb74 100644
--- a/src/constants/drive_images.ts
+++ b/src/constants/drive_images.ts
@@ -1,4 +1,4 @@
-import type { MultimediaInfo } from "@/types/content_metadata"
+import { type MultimediaInfo } from "@/types/content_metadata"
 
 import makeSharedMultimediaLink from "@/utilities/resource/make_shared_multimedia_link"
 
diff --git a/src/constants/meta_collection.ts b/src/constants/meta_collection.ts
index 5c1f9e34..df0f6160 100644
--- a/src/constants/meta_collection.ts
+++ b/src/constants/meta_collection.ts
@@ -1,4 +1,4 @@
-import type { PageMeta } from "@/types/content_metadata"
+import { type PageMeta } from "@/types/content_metadata"
 
 import aboutMeta from "@/routes/about_myself/meta"
 import articleMetaCollection from "@/constants/article_meta_collection"
diff --git a/src/constants/redirected_meta_collection.ts b/src/constants/redirected_meta_collection.ts
index 011eb804..cbe49e3a 100644
--- a/src/constants/redirected_meta_collection.ts
+++ b/src/constants/redirected_meta_collection.ts
@@ -1,4 +1,4 @@
-import type { PageMeta } from "@/types/content_metadata"
+import { type PageMeta } from "@/types/content_metadata"
 
 import article20220218 from "@/routes/articles/different_levels_of_abstraction_in_software/meta"
 
diff --git a/src/routes/+error.svelte b/src/routes/+error.svelte
index 53c6365c..9ca0fda0 100644
--- a/src/routes/+error.svelte
+++ b/src/routes/+error.svelte
@@ -9,25 +9,25 @@
 
 	const title = derived(
 		page,
-		pageData => (
-			400 <= pageData.status && pageData.status < 500
-				? "Client Error"
-				: 500 <= pageData.status && pageData.status < 600
-					? "Server Error"
-					: "Unknown Error"
-		) as string
+		pageData => {
+			if (pageData.status >= 400 && pageData.status < 500) {
+				return "Client Error"
+			}
+
+			if (pageData.status >= 500 && pageData.status < 600) {
+				return "Server Error"
+			}
+
+			return "Unknown Error"
+		}
 	)
+
 	const message = derived(
 		page,
 		pageData => {
-			interface ErrorMessage {
-				status: number,
-				message: string
-			}
-
 			const DEFAULT_MESSAGE = "Please contact the Kenneth Trecy if this happens."
 
-			const errorInfos: ErrorMessage[] = [
+			const errorInfos = [
 				{
 					"status": 404,
 					"message": "The page for this URL does not exist or has been archived."
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index e40b9ef7..c4006b8a 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import pageMeta from "@/routes/meta"
-	import { externalTypes, internalTypes, authorTypes } from "@/components/general/links/constants"
+	import { authorTypes, externalTypes, internalTypes } from "@/components/general/links/constants"
 
 	import { profile } from "@/constants/drive_images"
 
diff --git a/src/routes/api/v0/github/[owner]/[repo]/code/[branch]/[...path]/+server.ts b/src/routes/api/v0/github/[owner]/[repo]/code/[branch]/[...path]/+server.ts
index d9ca5e2f..db660527 100644
--- a/src/routes/api/v0/github/[owner]/[repo]/code/[branch]/[...path]/+server.ts
+++ b/src/routes/api/v0/github/[owner]/[repo]/code/[branch]/[...path]/+server.ts
@@ -1,6 +1,6 @@
-import type { RequestEvent } from "@sveltejs/kit"
+import { type RequestEvent } from "@sveltejs/kit"
 
-import type { CodeFile, CompleteViewableFileInfo } from "@/types/container_info"
+import { type CodeFile, type CompleteViewableFileInfo } from "@/types/container_info"
 
 import { Octokit } from "@octokit/core"
 
diff --git a/src/routes/articles/centering_a_child_element/$types.d.ts b/src/routes/articles/centering_a_child_element/$types.d.ts
index 6d4f9488..63890766 100644
--- a/src/routes/articles/centering_a_child_element/$types.d.ts
+++ b/src/routes/articles/centering_a_child_element/$types.d.ts
@@ -1,5 +1,5 @@
 import type * as Kit from "@sveltejs/kit"
-import type { CompleteCodeFileInfo } from "@/types/container_info"
+import { type CompleteCodeFileInfo } from "@/types/container_info"
 
 export interface PageData {
 	loadedFileInfos: CompleteCodeFileInfo[]
diff --git a/src/routes/articles/centering_a_child_element/+page.svelte b/src/routes/articles/centering_a_child_element/+page.svelte
index 602152af..e87858a4 100644
--- a/src/routes/articles/centering_a_child_element/+page.svelte
+++ b/src/routes/articles/centering_a_child_element/+page.svelte
@@ -1,8 +1,10 @@
+/** eslint-disable max-lines */
 <script lang="ts">
 	import { page } from "$app/stores"
 	import { derived } from "svelte/store"
 
-	import type { ReferenceInfo } from "@/types/reference"
+	import { type ReferenceInfo } from "@/types/reference"
+	import { type CompleteCodeFileInfo } from "@/types/container_info"
 
 	import pageMeta from "@/routes/articles/centering_a_child_element/meta"
 	import indexPageMeta from "@/routes/meta"
@@ -26,7 +28,10 @@
 	import StructuredSection from "@/components/general/containers/structured_section.svelte"
 	import DescriptiveListItem from "@/components/general/containers/descriptive_list_item.svelte"
 
-	const loadedFileInfos = derived(page, resolvedPage => resolvedPage.data.loadedFileInfos ?? [])
+	const loadedFileInfos = derived(
+		page,
+		resolvedPage => (resolvedPage.data.loadedFileInfos ?? []) as CompleteCodeFileInfo[]
+	)
 
 	const introduction = defineHeadingInfo({ "text": "Introduction" })
 	const classical = defineHeadingInfo({ "text": "The Classical Way" })
@@ -119,7 +124,7 @@
 	]
 
 	const styleTagLine = derived(loadedFileInfos, loadedFile => {
-		const selfSourceCode = loadedFile[0]
+		const [ selfSourceCode ] = loadedFile
 		if (typeof selfSourceCode === "object") {
 			const rawCodeLines = atob(selfSourceCode?.content ?? "\n").split("\n")
 			return rawCodeLines.indexOf(`${"<"}style lang="postcss">`) + 1
diff --git a/src/routes/articles/centering_a_child_element/+page.ts b/src/routes/articles/centering_a_child_element/+page.ts
index f244ee7b..0506b724 100644
--- a/src/routes/articles/centering_a_child_element/+page.ts
+++ b/src/routes/articles/centering_a_child_element/+page.ts
@@ -1,6 +1,6 @@
-import type { CodeFile } from "@/types/container_info"
-import type {
-	PageLoad
+import { type CodeFile } from "@/types/container_info"
+import {
+	type PageLoad
 } from "@/routes/articles/centering_a_child_element/$types"
 
 import {
diff --git a/src/routes/articles/centering_a_child_element/shared_constants.ts b/src/routes/articles/centering_a_child_element/shared_constants.ts
index 18507270..9b4a2e1f 100644
--- a/src/routes/articles/centering_a_child_element/shared_constants.ts
+++ b/src/routes/articles/centering_a_child_element/shared_constants.ts
@@ -1,5 +1,5 @@
-import type { MultimediaInfo } from "@/types/content_metadata"
-import type { ViewableOwnerInfoTree } from "@/types/container_info"
+import { type MultimediaInfo } from "@/types/content_metadata"
+import { type ViewableOwnerInfoTree } from "@/types/container_info"
 
 import flattenOwnerTreeInfo from "@/utilities/resource/flatten_owner_tree_info"
 import makeSharedMultimediaLink from "@/utilities/resource/make_shared_multimedia_link"
diff --git a/src/routes/articles/different_levels_of_abstraction_in_programming/$types.d.ts b/src/routes/articles/different_levels_of_abstraction_in_programming/$types.d.ts
index 6d4f9488..63890766 100644
--- a/src/routes/articles/different_levels_of_abstraction_in_programming/$types.d.ts
+++ b/src/routes/articles/different_levels_of_abstraction_in_programming/$types.d.ts
@@ -1,5 +1,5 @@
 import type * as Kit from "@sveltejs/kit"
-import type { CompleteCodeFileInfo } from "@/types/container_info"
+import { type CompleteCodeFileInfo } from "@/types/container_info"
 
 export interface PageData {
 	loadedFileInfos: CompleteCodeFileInfo[]
diff --git a/src/routes/articles/different_levels_of_abstraction_in_programming/+page.svelte b/src/routes/articles/different_levels_of_abstraction_in_programming/+page.svelte
index 8186e24f..e665fee7 100644
--- a/src/routes/articles/different_levels_of_abstraction_in_programming/+page.svelte
+++ b/src/routes/articles/different_levels_of_abstraction_in_programming/+page.svelte
@@ -3,8 +3,12 @@
 	import { page } from "$app/stores"
 	import { derived } from "svelte/store"
 
-	import type { ReferenceInfo } from "@/types/reference"
-	import type { ExecutedCommandSetInfo, HeadingInfo } from "@/types/container_info"
+	import { type ReferenceInfo } from "@/types/reference"
+	import {
+		type CompleteCodeFileInfo,
+		type ExecutedCommandSetInfo,
+		type HeadingInfo
+	} from "@/types/container_info"
 
 	import pageMeta from "@/routes/articles/different_levels_of_abstraction_in_programming/meta"
 
@@ -25,7 +29,10 @@
 	import StructuredSection from "@/components/general/containers/structured_section.svelte"
 	import StructuredListItem from "@/components/general/containers/structured_list_item.svelte"
 
-	const loadedFileInfos = derived(page, resolvedPage => resolvedPage.data.loadedFileInfos ?? [])
+	const loadedFileInfos = derived(
+		page,
+		resolvedPage => (resolvedPage.data.loadedFileInfos ?? []) as CompleteCodeFileInfo[]
+	)
 
 	const introduction = defineHeadingInfo({ "text": "Introduction" })
 	const levels: HeadingInfo<"defined">[] = [
diff --git a/src/routes/articles/different_levels_of_abstraction_in_programming/+page.ts b/src/routes/articles/different_levels_of_abstraction_in_programming/+page.ts
index 7d9b4d95..befdfcbb 100644
--- a/src/routes/articles/different_levels_of_abstraction_in_programming/+page.ts
+++ b/src/routes/articles/different_levels_of_abstraction_in_programming/+page.ts
@@ -1,6 +1,6 @@
-import type { CodeFile } from "@/types/container_info"
-import type {
-	PageLoad
+import { type CodeFile } from "@/types/container_info"
+import {
+	type PageLoad
 } from "@/routes/articles/different_levels_of_abstraction_in_programming/$types"
 
 import {
diff --git a/src/routes/articles/different_levels_of_abstraction_in_programming/shared_constants.ts b/src/routes/articles/different_levels_of_abstraction_in_programming/shared_constants.ts
index 5b749ab2..fb60a94d 100644
--- a/src/routes/articles/different_levels_of_abstraction_in_programming/shared_constants.ts
+++ b/src/routes/articles/different_levels_of_abstraction_in_programming/shared_constants.ts
@@ -1,4 +1,4 @@
-import type { ViewableOwnerInfoTree } from "@/types/container_info"
+import { type ViewableOwnerInfoTree } from "@/types/container_info"
 
 import flattenOwnerTreeInfo from "@/utilities/resource/flatten_owner_tree_info"
 
diff --git a/src/routes/articles/installation_guide_for_fragmented_web_servers/+page.svelte b/src/routes/articles/installation_guide_for_fragmented_web_servers/+page.svelte
index 18a0e7ee..2ea45365 100644
--- a/src/routes/articles/installation_guide_for_fragmented_web_servers/+page.svelte
+++ b/src/routes/articles/installation_guide_for_fragmented_web_servers/+page.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
-	import type { ReferenceInfo } from "@/types/reference"
-	import type { HeadingInfo } from "@/types/container_info"
+	import { type ReferenceInfo } from "@/types/reference"
+	import { type HeadingInfo } from "@/types/container_info"
 
-	import { internalTypes, authorTypes } from "@/components/general/links/constants"
+	import { authorTypes, internalTypes } from "@/components/general/links/constants"
 	import pageMeta from "@/routes/articles/installation_guide_for_fragmented_web_servers/meta"
 
 	import defineHeadingInfo from "@/utilities/definers/define_heading_info"
@@ -58,23 +58,32 @@
 		"AddHandler application/x-httpd-php .php",
 		"# Replace value of `WEBSITE_ROOT` with real directory to serve.",
 		"<VirtualHost *:80>",
+		// eslint-disable-next-line no-tabs
 		"	Define WEBSITE_ROOT \"<path to website root>\"",
+		// eslint-disable-next-line no-tabs, no-template-curly-in-string
 		"	DocumentRoot		\"${WEBSITE_ROOT}\"",
+		// eslint-disable-next-line no-tabs, no-template-curly-in-string
 		"	ErrorLog		\"${WEBSITE_ROOT}/error.log\"",
+		// eslint-disable-next-line no-tabs
 		"",
+		// eslint-disable-next-line no-tabs, no-template-curly-in-string
 		"	<Directory \"${WEBSITE_ROOT}\">",
+		// eslint-disable-next-line no-tabs
 		"		Require			all granted",
+		// eslint-disable-next-line no-tabs
 		"		Options			Indexes Includes FollowSymlinks",
+		// eslint-disable-next-line no-tabs
 		"		AllowOverride	All",
+		// eslint-disable-next-line no-tabs
 		"	</Directory>",
 		"</VirtualHost>",
 	]
-	const beginLineIndexOfServerConfigurationPartA = 0;
-	const endLineIndexOfServerConfigurationPartA = 18;
-	const beginLineIndexOfServerConfigurationPartB = endLineIndexOfServerConfigurationPartA + 1;
-	const endLineIndexOfServerConfigurationPartB = beginLineIndexOfServerConfigurationPartB + 3;
-	const beginLineIndexOfServerConfigurationPartC = endLineIndexOfServerConfigurationPartB + 1;
-	const endLineIndexOfServerConfigurationPartC = beginLineIndexOfServerConfigurationPartC + 19;
+	const beginLineIndexOfServerConfigurationPartA = 0
+	const endLineIndexOfServerConfigurationPartA = 18
+	const beginLineIndexOfServerConfigurationPartB = endLineIndexOfServerConfigurationPartA + 1
+	const endLineIndexOfServerConfigurationPartB = beginLineIndexOfServerConfigurationPartB + 3
+	const beginLineIndexOfServerConfigurationPartC = endLineIndexOfServerConfigurationPartB + 1
+	const endLineIndexOfServerConfigurationPartC = beginLineIndexOfServerConfigurationPartC + 19
 
 	const sampleLanguageConfiguration = [
 		"; For this file, a line starting with `;` is a comment and",
diff --git a/src/routes/articles/key_steps_to_add_gramma_for_improved_ci/$types.d.ts b/src/routes/articles/key_steps_to_add_gramma_for_improved_ci/$types.d.ts
index 6d4f9488..63890766 100644
--- a/src/routes/articles/key_steps_to_add_gramma_for_improved_ci/$types.d.ts
+++ b/src/routes/articles/key_steps_to_add_gramma_for_improved_ci/$types.d.ts
@@ -1,5 +1,5 @@
 import type * as Kit from "@sveltejs/kit"
-import type { CompleteCodeFileInfo } from "@/types/container_info"
+import { type CompleteCodeFileInfo } from "@/types/container_info"
 
 export interface PageData {
 	loadedFileInfos: CompleteCodeFileInfo[]
diff --git a/src/routes/articles/key_steps_to_add_gramma_for_improved_ci/+page.svelte b/src/routes/articles/key_steps_to_add_gramma_for_improved_ci/+page.svelte
index 84e9c13d..f69bf856 100644
--- a/src/routes/articles/key_steps_to_add_gramma_for_improved_ci/+page.svelte
+++ b/src/routes/articles/key_steps_to_add_gramma_for_improved_ci/+page.svelte
@@ -2,11 +2,14 @@
 	import { page } from "$app/stores"
 	import { derived } from "svelte/store"
 
-	import type { ReferenceInfo } from "@/types/reference"
-	import type { ExecutedCommandSetInfo, HeadingInfo } from "@/types/container_info"
+	import { type ReferenceInfo } from "@/types/reference"
+	import {
+		type CompleteCodeFileInfo,
+		type ExecutedCommandSetInfo,
+		type HeadingInfo
+	} from "@/types/container_info"
 
 	import indexPageMeta from "@/routes/meta"
-	import { internalTypes } from "@/components/general/links/constants"
 	import pageMeta from "@/routes/articles/key_steps_to_add_gramma_for_improved_ci/meta"
 	import {
 		successfulGrammarCheckSnapshot
@@ -15,11 +18,9 @@
 	import makeSet from "@/utilities/resource/make_set"
 	import defineHeadingInfo from "@/utilities/definers/define_heading_info"
 
-	import BaseLink from "@/components/general/links/base.svelte"
 	import Bookmark from "@/components/general/links/bookmark.svelte"
 	import Citation from "@/components/general/links/citation.svelte"
 	import Keyword from "@/components/general/containers/keyword.svelte"
-	import ExternalLink from "@/components/general/links/external.svelte"
 	import SimpleText from "@/components/general/containers/simple_text.svelte"
 	import TertiaryHeading from "@/components/general/headings/tertiary.svelte"
 	import ArticlePost from "@/components/general/containers/article_post.svelte"
@@ -27,13 +28,15 @@
 	import ExampleCode from "@/components/general/containers/example_code.svelte"
 	import SimpleThing from "@/components/general/containers/simple_thing.svelte"
 	import LabeledThing from "@/components/general/containers/labeled_thing.svelte"
-	import ExampleOutput from "@/components/general/containers/example_output.svelte"
 	import ExampleCommand from "@/components/general/containers/example_command.svelte"
 	import StructuredList from "@/components/general/containers/structured_list.svelte"
 	import StructuredSection from "@/components/general/containers/structured_section.svelte"
 	import StructuredListItem from "@/components/general/containers/structured_list_item.svelte"
 
-	const loadedFileInfos = derived(page, resolvedPage => resolvedPage.data.loadedFileInfos ?? [])
+	const loadedFileInfos = derived(
+		page,
+		resolvedPage => (resolvedPage.data.loadedFileInfos ?? []) as CompleteCodeFileInfo[]
+	)
 
 	const background = defineHeadingInfo({ "text": "Background" })
 	const prerequisites = defineHeadingInfo({ "text": "Prerequisites" })
diff --git a/src/routes/articles/key_steps_to_add_gramma_for_improved_ci/+page.ts b/src/routes/articles/key_steps_to_add_gramma_for_improved_ci/+page.ts
index 309f8dce..6c4a7243 100644
--- a/src/routes/articles/key_steps_to_add_gramma_for_improved_ci/+page.ts
+++ b/src/routes/articles/key_steps_to_add_gramma_for_improved_ci/+page.ts
@@ -1,6 +1,6 @@
-import type { CodeFile } from "@/types/container_info"
-import type {
-	PageLoad
+import { type CodeFile } from "@/types/container_info"
+import {
+	type PageLoad
 } from "@/routes/articles/key_steps_to_add_gramma_for_improved_ci/$types"
 
 import {
diff --git a/src/routes/articles/key_steps_to_add_gramma_for_improved_ci/shared_constants.ts b/src/routes/articles/key_steps_to_add_gramma_for_improved_ci/shared_constants.ts
index 5d45901c..3d837fdb 100644
--- a/src/routes/articles/key_steps_to_add_gramma_for_improved_ci/shared_constants.ts
+++ b/src/routes/articles/key_steps_to_add_gramma_for_improved_ci/shared_constants.ts
@@ -1,5 +1,5 @@
-import type { MultimediaInfo } from "@/types/content_metadata"
-import type { ViewableOwnerInfoTree } from "@/types/container_info"
+import { type MultimediaInfo } from "@/types/content_metadata"
+import { type ViewableOwnerInfoTree } from "@/types/container_info"
 
 import flattenOwnerTreeInfo from "@/utilities/resource/flatten_owner_tree_info"
 import makeSharedMultimediaLink from "@/utilities/resource/make_shared_multimedia_link"
diff --git a/src/routes/projects/+page.svelte b/src/routes/projects/+page.svelte
index e9fa38e9..bff85a86 100644
--- a/src/routes/projects/+page.svelte
+++ b/src/routes/projects/+page.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import type { HeadingInfo } from "@/types/container_info"
+	import { type HeadingInfo } from "@/types/container_info"
 
 	import pageMeta from "@/routes/projects/meta"
 
diff --git a/src/routes/website_info/+page.svelte b/src/routes/website_info/+page.svelte
index 7d5c70c5..212b53e8 100644
--- a/src/routes/website_info/+page.svelte
+++ b/src/routes/website_info/+page.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import pageMeta from "@/routes/website_info/meta"
-	import { internalTypes, authorTypes } from "@/components/general/links/constants"
+	import { authorTypes, internalTypes } from "@/components/general/links/constants"
 
 	import BaseLink from "@/components/general/links/base.svelte"
 	import CommonHead from "@/components/general/common_head.svelte"
diff --git a/src/routes/website_info/publishing_principles/+page.svelte b/src/routes/website_info/publishing_principles/+page.svelte
index 255d1a57..24eb4c17 100644
--- a/src/routes/website_info/publishing_principles/+page.svelte
+++ b/src/routes/website_info/publishing_principles/+page.svelte
@@ -1,12 +1,13 @@
 <script lang="ts">
-	import pageMeta from "@/routes/website_info/publishing_principles/meta"
-	import type { ReferenceInfo } from "@/types/reference"
+	import { type ReferenceInfo } from "@/types/reference"
+
 	import { internalTypes } from "@/components/general/links/constants"
+	import pageMeta from "@/routes/website_info/publishing_principles/meta"
 	import {
-		pageStatusSetID,
-		pageStatusSetURL,
 		draftStatusID,
 		draftStatusURL,
+		pageStatusSetID,
+		pageStatusSetURL,
 		publishedStatusID,
 		publishedStatusURL
 	} from "@/constants/schema_collection"
diff --git a/src/types/content_metadata.ts b/src/types/content_metadata.ts
index 6f7faa2f..d726a7a2 100644
--- a/src/types/content_metadata.ts
+++ b/src/types/content_metadata.ts
@@ -1,4 +1,4 @@
-import type { LicenseInfo, PersonInfo } from "@/types/reference"
+import { type LicenseInfo, type PersonInfo } from "@/types/reference"
 
 export interface MultimediaLink {
 	link: string,
diff --git a/src/utilities/definers/define_article_page_meta.spec.ts b/src/utilities/definers/define_article_page_meta.spec.ts
index bfa042f9..6b1c1f10 100644
--- a/src/utilities/definers/define_article_page_meta.spec.ts
+++ b/src/utilities/definers/define_article_page_meta.spec.ts
@@ -1,7 +1,7 @@
 /* eslint-disable max-lines-per-function */
 import { describe, expect, it } from "vitest"
 
-import type { ArticlePageMeta } from "@/types/content_metadata"
+import { type ArticlePageMeta } from "@/types/content_metadata"
 
 import Logo from "@/multimedia/logo.png"
 import { PUBLIC_PRODUCTION_BASE_URL } from "$env/static/public"
diff --git a/src/utilities/definers/define_article_page_meta.ts b/src/utilities/definers/define_article_page_meta.ts
index 8d2ee482..cc4f5ff1 100644
--- a/src/utilities/definers/define_article_page_meta.ts
+++ b/src/utilities/definers/define_article_page_meta.ts
@@ -1,4 +1,4 @@
-import type { ArticlePageMeta } from "@/types/content_metadata"
+import { type ArticlePageMeta } from "@/types/content_metadata"
 
 import definePageMeta from "@/utilities/definers/define_page_meta"
 
diff --git a/src/utilities/definers/define_heading_info.spec.ts b/src/utilities/definers/define_heading_info.spec.ts
index fdf3e311..f8a82bce 100644
--- a/src/utilities/definers/define_heading_info.spec.ts
+++ b/src/utilities/definers/define_heading_info.spec.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it } from "vitest"
 
-import type { HeadingInfo } from "@/types/container_info"
+import { type HeadingInfo } from "@/types/container_info"
 
 import defineHeadingInfo from "./define_heading_info"
 
diff --git a/src/utilities/definers/define_heading_info.ts b/src/utilities/definers/define_heading_info.ts
index 477d62a6..3fdd927e 100644
--- a/src/utilities/definers/define_heading_info.ts
+++ b/src/utilities/definers/define_heading_info.ts
@@ -1,4 +1,4 @@
-import type { HeadingInfo } from "@/types/container_info"
+import { type HeadingInfo } from "@/types/container_info"
 
 export default function({
 	prefix,
diff --git a/src/utilities/definers/define_page_meta.spec.ts b/src/utilities/definers/define_page_meta.spec.ts
index e8094322..5fe98219 100644
--- a/src/utilities/definers/define_page_meta.spec.ts
+++ b/src/utilities/definers/define_page_meta.spec.ts
@@ -1,7 +1,7 @@
 /* eslint-disable max-lines-per-function */
 import { describe, expect, it } from "vitest"
 
-import type { PageMeta } from "@/types/content_metadata"
+import { type PageMeta } from "@/types/content_metadata"
 
 import Logo from "@/multimedia/logo.png"
 import { PUBLIC_PRODUCTION_BASE_URL } from "$env/static/public"
diff --git a/src/utilities/definers/define_page_meta.ts b/src/utilities/definers/define_page_meta.ts
index ea1581dd..b0854907 100644
--- a/src/utilities/definers/define_page_meta.ts
+++ b/src/utilities/definers/define_page_meta.ts
@@ -1,4 +1,4 @@
-import type { PageMeta } from "@/types/content_metadata"
+import { type PageMeta } from "@/types/content_metadata"
 
 import Logo from "@/multimedia/logo.png"
 import { PUBLIC_PRODUCTION_BASE_URL } from "$env/static/public"
diff --git a/src/utilities/mocker.ts b/src/utilities/mocker.ts
index 0c570bf5..0fa0a60e 100644
--- a/src/utilities/mocker.ts
+++ b/src/utilities/mocker.ts
@@ -1,4 +1,4 @@
-import type { MockInfo } from "@/types/test_interface"
+import { type MockInfo } from "@/types/test_interface"
 
 import { browser } from "$app/environment"
 
diff --git a/src/utilities/resource/flatten_owner_tree_info.spec.ts b/src/utilities/resource/flatten_owner_tree_info.spec.ts
index 5b61354a..c1b2a578 100644
--- a/src/utilities/resource/flatten_owner_tree_info.spec.ts
+++ b/src/utilities/resource/flatten_owner_tree_info.spec.ts
@@ -1,7 +1,7 @@
 /* eslint-disable max-lines-per-function */
 import { describe, expect, it } from "vitest"
 
-import type { ViewableOwnerInfoTree } from "@/types/container_info"
+import { type ViewableOwnerInfoTree } from "@/types/container_info"
 
 import flattenOwnerTreeInfo from "./flatten_owner_tree_info"
 
diff --git a/src/utilities/resource/flatten_owner_tree_info.ts b/src/utilities/resource/flatten_owner_tree_info.ts
index f8dd0d06..0f07406f 100644
--- a/src/utilities/resource/flatten_owner_tree_info.ts
+++ b/src/utilities/resource/flatten_owner_tree_info.ts
@@ -1,4 +1,4 @@
-import type { CompleteViewableFileInfo, ViewableOwnerInfoTree } from "@/types/container_info"
+import { type CompleteViewableFileInfo, type ViewableOwnerInfoTree } from "@/types/container_info"
 
 export default function(forest: ViewableOwnerInfoTree[]): CompleteViewableFileInfo[] {
 	return forest.reduce((previousFileInfo, currentOwner) => [
diff --git a/src/utilities/resource/make_set.spec.ts b/src/utilities/resource/make_set.spec.ts
index f937dfc9..89dbd68a 100644
--- a/src/utilities/resource/make_set.spec.ts
+++ b/src/utilities/resource/make_set.spec.ts
@@ -1,7 +1,7 @@
 /* eslint-disable max-lines-per-function */
 import { describe, expect, it } from "vitest"
 
-import type { MultimediaLink } from "@/types/content_metadata"
+import { type MultimediaLink } from "@/types/content_metadata"
 
 import makeSet from "./make_set"
 
diff --git a/src/utilities/resource/make_set.ts b/src/utilities/resource/make_set.ts
index 594dcd71..9107565d 100644
--- a/src/utilities/resource/make_set.ts
+++ b/src/utilities/resource/make_set.ts
@@ -1,4 +1,4 @@
-import type { MultimediaLink } from "@/types/content_metadata"
+import { type MultimediaLink } from "@/types/content_metadata"
 
 export default function(links: MultimediaLink[]): string {
 	if (links.length > 1) {
diff --git a/vite.config.ts b/vite.config.ts
index ca5ef427..0090c100 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,4 +1,4 @@
-import type { UserConfig } from "vite"
+import { type UserConfig } from "vite"
 
 import { sveltekit } from "@sveltejs/kit/vite"