[Docs Site] Remove unnecessary DOMContentLoaded listeners (#16834)

Author: Cherry

src/components/overrides/Head.astro

@@ -167,12 +167,10 @@ if (Astro.props.entry.data.external_link) {
 <script>
 	import littlefoot from "littlefoot";
 
-	document.addEventListener("DOMContentLoaded", () => {
-		littlefoot();
-		document
-			.querySelectorAll("span.littlefoot")
-			.forEach((x) => x.classList.add("not-content"));
-	});
+	littlefoot();
+	document
+		.querySelectorAll("span.littlefoot")
+		.forEach((x) => x.classList.add("not-content"));
 </script>
 <script>
 	import mermaid from "mermaid";

src/pages/changelog/index.astro

@@ -89,17 +89,15 @@ const { products, productAreas, changelogs } = await getChangelogs();
 <script>
 	import StickyHeader from "@codingheads/sticky-header";
 
-	document.addEventListener("DOMContentLoaded", () => {
-		const navHeightRem = getComputedStyle(document.body).getPropertyValue(
-			"--sl-nav-height",
-		);
-		const navHeightPx = Number(navHeightRem.split("rem")[0]) * 16 + 16;
+	const navHeightRem = getComputedStyle(document.body).getPropertyValue(
+		"--sl-nav-height",
+	);
+	const navHeightPx = Number(navHeightRem.split("rem")[0]) * 16 + 16;
 
-		const headers = document.querySelectorAll<HTMLElement>("[data-date] > h2");
-		headers.forEach(
-			(header) => new StickyHeader(header, { offset: 0 - navHeightPx }),
-		);
-	});
+	const headers = document.querySelectorAll<HTMLElement>("[data-date] > h2");
+	headers.forEach(
+		(header) => new StickyHeader(header, { offset: 0 - navHeightPx }),
+	);
 
 	const productFilter = document.querySelector<HTMLSelectElement>("#products");
 	productFilter?.addEventListener("change", filterEntries);

src/pages/products.astro

@@ -158,7 +158,7 @@ const groups = productGroups(products);
 		input.addEventListener("change", filterProducts);
 	});
 
-	document.addEventListener("DOMContentLoaded", () => {
+	function initProducts() {
 		const params = new URLSearchParams(window.location.search);
 
 		const groups = params.get("product-group");
@@ -170,13 +170,12 @@ const groups = productGroups(products);
 		if (!filters) return;
 
 		for (const filter of filters) {
-			console.log(groups);
-			console.log(filter.id);
 			if (groups.includes(filter.id)) {
 				filter.checked = true;
 			}
 		}
 
 		filterProducts();
-	});
+	}
+	initProducts();
 </script>