feat: abort controller on vertd

src/lib/sections/settings/Vertd.svelte

@@ -8,25 +8,30 @@
 	import clsx from "clsx";
 
 	let vertdCommit = $state<string | null>(null);
+	let abortController: AbortController | null = null;
+
 	const { settings }: { settings: Settings } = $props();
 
 	$effect(() => {
 		if (settings.settings.vertdURL) {
+			if (abortController) abortController.abort();
+			abortController = new AbortController();
+			const { signal } = abortController;
+
 			vertdCommit = "loading";
-			fetch(`${settings.settings.vertdURL}/api/version`)
+			fetch(`${settings.settings.vertdURL}/api/version`, { signal })
 				.then((res) => {
-					if (res.ok) {
+					if (!res.ok) throw new Error("bad response");
-						res.json().then((data) => {
+					return res.json();
-							vertdCommit = data.data;
-						});
-					} else {
-						vertdCommit = null;
-					}
 				})
-				.catch(() => {
+				.then((data) => {
-					vertdCommit = null;
+					vertdCommit = data.data;
+				})
+				.catch((err) => {
+					if (err.name !== "AbortError") vertdCommit = null;
 				});
 		} else {
+			if (abortController) abortController.abort();
 			vertdCommit = null;
 		}
 	});