Reformated the client code a bit

12 files changed, 77 insertions, 72 deletions

diff --git a/packages/client/src/components/BaseBackButton.vue b/packages/client/src/components/BaseBackButton.vue
index 3139a6c..fe2c2f8 100644
--- a/packages/client/src/components/BaseBackButton.vue
+++ b/packages/client/src/components/BaseBackButton.vue
@@ -32,4 +32,4 @@ export default defineComponent({
 #back:hover {
 	fill: colors.$primary-light;
 }
-</style>
+</style>
\ No newline at end of file
diff --git a/packages/client/src/components/BaseBreadcrumb.vue b/packages/client/src/components/BaseBreadcrumb.vue
index 45e835c..f1bf441 100644
--- a/packages/client/src/components/BaseBreadcrumb.vue
+++ b/packages/client/src/components/BaseBreadcrumb.vue
@@ -59,4 +59,4 @@ export default defineComponent({
 		}
 	}
 }
-</style>
+</style>
\ No newline at end of file
diff --git a/packages/client/src/components/BaseButton.vue b/packages/client/src/components/BaseButton.vue
index 4dad973..e67d198 100644
--- a/packages/client/src/components/BaseButton.vue
+++ b/packages/client/src/components/BaseButton.vue
@@ -28,4 +28,4 @@ export default defineComponent({
 button {
 	@include mixins.button;
 }
-</style>
+</style>
\ No newline at end of file
diff --git a/packages/client/src/components/BaseErrorMessage.vue b/packages/client/src/components/BaseErrorMessage.vue
index e2c0bcf..83eb3a4 100644
--- a/packages/client/src/components/BaseErrorMessage.vue
+++ b/packages/client/src/components/BaseErrorMessage.vue
@@ -26,4 +26,4 @@ export default defineComponent({
 	color: colors.$danger;
 	font-weight: 700;
 }
-</style>
+</style>
\ No newline at end of file
diff --git a/packages/client/src/components/CommitPatch.vue b/packages/client/src/components/CommitPatch.vue
index fbc9e3a..4a3a999 100644
--- a/packages/client/src/components/CommitPatch.vue
+++ b/packages/client/src/components/CommitPatch.vue
@@ -26,10 +26,10 @@ export default defineComponent({
 		}
 
 		// Array of hunks without the first chunk headers
-		const all_hunks = props.patch.hunks.map((hunk) => hunk.hunk.split("\n").slice(1).join("\n"));
+		const all_hunks = props.patch.hunks.map(hunk => hunk.hunk.split("\n").slice(1).join("\n"));
 
 		// Check if the patch's file extension matches any predefined language.
-		const language = hljs_languages.find((lang) => lang.extensions.some((extension) => props.patch.to.endsWith(extension)));
+		const language = hljs_languages.find(lang => lang.extensions.some(extension => props.patch.to.endsWith(extension)));
 
 		// Syntax highlight all of the patch's hunks
 		const highlight_result = language
@@ -52,7 +52,7 @@ export default defineComponent({
 			hunk_start = hunk_start + hunk_row_cnt;
 		});
 
-		const all_hunks_raw = all_hunks.map((hunk) => hunk.split("\n"));
+		const all_hunks_raw = all_hunks.map(hunk => hunk.split("\n"));
 
 		return () => h("table", { cellspacing: "0px" }, [
 			h("tbody", [
@@ -71,7 +71,8 @@ export default defineComponent({
 									h("code", all_hunks_raw[hunk_index][line_index])
 								])
 							]);
-						} else if(/^\\ No newline at end of file$/.test(all_hunks_raw[hunk_index][line_index])) {
+						}
+						else if(/^\\ No newline at end of file$/.test(all_hunks_raw[hunk_index][line_index])) {
 							new_offset++;
 							deleted_offset++;
 							return h("tr", { class: "commit-file-no-newline" }, [
@@ -82,60 +83,63 @@ export default defineComponent({
 									h("code", all_hunks_raw[hunk_index][line_index])
 								])
 							]);
-						} else {
-							let first_td: VNode;
-							let second_td: VNode;
-							let third_td: VNode;
-
-							const adjusted_line_index = line_index + 1;
-
-							if(hunk.new_lines.includes(adjusted_line_index)) {
-								first_td = h("td", "");
-								second_td = h("td", { class: "line-highlight-new", "patch-line-col-unsel": Number(hunk.new_start) + line_index - new_offset });
-								third_td = h("td", { class: "line-new", "patch-line-col-unsel": "+" });
-								deleted_offset++;
-							} else if(hunk.deleted_lines.includes(adjusted_line_index)) {
-								first_td = h("td", { "patch-line-col-unsel": Number(hunk.old_start) + line_index - deleted_offset });
-								second_td = h("td", { class: "line-highlight-deleted" });
-								third_td = h("td", { class: "line-deleted", "patch-line-col-unsel": "-" });
-								new_offset++;
-							} else {
-								first_td = h("td", { class: "line-unchanged", "patch-line-col-unsel": Number(hunk.old_start) + line_index - deleted_offset });
-								second_td = h("td", { class: "line-unchanged", "patch-line-col-unsel": Number(hunk.new_start) + line_index - new_offset });
-								third_td = h("td", "");
-							}
-
-							const is_comment_open = line.match(/<span class="hljs-comment">/g);
-							const comment_open_cnt = (is_comment_open !== null) ? is_comment_open.length : 0;
-							const comment_open = (is_comment_open !== null) ? is_comment_open[0] : "";
-
-							const is_comment_close = line.match(/<\/span>/g);
-							const comment_close_cnt = (is_comment_close !== null) ? is_comment_close.length : 0;
-							// Const comment_close = (is_comment_close !== null) ? is_comment_close[0] : "";
-
-							if(comment_open_cnt > comment_close_cnt) {
-								line = line + "</span>";
-								multiline_comments.push(comment_open);
-							} else if(comment_open_cnt < comment_close_cnt && multiline_comments.length !== 0) {
-								line = multiline_comments[multiline_comments.length - 1] + line;
-								multiline_comments.pop();
-							} else if(multiline_comments.length !== 0) {
-								line = multiline_comments[multiline_comments.length - 1] + line + "</span>";
-							}
-
-							return h("tr", [
-								first_td,
-								second_td,
-								third_td,
-								h("td", [
-									h("code", { innerHTML: line })
-								])
-							]);
 						}
+						let first_td: VNode;
+						let second_td: VNode;
+						let third_td: VNode;
+
+						const adjusted_line_index = line_index + 1;
+
+						if(hunk.new_lines.includes(adjusted_line_index)) {
+							first_td = h("td", "");
+							second_td = h("td", { class: "line-highlight-new", "patch-line-col-unsel": Number(hunk.new_start) + line_index - new_offset });
+							third_td = h("td", { class: "line-new", "patch-line-col-unsel": "+" });
+							deleted_offset++;
+						}
+						else if(hunk.deleted_lines.includes(adjusted_line_index)) {
+							first_td = h("td", { "patch-line-col-unsel": Number(hunk.old_start) + line_index - deleted_offset });
+							second_td = h("td", { class: "line-highlight-deleted" });
+							third_td = h("td", { class: "line-deleted", "patch-line-col-unsel": "-" });
+							new_offset++;
+						}
+						else {
+							first_td = h("td", { class: "line-unchanged", "patch-line-col-unsel": Number(hunk.old_start) + line_index - deleted_offset });
+							second_td = h("td", { class: "line-unchanged", "patch-line-col-unsel": Number(hunk.new_start) + line_index - new_offset });
+							third_td = h("td", "");
+						}
+
+						const is_comment_open = line.match(/<span class="hljs-comment">/g);
+						const comment_open_cnt = (is_comment_open !== null) ? is_comment_open.length : 0;
+						const comment_open = (is_comment_open !== null) ? is_comment_open[0] : "";
+
+						const is_comment_close = line.match(/<\/span>/g);
+						const comment_close_cnt = (is_comment_close !== null) ? is_comment_close.length : 0;
+						// Const comment_close = (is_comment_close !== null) ? is_comment_close[0] : "";
+
+						if(comment_open_cnt > comment_close_cnt) {
+							line = line + "</span>";
+							multiline_comments.push(comment_open);
+						}
+						else if(comment_open_cnt < comment_close_cnt && multiline_comments.length !== 0) {
+							line = multiline_comments[multiline_comments.length - 1] + line;
+							multiline_comments.pop();
+						}
+						else if(multiline_comments.length !== 0) {
+							line = multiline_comments[multiline_comments.length - 1] + line + "</span>";
+						}
+
+						return h("tr", [
+							first_td,
+							second_td,
+							third_td,
+							h("td", [
+								h("code", { innerHTML: line })
+							])
+						]);
 					});
 				})
 			])
 		]);
 	}
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/client/src/components/HomeHeader.vue b/packages/client/src/components/HomeHeader.vue
index 64e70e7..a6e640e 100644
--- a/packages/client/src/components/HomeHeader.vue
+++ b/packages/client/src/components/HomeHeader.vue
@@ -17,7 +17,7 @@ export default defineComponent({
 		const title = ref("");
 		const about = ref("");
 
-		const fetchInfo = async() => {
+		async function fetchInfo() {
 			const info: Info = (await (await fetch(`${window.location.protocol}//${window.location.host}/api/v1/info`)).json()).data;
 
 			title.value = info.title;
@@ -51,4 +51,4 @@ export default defineComponent({
 	font-weight: 300;
 	padding-left: 1px;
 }
-</style>
+</style>
\ No newline at end of file
diff --git a/packages/client/src/components/HomeProjectsHeader.vue b/packages/client/src/components/HomeProjectsHeader.vue
index 267ecb8..9fde114 100644
--- a/packages/client/src/components/HomeProjectsHeader.vue
+++ b/packages/client/src/components/HomeProjectsHeader.vue
@@ -51,4 +51,4 @@ export default defineComponent({
 		margin-right: 15px;
 	}
 }
-</style>
+</style>
\ No newline at end of file
diff --git a/packages/client/src/components/RepositoryCloneDropdown.vue b/packages/client/src/components/RepositoryCloneDropdown.vue
index 335604f..77b26fe 100644
--- a/packages/client/src/components/RepositoryCloneDropdown.vue
+++ b/packages/client/src/components/RepositoryCloneDropdown.vue
@@ -107,7 +107,7 @@ export default defineComponent({
 			});
 		}
 
-		const clickOutsideDropdown = (event: Event) => {
+		function clickOutsideDropdown(event: Event) {
 			const target = event.target as HTMLElement;
 
 			if(dropdown_menu && dropdown_menu.contains(target) === false && target !== dropdown_button) {
@@ -122,7 +122,8 @@ export default defineComponent({
 					if(dropdown_menu.classList.contains("show")) {
 						dropdown_menu.classList.remove("show");
 						document.removeEventListener("click", clickOutsideDropdown);
-					} else {
+					}
+					else {
 						dropdown_menu.classList.add("show");
 						document.addEventListener("click", clickOutsideDropdown);
 					}
@@ -246,4 +247,4 @@ export default defineComponent({
 	margin-left: 0.5rem;
 	font-weight: 700;
 }
-</style>
+</style>
\ No newline at end of file
diff --git a/packages/client/src/components/RepositoryHeader.vue b/packages/client/src/components/RepositoryHeader.vue
index bbb371e..6b494d6 100644
--- a/packages/client/src/components/RepositoryHeader.vue
+++ b/packages/client/src/components/RepositoryHeader.vue
@@ -63,4 +63,4 @@ export default defineComponent({
 	margin: 0px;
 	margin-top: 10px;
 }
-</style>
+</style>
\ No newline at end of file
diff --git a/packages/client/src/components/RepositoryNavbar.vue b/packages/client/src/components/RepositoryNavbar.vue
index 51ce1e9..aced5e2 100644
--- a/packages/client/src/components/RepositoryNavbar.vue
+++ b/packages/client/src/components/RepositoryNavbar.vue
@@ -117,4 +117,4 @@ export default defineComponent({
 	}
 }
 
-</style>
+</style>
\ No newline at end of file
diff --git a/packages/client/src/components/RepositoryTreeBlob.vue b/packages/client/src/components/RepositoryTreeBlob.vue
index 60f0506..e443287 100644
--- a/packages/client/src/components/RepositoryTreeBlob.vue
+++ b/packages/client/src/components/RepositoryTreeBlob.vue
@@ -49,7 +49,7 @@ export default defineComponent({
 		const content_blob: Ref<string> = ref("");
 		const is_markdown: Ref<boolean> = ref(false);
 
-		const initHighlightedContent = async() => {
+		async function initHighlightedContent() {
 			const path_extension = /(?:\.([^.]+))?$/;
 
 			const path_ext = path_extension.exec(props.path);
@@ -64,14 +64,14 @@ export default defineComponent({
 				markdown.innerHTML = marked(props.content);
 
 				const checkboxes = markdown.querySelectorAll("ul > li > input[type=\"checkbox\"]");
-				checkboxes.forEach((checkbox) => {
+				checkboxes.forEach(checkbox => {
 					if(checkbox.parentElement) {
 						checkbox.parentElement.classList.add("checkbox-list");
 					}
 				});
 
 				const codeblocks = markdown.querySelectorAll("code");
-				codeblocks.forEach((codeblock) => {
+				codeblocks.forEach(codeblock => {
 					codeblock.classList.add("markdown-codeblock");
 				});
 
@@ -80,7 +80,7 @@ export default defineComponent({
 				return;
 			}
 
-			const language = hljs_languages.find((lang) => lang.extensions.some((extension) => ext === extension));
+			const language = hljs_languages.find(lang => lang.extensions.some(extension => ext === extension));
 			const highlighted = language ? hljs.highlight(props.content, { language: language.name }) : hljs.highlightAuto(props.content);
 
 			content_lines.value = highlighted.value.split("\n");
@@ -155,4 +155,4 @@ td:nth-child(1) {
 [line]::before {
 	content: attr(line);
 }
-</style>
+</style>
\ No newline at end of file
diff --git a/packages/client/src/components/RepositoryTreeTree.vue b/packages/client/src/components/RepositoryTreeTree.vue
index a17dc93..0ae38ad 100644
--- a/packages/client/src/components/RepositoryTreeTree.vue
+++ b/packages/client/src/components/RepositoryTreeTree.vue
@@ -139,4 +139,4 @@ table {
 	display: flex;
 	align-items: center;
 }
-</style>
+</style>
\ No newline at end of file