From ef94ba1474be829ee606ec4151624b3df71563d4 Mon Sep 17 00:00:00 2001
From: Lhcfl <Lhcfl@outlook.com>
Date: Fri, 12 Apr 2024 00:20:51 +0800
Subject: [PATCH] refactor: fix type errrors of some components

---
 packages/client/src/components/MkEmojiPicker.vue       | 8 +++-----
 packages/client/src/components/MkEmojiPickerDialog.vue | 4 ++--
 packages/client/src/components/MkFollowButton.vue      | 2 +-
 packages/client/src/components/MkForgotPassword.vue    | 6 +++---
 packages/client/src/components/MkFormulaCore.vue       | 4 ++--
 5 files changed, 11 insertions(+), 13 deletions(-)

diff --git a/packages/client/src/components/MkEmojiPicker.vue b/packages/client/src/components/MkEmojiPicker.vue
index 4cb9bfad48..afc2f15817 100644
--- a/packages/client/src/components/MkEmojiPicker.vue
+++ b/packages/client/src/components/MkEmojiPicker.vue
@@ -198,7 +198,7 @@ const props = withDefaults(
 );
 
 const emit = defineEmits<{
-	chosen: [v: string, ev?: MouseEvent],
+	chosen: [v: string, ev?: MouseEvent];
 }>();
 
 const search = ref<HTMLInputElement>();
@@ -415,9 +415,7 @@ function reset() {
 	q.value = "";
 }
 
-function getKey(
-	emoji: EmojiDef,
-): string {
+function getKey(emoji: EmojiDef): string {
 	if (typeof emoji === "string") {
 		return emoji;
 	}
@@ -457,7 +455,7 @@ async function paste(event: ClipboardEvent) {
 		// Use native api
 		try {
 			pasteStr = await window.navigator.clipboard.readText();
-		} catch(_err) {
+		} catch (_err) {
 			// Reading the clipboard requires permission, and the user did not give it
 		}
 	}
diff --git a/packages/client/src/components/MkEmojiPickerDialog.vue b/packages/client/src/components/MkEmojiPickerDialog.vue
index 7c3319fb9f..426bbf9469 100644
--- a/packages/client/src/components/MkEmojiPickerDialog.vue
+++ b/packages/client/src/components/MkEmojiPickerDialog.vue
@@ -51,7 +51,7 @@ withDefaults(
 );
 
 const emit = defineEmits<{
-	(ev: "done", v: any): void;
+	(ev: "done", v: string): void;
 	(ev: "close"): void;
 	(ev: "closed"): void;
 }>();
@@ -64,7 +64,7 @@ function checkForShift(ev?: MouseEvent) {
 	modal.value?.close(ev);
 }
 
-function chosen(emoji: any, ev: MouseEvent) {
+function chosen(emoji: string, ev?: MouseEvent) {
 	emit("done", emoji);
 	checkForShift(ev);
 }
diff --git a/packages/client/src/components/MkFollowButton.vue b/packages/client/src/components/MkFollowButton.vue
index ffe1de72af..0920001c7b 100644
--- a/packages/client/src/components/MkFollowButton.vue
+++ b/packages/client/src/components/MkFollowButton.vue
@@ -8,7 +8,7 @@
 		<i :class="icon('ph-dots-three-outline')"></i>
 	</button>
 	<button
-		v-if="!hideFollowButton && isSignedIn && me.id != user.id"
+		v-if="!hideFollowButton && isSignedIn && me!.id != user.id"
 		v-tooltip="full ? null : `${state} ${user.name || user.username}`"
 		class="kpoogebi _button follow-button"
 		:class="{
diff --git a/packages/client/src/components/MkForgotPassword.vue b/packages/client/src/components/MkForgotPassword.vue
index feaaa5f120..2ca1a87e87 100644
--- a/packages/client/src/components/MkForgotPassword.vue
+++ b/packages/client/src/components/MkForgotPassword.vue
@@ -3,7 +3,7 @@
 		ref="dialog"
 		:width="370"
 		:height="400"
-		@close="dialog.close()"
+		@close="dialog!.close()"
 		@closed="emit('closed')"
 	>
 		<template #header>{{ i18n.ts.forgotPassword }}</template>
@@ -76,7 +76,7 @@ const emit = defineEmits<{
 	(ev: "closed"): void;
 }>();
 
-const dialog: InstanceType<typeof XModalWindow> = ref();
+const dialog = ref<InstanceType<typeof XModalWindow> | null>(null);
 
 const username = ref("");
 const email = ref("");
@@ -89,7 +89,7 @@ async function onSubmit() {
 		email: email.value,
 	});
 	emit("done");
-	dialog.value.close();
+	dialog.value!.close();
 }
 </script>
 
diff --git a/packages/client/src/components/MkFormulaCore.vue b/packages/client/src/components/MkFormulaCore.vue
index 2db4c7d00d..d7f251dbcb 100644
--- a/packages/client/src/components/MkFormulaCore.vue
+++ b/packages/client/src/components/MkFormulaCore.vue
@@ -19,10 +19,10 @@ export default defineComponent({
 		},
 	},
 	computed: {
-		compiledFormula(): any {
+		compiledFormula() {
 			const katexString = katex.renderToString(this.formula, {
 				throwOnError: false,
-			} as any);
+			});
 			return this.block
 				? `<div style="text-align:center">${katexString}</div>`
 				: katexString;