diff --git a/packages/client/src/filters/bytes.ts b/packages/client/src/filters/bytes.ts
index 45cd7bfcc..723625932 100644
--- a/packages/client/src/filters/bytes.ts
+++ b/packages/client/src/filters/bytes.ts
@@ -7,7 +7,7 @@ export default (v, digits = 0) => {
 	const i = Math.floor(Math.log(v) / Math.log(1024));
 	return (
 		(isMinus ? "-" : "") +
-		(v / Math.pow(1024, i)).toFixed(digits).replace(/\.0+$/, "") +
+		(v / 1024 ** i).toFixed(digits).replace(/\.0+$/, "") +
 		sizes[i]
 	);
 };
diff --git a/packages/client/src/pages/_empty_.vue b/packages/client/src/pages/_empty_.vue
index 3dee6cd45..3892edbd3 100644
--- a/packages/client/src/pages/_empty_.vue
+++ b/packages/client/src/pages/_empty_.vue
@@ -2,6 +2,4 @@
 	<div></div>
 </template>
 
-<script lang="ts" setup>
-import {} from "vue";
-</script>
+<script lang="ts" setup></script>
diff --git a/packages/client/src/pages/_error_.vue b/packages/client/src/pages/_error_.vue
index 7bc79fdf3..da7cc266e 100644
--- a/packages/client/src/pages/_error_.vue
+++ b/packages/client/src/pages/_error_.vue
@@ -35,9 +35,8 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, computed } from "vue";
+import { ref } from "vue";
 
-import {} from "vue";
 import * as misskey from "firefish-js";
 import MkButton from "@/components/MkButton.vue";
 import { version } from "@/config";
@@ -53,9 +52,9 @@ const props = withDefaults(
 	{},
 );
 
-let loaded = ref(false);
-let serverIsDead = ref(false);
-let meta = ref<misskey.entities.LiteInstanceMetadata | null>(null);
+const loaded = ref(false);
+const serverIsDead = ref(false);
+const meta = ref<misskey.entities.LiteInstanceMetadata | null>(null);
 
 os.api("meta", {
 	detail: false,
@@ -76,10 +75,6 @@ function reload() {
 	unisonReload();
 }
 
-const headerActions = computed(() => []);
-
-const headerTabs = computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.error,
 	icon: "ph-warning ph-bold ph-lg",
diff --git a/packages/client/src/pages/about-firefish.vue b/packages/client/src/pages/about-firefish.vue
index 453d74187..a04ac33de 100644
--- a/packages/client/src/pages/about-firefish.vue
+++ b/packages/client/src/pages/about-firefish.vue
@@ -225,8 +225,8 @@ sponsors = patronsResp.sponsors;
 patrons = patrons.filter((patron) => !sponsors.includes(patron));
 
 let easterEggReady = false;
-let easterEggEmojis = ref([]);
-let easterEggEngine = ref(null);
+const easterEggEmojis = ref([]);
+const easterEggEngine = ref(null);
 const containerEl = ref<HTMLElement>();
 
 function iconLoaded() {
diff --git a/packages/client/src/pages/about.emojis.vue b/packages/client/src/pages/about.emojis.vue
index 853a2bef2..1b9b03076 100644
--- a/packages/client/src/pages/about.emojis.vue
+++ b/packages/client/src/pages/about.emojis.vue
@@ -47,14 +47,13 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, computed } from "vue";
+import { defineComponent } from "vue";
 import XEmoji from "./emojis.emoji.vue";
 import MkButton from "@/components/MkButton.vue";
 import MkInput from "@/components/form/input.vue";
 import MkSelect from "@/components/form/select.vue";
 import MkFolder from "@/components/MkFolder.vue";
 import MkTab from "@/components/MkTab.vue";
-import * as os from "@/os";
 import { emojiCategories, emojiTags } from "@/instance";
 import { i18n } from "@/i18n";
 
diff --git a/packages/client/src/pages/about.federation.vue b/packages/client/src/pages/about.federation.vue
index 89073651a..9ac4b469d 100644
--- a/packages/client/src/pages/about.federation.vue
+++ b/packages/client/src/pages/about.federation.vue
@@ -113,9 +113,9 @@ import MkInstanceCardMini from "@/components/MkInstanceCardMini.vue";
 import FormSplit from "@/components/form/split.vue";
 import { i18n } from "@/i18n";
 
-let host = ref("");
-let state = ref("federating");
-let sort = ref("+pubSub");
+const host = ref("");
+const state = ref("federating");
+const sort = ref("+pubSub");
 const pagination = {
 	endpoint: "federation/instances" as const,
 	limit: 10,
diff --git a/packages/client/src/pages/about.vue b/packages/client/src/pages/about.vue
index 57d7b8b0e..df1db75b8 100644
--- a/packages/client/src/pages/about.vue
+++ b/packages/client/src/pages/about.vue
@@ -178,7 +178,7 @@ import { Virtual } from "swiper/modules";
 import { Swiper, SwiperSlide } from "swiper/vue";
 import XEmojis from "./about.emojis.vue";
 import XFederation from "./about.federation.vue";
-import { version, instanceName, host } from "@/config";
+import { version, host } from "@/config";
 import FormLink from "@/components/form/link.vue";
 import FormSection from "@/components/form/section.vue";
 import FormSuspense from "@/components/form/suspense.vue";
@@ -205,13 +205,13 @@ withDefaults(
 	},
 );
 
-let stats = ref(null);
-let instanceIcon = ref<HTMLImageElement>();
+const stats = ref(null);
+const instanceIcon = ref<HTMLImageElement>();
 let iconClicks = 0;
-let iconSrc = ref(instance.iconUrl || instance.faviconUrl || "/favicon.ico");
-let instanceIconAnimation = ref("");
+const iconSrc = ref(instance.iconUrl || instance.faviconUrl || "/favicon.ico");
+const instanceIconAnimation = ref("");
 let tabs = ["overview", "emojis", "charts"];
-let tab = ref(tabs[0]);
+const tab = ref(tabs[0]);
 watch(tab, () => syncSlide(tabs.indexOf(tab.value)));
 
 if (iAmModerator) tabs.push("federation");
@@ -249,7 +249,7 @@ if (iAmModerator) {
 	});
 }
 
-let headerTabs = computed(() => theTabs);
+const headerTabs = computed(() => theTabs);
 
 definePageMetadata(
 	computed(() => ({
diff --git a/packages/client/src/pages/admin-file.vue b/packages/client/src/pages/admin-file.vue
index 60481fd38..11fc07ce1 100644
--- a/packages/client/src/pages/admin-file.vue
+++ b/packages/client/src/pages/admin-file.vue
@@ -172,7 +172,6 @@ import * as os from "@/os";
 import { i18n } from "@/i18n";
 import { definePageMetadata } from "@/scripts/page-metadata";
 import { deviceKind } from "@/scripts/device-kind";
-import { acct } from "@/filters/user";
 import { iAmAdmin, iAmModerator } from "@/account";
 import { defaultStore } from "@/store";
 import "swiper/scss";
@@ -181,12 +180,12 @@ import "swiper/scss/virtual";
 let tabs = ["overview"];
 if (iAmModerator) tabs.push("ip");
 tabs.push("raw");
-let tab = ref(tabs[0]);
+const tab = ref(tabs[0]);
 watch(tab, () => syncSlide(tabs.indexOf(tab.value)));
 
-let file: any = ref(null);
-let info: any = ref(null);
-let isSensitive: boolean = ref(false);
+const file = ref(null);
+const info = ref(null);
+const isSensitive = ref(false);
 
 const props = defineProps<{
 	fileId: string;
diff --git a/packages/client/src/pages/admin/_header_.vue b/packages/client/src/pages/admin/_header_.vue
index 360c81b61..b3eb158d4 100644
--- a/packages/client/src/pages/admin/_header_.vue
+++ b/packages/client/src/pages/admin/_header_.vue
@@ -56,21 +56,11 @@
 </template>
 
 <script lang="ts" setup>
-import {
-	computed,
-	onMounted,
-	onUnmounted,
-	ref,
-	inject,
-	watch,
-	nextTick,
-} from "vue";
+import { computed, onMounted, onUnmounted, ref, watch, nextTick } from "vue";
 import tinycolor from "tinycolor2";
 import { popupMenu } from "@/os";
-import { url } from "@/config";
 import { scrollToTop } from "@/scripts/scroll";
 import MkButton from "@/components/MkButton.vue";
-import { i18n } from "@/i18n";
 import { globalEvents } from "@/events";
 import { injectPageMetadata } from "@/scripts/page-metadata";
 
@@ -100,11 +90,10 @@ const emit = defineEmits<{
 
 const metadata = injectPageMetadata();
 
-const el = ref<HTMLElement>(null);
+const el = ref<HTMLElement>();
 const tabRefs = {};
 const tabHighlightEl = ref<HTMLElement | null>(null);
-const bg = ref(null);
-const height = ref(0);
+const bg = ref<string>();
 const hasTabs = computed(() => {
 	return props.tabs && props.tabs.length > 0;
 });
diff --git a/packages/client/src/pages/admin/abuses.vue b/packages/client/src/pages/admin/abuses.vue
index a3e62a055..f599c2622 100644
--- a/packages/client/src/pages/admin/abuses.vue
+++ b/packages/client/src/pages/admin/abuses.vue
@@ -93,21 +93,19 @@
 <script lang="ts" setup>
 import { computed, ref } from "vue";
 
-import MkInput from "@/components/form/input.vue";
 import MkSelect from "@/components/form/select.vue";
 import MkPagination from "@/components/MkPagination.vue";
 import XAbuseReport from "@/components/MkAbuseReport.vue";
-import * as os from "@/os";
 import { i18n } from "@/i18n";
 import { definePageMetadata } from "@/scripts/page-metadata";
 
-let reports = ref<InstanceType<typeof MkPagination>>();
+const reports = ref<InstanceType<typeof MkPagination>>();
 
-let state = ref("unresolved");
-let reporterOrigin = ref("combined");
-let targetUserOrigin = ref("combined");
-let searchUsername = ref("");
-let searchHost = ref("");
+const state = ref("unresolved");
+const reporterOrigin = ref("combined");
+const targetUserOrigin = ref("combined");
+// const searchUsername = ref("");
+// const searchHost = ref("");
 
 const pagination = {
 	endpoint: "admin/abuse-user-reports" as const,
@@ -120,7 +118,7 @@ const pagination = {
 };
 
 function resolved(reportId) {
-	reports.value.removeItem((item) => item.id === reportId);
+	reports.value?.removeItem((item) => item.id === reportId);
 }
 
 const headerActions = computed(() => []);
diff --git a/packages/client/src/pages/admin/announcements.vue b/packages/client/src/pages/admin/announcements.vue
index 941b5b191..7280906e8 100644
--- a/packages/client/src/pages/admin/announcements.vue
+++ b/packages/client/src/pages/admin/announcements.vue
@@ -76,7 +76,7 @@ import * as os from "@/os";
 import { i18n } from "@/i18n";
 import { definePageMetadata } from "@/scripts/page-metadata";
 
-let announcements: any[] = ref([]);
+const announcements = ref<any[]>([]);
 
 os.api("admin/announcements/list").then((announcementResponse) => {
 	announcements.value = announcementResponse;
diff --git a/packages/client/src/pages/admin/bot-protection.vue b/packages/client/src/pages/admin/bot-protection.vue
index 79960e9d6..6964fc1d5 100644
--- a/packages/client/src/pages/admin/bot-protection.vue
+++ b/packages/client/src/pages/admin/bot-protection.vue
@@ -88,11 +88,11 @@ const MkCaptcha = defineAsyncComponent(
 	() => import("@/components/MkCaptcha.vue"),
 );
 
-let provider = ref(null);
-let hcaptchaSiteKey: string | null = ref(null);
-let hcaptchaSecretKey: string | null = ref(null);
-let recaptchaSiteKey: string | null = ref(null);
-let recaptchaSecretKey: string | null = ref(null);
+const provider = ref<any>(null);
+const hcaptchaSiteKey = ref<string | null>(null);
+const hcaptchaSecretKey = ref<string | null>(null);
+const recaptchaSiteKey = ref<string | null>(null);
+const recaptchaSecretKey = ref<string | null>(null);
 
 async function init() {
 	const meta = await os.api("admin/meta");
diff --git a/packages/client/src/pages/admin/custom-css.vue b/packages/client/src/pages/admin/custom-css.vue
index 8dfe3530c..e41c29eac 100644
--- a/packages/client/src/pages/admin/custom-css.vue
+++ b/packages/client/src/pages/admin/custom-css.vue
@@ -17,15 +17,13 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, watch, computed } from "vue";
+// import { ref, watch } from "vue";
 import FormTextarea from "@/components/form/textarea.vue";
 import FormInfo from "@/components/MkInfo.vue";
-import * as os from "@/os";
-import { unisonReload } from "@/scripts/unison-reload";
 import { i18n } from "@/i18n";
 import { definePageMetadata } from "@/scripts/page-metadata";
 
-const localCustomCss = ref(localStorage.getItem("customCss") ?? "");
+// const localCustomCss = ref(localStorage.getItem("customCss") ?? "");
 
 /*
 async function apply() {
@@ -45,10 +43,6 @@ watch(globalCustomCss, async () => {
 });
 */
 
-const headerActions = computed(() => []);
-
-const headerTabs = computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.customCss,
 	icon: "ph-code ph-bold ph-lg",
diff --git a/packages/client/src/pages/admin/database.vue b/packages/client/src/pages/admin/database.vue
index 94ef4d17e..51b2bc617 100644
--- a/packages/client/src/pages/admin/database.vue
+++ b/packages/client/src/pages/admin/database.vue
@@ -36,7 +36,6 @@
 <script lang="ts" setup>
 import { computed } from "vue";
 
-import {} from "vue";
 import FormSuspense from "@/components/form/suspense.vue";
 import FormButton from "@/components/MkButton.vue";
 import MkKeyValue from "@/components/MkKeyValue.vue";
diff --git a/packages/client/src/pages/admin/email-settings.vue b/packages/client/src/pages/admin/email-settings.vue
index ffdc1a665..93a90e3e8 100644
--- a/packages/client/src/pages/admin/email-settings.vue
+++ b/packages/client/src/pages/admin/email-settings.vue
@@ -93,7 +93,6 @@
 <script lang="ts" setup>
 import { ref, computed } from "vue";
 
-import {} from "vue";
 import FormSwitch from "@/components/form/switch.vue";
 import FormInput from "@/components/form/input.vue";
 import FormInfo from "@/components/MkInfo.vue";
@@ -105,13 +104,13 @@ import { fetchInstance, instance } from "@/instance";
 import { i18n } from "@/i18n";
 import { definePageMetadata } from "@/scripts/page-metadata";
 
-let enableEmail: boolean = ref(false);
-let email: any = ref(null);
-let smtpSecure: boolean = ref(false);
-let smtpHost: string = ref("");
-let smtpPort: number = ref(0);
-let smtpUser: string = ref("");
-let smtpPass: string = ref("");
+const enableEmail = ref(false);
+const email: any = ref(null);
+const smtpSecure = ref(false);
+const smtpHost = ref("");
+const smtpPort = ref(0);
+const smtpUser = ref("");
+const smtpPass = ref("");
 
 async function init() {
 	const meta = await os.api("admin/meta");
diff --git a/packages/client/src/pages/admin/emoji-edit-dialog.vue b/packages/client/src/pages/admin/emoji-edit-dialog.vue
index cff9f4065..dca480693 100644
--- a/packages/client/src/pages/admin/emoji-edit-dialog.vue
+++ b/packages/client/src/pages/admin/emoji-edit-dialog.vue
@@ -43,13 +43,11 @@
 <script lang="ts" setup>
 import { ref } from "vue";
 
-import {} from "vue";
 import XModalWindow from "@/components/MkModalWindow.vue";
 import MkButton from "@/components/MkButton.vue";
 import MkInput from "@/components/form/input.vue";
 import MkTextarea from "@/components/form/textarea.vue";
 import * as os from "@/os";
-import { unique } from "@/scripts/array";
 import { i18n } from "@/i18n";
 import { emojiCategories } from "@/instance";
 
@@ -57,12 +55,12 @@ const props = defineProps<{
 	emoji: any;
 }>();
 
-let dialog = ref(null);
-let name: string = ref(props.emoji.name);
-let category: string = ref(props.emoji.category);
-let aliases: string = ref(props.emoji.aliases.join(" "));
-let categories: string[] = ref(emojiCategories);
-let license: string = ref(props.emoji.license ?? "");
+const dialog = ref<any>(null);
+const name = ref<string>(props.emoji.name);
+const category = ref<string>(props.emoji.category);
+const aliases = ref<string>(props.emoji.aliases.join(" "));
+const categories = ref(emojiCategories);
+const license = ref<string>(props.emoji.license ?? "");
 
 const emit = defineEmits<{
 	(ev: "done", v: { deleted?: boolean; updated?: any }): void;
diff --git a/packages/client/src/pages/admin/emojis.vue b/packages/client/src/pages/admin/emojis.vue
index cb5b740d9..fab696188 100644
--- a/packages/client/src/pages/admin/emojis.vue
+++ b/packages/client/src/pages/admin/emojis.vue
@@ -154,17 +154,10 @@
 </template>
 
 <script lang="ts" setup>
-import {
-	computed,
-	defineAsyncComponent,
-	defineComponent,
-	ref,
-	toRef,
-} from "vue";
+import { computed, defineAsyncComponent, ref } from "vue";
 import MkButton from "@/components/MkButton.vue";
 import MkInput from "@/components/form/input.vue";
 import MkPagination from "@/components/MkPagination.vue";
-import MkTab from "@/components/MkTab.vue";
 import MkSwitch from "@/components/form/switch.vue";
 import FormSplit from "@/components/form/split.vue";
 import { selectFile, selectFiles } from "@/scripts/select-file";
diff --git a/packages/client/src/pages/admin/experiments.vue b/packages/client/src/pages/admin/experiments.vue
index 9a0f39a28..20d7b5f53 100644
--- a/packages/client/src/pages/admin/experiments.vue
+++ b/packages/client/src/pages/admin/experiments.vue
@@ -29,7 +29,6 @@
 <script lang="ts" setup>
 import { ref, computed } from "vue";
 
-import {} from "vue";
 import MkStickyContainer from "@/components/global/MkStickyContainer.vue";
 import FormSuspense from "@/components/form/suspense.vue";
 import FormSwitch from "@/components/form/switch.vue";
@@ -38,8 +37,8 @@ import { fetchInstance } from "@/instance";
 import { i18n } from "@/i18n";
 import { definePageMetadata } from "@/scripts/page-metadata";
 
-let enablePostImports = ref(false);
-let meta = ref<MetaExperiments | null>(null);
+const enablePostImports = ref(false);
+const meta = ref<MetaExperiments | null>(null);
 
 type MetaExperiments = {
 	experimentalFeatures?: {
diff --git a/packages/client/src/pages/admin/files.vue b/packages/client/src/pages/admin/files.vue
index 2c160e761..d210489da 100644
--- a/packages/client/src/pages/admin/files.vue
+++ b/packages/client/src/pages/admin/files.vue
@@ -80,9 +80,7 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, defineAsyncComponent, ref } from "vue";
-import * as Acct from "firefish-js/built/acct";
-import MkButton from "@/components/MkButton.vue";
+import { computed, ref } from "vue";
 import MkInput from "@/components/form/input.vue";
 import MkSelect from "@/components/form/select.vue";
 import MkFileListForAdmin from "@/components/MkFileListForAdmin.vue";
@@ -91,11 +89,11 @@ import * as os from "@/os";
 import { i18n } from "@/i18n";
 import { definePageMetadata } from "@/scripts/page-metadata";
 
-let origin = ref("local");
-let type = ref(null);
-let searchHost = ref("");
-let userId = ref("");
-let viewMode = ref("grid");
+const origin = ref("local");
+const type = ref(null);
+const searchHost = ref("");
+const userId = ref("");
+const viewMode = ref("grid");
 const pagination = {
 	endpoint: "admin/drive/files" as const,
 	limit: 10,
@@ -134,8 +132,6 @@ const headerActions = computed(() => [
 	},
 ]);
 
-const headerTabs = computed(() => []);
-
 definePageMetadata(
 	computed(() => ({
 		title: i18n.ts.files,
diff --git a/packages/client/src/pages/admin/hashtags.vue b/packages/client/src/pages/admin/hashtags.vue
index 6ae71f5b1..2ad79361b 100644
--- a/packages/client/src/pages/admin/hashtags.vue
+++ b/packages/client/src/pages/admin/hashtags.vue
@@ -28,7 +28,6 @@
 <script lang="ts" setup>
 import { ref, computed } from "vue";
 
-import {} from "vue";
 import FormButton from "@/components/MkButton.vue";
 import FormTextarea from "@/components/form/textarea.vue";
 import FormSuspense from "@/components/form/suspense.vue";
@@ -37,7 +36,7 @@ import { fetchInstance } from "@/instance";
 import { i18n } from "@/i18n";
 import { definePageMetadata } from "@/scripts/page-metadata";
 
-let hiddenTags: string = ref("");
+const hiddenTags = ref("");
 
 async function init() {
 	const meta = await os.api("admin/meta");
diff --git a/packages/client/src/pages/admin/index.vue b/packages/client/src/pages/admin/index.vue
index 0bd8ef87a..717623580 100644
--- a/packages/client/src/pages/admin/index.vue
+++ b/packages/client/src/pages/admin/index.vue
@@ -60,9 +60,6 @@
 
 <script lang="ts" setup>
 import {
-	defineAsyncComponent,
-	inject,
-	nextTick,
 	onMounted,
 	onUnmounted,
 	onActivated,
@@ -74,7 +71,6 @@ import {
 import { i18n } from "@/i18n";
 import MkSuperMenu from "@/components/MkSuperMenu.vue";
 import MkInfo from "@/components/MkInfo.vue";
-import { scroll } from "@/scripts/scroll";
 import { instance } from "@/instance";
 import { version } from "@/config";
 import { $i } from "@/account";
@@ -88,7 +84,6 @@ import { useRouter } from "@/router";
 import {
 	definePageMetadata,
 	provideMetadataReceiver,
-	setPageMetadata,
 } from "@/scripts/page-metadata";
 
 const isEmpty = (x: string | null) => x == null || x === "";
@@ -103,21 +98,19 @@ const indexInfo = {
 
 provide("shouldOmitHeaderTitle", false);
 
-let INFO = ref(indexInfo);
-let childInfo = ref(null);
-let narrow = ref(false);
-let view = ref(null);
-let pageProps = ref({});
-let noMaintainerInformation =
+const INFO = ref(indexInfo);
+const childInfo = ref(null);
+const narrow = ref(false);
+const noMaintainerInformation =
 	isEmpty(instance.maintainerName) || isEmpty(instance.maintainerEmail);
-let noBotProtection =
+const noBotProtection =
 	!instance.disableRegistration &&
 	!instance.enableHcaptcha &&
 	!instance.enableRecaptcha;
-let noEmailServer = !instance.enableEmail;
-let thereIsUnresolvedAbuseReport = ref(false);
-let updateAvailable = ref(false);
-let currentPage = computed(() => router.currentRef.value.child);
+const noEmailServer = !instance.enableEmail;
+const thereIsUnresolvedAbuseReport = ref(false);
+const updateAvailable = ref(false);
+const currentPage = computed(() => router.currentRef.value.child);
 
 os.api("admin/abuse-user-reports", {
 	state: "unresolved",
diff --git a/packages/client/src/pages/admin/instance-block.vue b/packages/client/src/pages/admin/instance-block.vue
index bad9ae6f7..b6aea2b91 100644
--- a/packages/client/src/pages/admin/instance-block.vue
+++ b/packages/client/src/pages/admin/instance-block.vue
@@ -45,7 +45,6 @@
 <script lang="ts" setup>
 import { ref, computed } from "vue";
 
-import {} from "vue";
 import FormButton from "@/components/MkButton.vue";
 import FormTextarea from "@/components/form/textarea.vue";
 import FormSuspense from "@/components/form/suspense.vue";
@@ -55,9 +54,9 @@ import { fetchInstance } from "@/instance";
 import { i18n } from "@/i18n";
 import { definePageMetadata } from "@/scripts/page-metadata";
 
-let blockedHosts: string = ref("");
-let silencedHosts: string = ref("");
-let tab = ref("block");
+const blockedHosts = ref("");
+const silencedHosts = ref("");
+const tab = ref("block");
 
 async function init() {
 	const meta = await os.api("admin/meta");
diff --git a/packages/client/src/pages/admin/integrations.discord.vue b/packages/client/src/pages/admin/integrations.discord.vue
index ba81f316f..8be7582d3 100644
--- a/packages/client/src/pages/admin/integrations.discord.vue
+++ b/packages/client/src/pages/admin/integrations.discord.vue
@@ -36,7 +36,6 @@
 <script lang="ts" setup>
 import { ref } from "vue";
 
-import {} from "vue";
 import FormSwitch from "@/components/form/switch.vue";
 import FormInput from "@/components/form/input.vue";
 import FormButton from "@/components/MkButton.vue";
@@ -46,10 +45,10 @@ import * as os from "@/os";
 import { fetchInstance } from "@/instance";
 import { i18n } from "@/i18n";
 
-let uri: string = ref("");
-let enableDiscordIntegration: boolean = ref(false);
-let discordClientId: string | null = ref(null);
-let discordClientSecret: string | null = ref(null);
+const uri = ref("");
+const enableDiscordIntegration = ref(false);
+const discordClientId = ref(null);
+const discordClientSecret = ref(null);
 
 async function init() {
 	const meta = await os.api("admin/meta");
diff --git a/packages/client/src/pages/admin/integrations.github.vue b/packages/client/src/pages/admin/integrations.github.vue
index a9bd2b8c4..2f3416b08 100644
--- a/packages/client/src/pages/admin/integrations.github.vue
+++ b/packages/client/src/pages/admin/integrations.github.vue
@@ -36,7 +36,6 @@
 <script lang="ts" setup>
 import { ref } from "vue";
 
-import {} from "vue";
 import FormSwitch from "@/components/form/switch.vue";
 import FormInput from "@/components/form/input.vue";
 import FormButton from "@/components/MkButton.vue";
@@ -46,10 +45,10 @@ import * as os from "@/os";
 import { fetchInstance } from "@/instance";
 import { i18n } from "@/i18n";
 
-let uri: string = ref("");
-let enableGithubIntegration: boolean = ref(false);
-let githubClientId: string | null = ref(null);
-let githubClientSecret: string | null = ref(null);
+const uri = ref("");
+const enableGithubIntegration = ref(false);
+const githubClientId = ref(null);
+const githubClientSecret = ref(null);
 
 async function init() {
 	const meta = await os.api("admin/meta");
diff --git a/packages/client/src/pages/admin/integrations.vue b/packages/client/src/pages/admin/integrations.vue
index 516d43990..82a840be9 100644
--- a/packages/client/src/pages/admin/integrations.vue
+++ b/packages/client/src/pages/admin/integrations.vue
@@ -40,7 +40,6 @@
 <script lang="ts" setup>
 import { ref, computed } from "vue";
 
-import {} from "vue";
 import XGithub from "./integrations.github.vue";
 import XDiscord from "./integrations.discord.vue";
 import FormSuspense from "@/components/form/suspense.vue";
@@ -49,13 +48,11 @@ import * as os from "@/os";
 import { i18n } from "@/i18n";
 import { definePageMetadata } from "@/scripts/page-metadata";
 
-let enableTwitterIntegration: boolean = ref(false);
-let enableGithubIntegration: boolean = ref(false);
-let enableDiscordIntegration: boolean = ref(false);
+const enableGithubIntegration = ref(false);
+const enableDiscordIntegration = ref(false);
 
 async function init() {
 	const meta = await os.api("admin/meta");
-	enableTwitterIntegration.value = meta.enableTwitterIntegration;
 	enableGithubIntegration.value = meta.enableGithubIntegration;
 	enableDiscordIntegration.value = meta.enableDiscordIntegration;
 }
diff --git a/packages/client/src/pages/admin/object-storage.vue b/packages/client/src/pages/admin/object-storage.vue
index 98eb103ba..58b1c61ab 100644
--- a/packages/client/src/pages/admin/object-storage.vue
+++ b/packages/client/src/pages/admin/object-storage.vue
@@ -151,7 +151,6 @@
 <script lang="ts" setup>
 import { ref, computed } from "vue";
 
-import {} from "vue";
 import FormSwitch from "@/components/form/switch.vue";
 import FormInput from "@/components/form/input.vue";
 import FormSuspense from "@/components/form/suspense.vue";
@@ -161,19 +160,19 @@ import { fetchInstance } from "@/instance";
 import { i18n } from "@/i18n";
 import { definePageMetadata } from "@/scripts/page-metadata";
 
-let useObjectStorage: boolean = ref(false);
-let objectStorageBaseUrl: string | null = ref(null);
-let objectStorageBucket: string | null = ref(null);
-let objectStoragePrefix: string | null = ref(null);
-let objectStorageEndpoint: string | null = ref(null);
-let objectStorageRegion: string | null = ref(null);
-let objectStoragePort: number | null = ref(null);
-let objectStorageAccessKey: string | null = ref(null);
-let objectStorageSecretKey: string | null = ref(null);
-let objectStorageUseSSL: boolean = ref(false);
-let objectStorageUseProxy: boolean = ref(false);
-let objectStorageSetPublicRead: boolean = ref(false);
-let objectStorageS3ForcePathStyle: boolean = ref(true);
+const useObjectStorage = ref(false);
+const objectStorageBaseUrl = ref<string | null>(null);
+const objectStorageBucket = ref<string | null>(null);
+const objectStoragePrefix = ref<string | null>(null);
+const objectStorageEndpoint = ref<string | null>(null);
+const objectStorageRegion = ref<string | null>(null);
+const objectStoragePort = ref<string | null>(null);
+const objectStorageAccessKey = ref<string | null>(null);
+const objectStorageSecretKey = ref<string | null>(null);
+const objectStorageUseSSL = ref(false);
+const objectStorageUseProxy = ref(false);
+const objectStorageSetPublicRead = ref(false);
+const objectStorageS3ForcePathStyle = ref(true);
 
 async function init() {
 	const meta = await os.api("admin/meta");
diff --git a/packages/client/src/pages/admin/other-settings.vue b/packages/client/src/pages/admin/other-settings.vue
index 55ec9021b..523f05d6a 100644
--- a/packages/client/src/pages/admin/other-settings.vue
+++ b/packages/client/src/pages/admin/other-settings.vue
@@ -15,7 +15,6 @@
 <script lang="ts" setup>
 import { computed } from "vue";
 
-import {} from "vue";
 import FormSuspense from "@/components/form/suspense.vue";
 import * as os from "@/os";
 import { fetchInstance } from "@/instance";
diff --git a/packages/client/src/pages/admin/overview.active-users.vue b/packages/client/src/pages/admin/overview.active-users.vue
index 351fd446e..cb4946c81 100644
--- a/packages/client/src/pages/admin/overview.active-users.vue
+++ b/packages/client/src/pages/admin/overview.active-users.vue
@@ -8,32 +8,22 @@
 </template>
 
 <script lang="ts" setup>
-import {
-	markRaw,
-	version as vueVersion,
-	onMounted,
-	onBeforeUnmount,
-	nextTick,
-	shallowRef,
-	ref,
-} from "vue";
+import { onMounted, shallowRef, ref } from "vue";
 import { Chart } from "chart.js";
-import tinycolor from "tinycolor2";
 import gradient from "chartjs-plugin-gradient";
 import * as os from "@/os";
 import { defaultStore } from "@/store";
 import { useChartTooltip } from "@/scripts/use-chart-tooltip";
 import { chartVLine } from "@/scripts/chart-vline";
-import { alpha } from "@/scripts/color";
 import { initChart } from "@/scripts/init-chart";
 
 initChart();
 
-const chartEl = shallowRef<HTMLCanvasElement>(null);
+const chartEl = shallowRef<HTMLCanvasElement>();
 const now = new Date();
-let chartInstance: Chart = null;
+let chartInstance: Chart | null = null;
 const chartLimit = 7;
-let fetching = ref(true);
+const fetching = ref(true);
 
 const { handler: externalTooltipHandler } = useChartTooltip();
 
@@ -69,8 +59,6 @@ async function renderChart() {
 	const colorRead = "#eb6f92";
 	const colorWrite = "#f6c177";
 
-	const max = Math.max(...raw.read);
-
 	chartInstance = new Chart(chartEl.value, {
 		type: "bar",
 		data: {
diff --git a/packages/client/src/pages/admin/overview.ap-requests.vue b/packages/client/src/pages/admin/overview.ap-requests.vue
index 550684a88..b6d53aa27 100644
--- a/packages/client/src/pages/admin/overview.ap-requests.vue
+++ b/packages/client/src/pages/admin/overview.ap-requests.vue
@@ -15,15 +15,10 @@
 </template>
 
 <script lang="ts" setup>
-import { onMounted, onUnmounted, ref, shallowRef } from "vue";
+import { onMounted, ref, shallowRef } from "vue";
 import { Chart } from "chart.js";
 import gradient from "chartjs-plugin-gradient";
-import tinycolor from "tinycolor2";
-import MkMiniChart from "@/components/MkMiniChart.vue";
 import * as os from "@/os";
-import number from "@/filters/number";
-import MkNumberDiff from "@/components/MkNumberDiff.vue";
-import { i18n } from "@/i18n";
 import { useChartTooltip } from "@/scripts/use-chart-tooltip";
 import { chartVLine } from "@/scripts/chart-vline";
 import { defaultStore } from "@/store";
@@ -35,7 +30,7 @@ initChart();
 const chartLimit = 50;
 const chartEl = shallowRef<HTMLCanvasElement>();
 const chartEl2 = shallowRef<HTMLCanvasElement>();
-let fetching = ref(true);
+const fetching = ref(true);
 
 const { handler: externalTooltipHandler } = useChartTooltip();
 const { handler: externalTooltipHandler2 } = useChartTooltip();
@@ -76,9 +71,6 @@ onMounted(async () => {
 	const succColor = "#9ccfd8";
 	const failColor = "#f6c177";
 
-	const succMax = Math.max(...raw.deliverSucceeded);
-	const failMax = Math.max(...raw.deliverFailed);
-
 	new Chart(chartEl.value, {
 		type: "line",
 		data: {
diff --git a/packages/client/src/pages/admin/overview.federation.vue b/packages/client/src/pages/admin/overview.federation.vue
index 28da787e6..9c25d81b4 100644
--- a/packages/client/src/pages/admin/overview.federation.vue
+++ b/packages/client/src/pages/admin/overview.federation.vue
@@ -56,24 +56,23 @@
 </template>
 
 <script lang="ts" setup>
-import { onMounted, onUnmounted, ref } from "vue";
+import { onMounted, ref } from "vue";
 import XPie from "./overview.pie.vue";
-import MkMiniChart from "@/components/MkMiniChart.vue";
 import * as os from "@/os";
 import number from "@/filters/number";
 import MkNumberDiff from "@/components/MkNumberDiff.vue";
 import { i18n } from "@/i18n";
 import { useChartTooltip } from "@/scripts/use-chart-tooltip";
 
-let topSubInstancesForPie: any = ref(null);
-let topPubInstancesForPie: any = ref(null);
-let federationPubActive = ref<number | null>(null);
-let federationPubActiveDiff = ref<number | null>(null);
-let federationSubActive = ref<number | null>(null);
-let federationSubActiveDiff = ref<number | null>(null);
-let fetching = ref(true);
+const topSubInstancesForPie = ref<any>(null);
+const topPubInstancesForPie = ref<any>(null);
+const federationPubActive = ref<number | null>(null);
+const federationPubActiveDiff = ref<number | null>(null);
+const federationSubActive = ref<number | null>(null);
+const federationSubActiveDiff = ref<number | null>(null);
+const fetching = ref(true);
 
-const { handler: externalTooltipHandler } = useChartTooltip();
+useChartTooltip();
 
 onMounted(async () => {
 	const chart = await os.apiGet("charts/federation", {
diff --git a/packages/client/src/pages/admin/overview.heatmap.vue b/packages/client/src/pages/admin/overview.heatmap.vue
index e70cc739d..886e433ee 100644
--- a/packages/client/src/pages/admin/overview.heatmap.vue
+++ b/packages/client/src/pages/admin/overview.heatmap.vue
@@ -23,7 +23,7 @@ import { ref } from "vue";
 import MkHeatmap from "@/components/MkHeatmap.vue";
 import MkSelect from "@/components/form/select.vue";
 
-let src = ref("notes");
+const src = ref("notes");
 </script>
 
 <style lang="scss" module>
diff --git a/packages/client/src/pages/admin/overview.instances.vue b/packages/client/src/pages/admin/overview.instances.vue
index e5d0d1d32..0dce60f3c 100644
--- a/packages/client/src/pages/admin/overview.instances.vue
+++ b/packages/client/src/pages/admin/overview.instances.vue
@@ -23,7 +23,7 @@
 </template>
 
 <script lang="ts" setup>
-import { onMounted, onUnmounted, ref } from "vue";
+import { ref } from "vue";
 import * as os from "@/os";
 import { useInterval } from "@/scripts/use-interval";
 import MkInstanceCardMini from "@/components/MkInstanceCardMini.vue";
diff --git a/packages/client/src/pages/admin/overview.metrics.vue b/packages/client/src/pages/admin/overview.metrics.vue
index b995c65a9..d72d9e03d 100644
--- a/packages/client/src/pages/admin/overview.metrics.vue
+++ b/packages/client/src/pages/admin/overview.metrics.vue
@@ -64,17 +64,17 @@ import { i18n } from "@/i18n";
 const meta = await os.api("server-info", {});
 const serverStats = await os.api("stats");
 
-let cpuUsage: number = ref(0);
+const cpuUsage = ref(0);
 
-let memUsage: number = ref(0);
-let memTotal: number = ref(0);
-let memUsed: number = ref(0);
-let memFree: number = ref(0);
+const memUsage = ref(0);
+const memTotal = ref(0);
+const memUsed = ref(0);
+const memFree = ref(0);
 
-let meiliProgress: number = ref(0);
-let meiliTotalSize: number = ref(0);
-let meiliIndexCount: number = ref(0);
-let meiliAvailable: string = ref("unavailable");
+const meiliProgress = ref(0);
+const meiliTotalSize = ref(0);
+const meiliIndexCount = ref(0);
+const meiliAvailable = ref("unavailable");
 
 const diskUsage = computed(() => meta.fs.used / meta.fs.total);
 const diskTotal = computed(() => meta.fs.total);
diff --git a/packages/client/src/pages/admin/overview.moderators.vue b/packages/client/src/pages/admin/overview.moderators.vue
index b1ebed6a5..df051a150 100644
--- a/packages/client/src/pages/admin/overview.moderators.vue
+++ b/packages/client/src/pages/admin/overview.moderators.vue
@@ -25,13 +25,11 @@
 </template>
 
 <script lang="ts" setup>
-import { onMounted, onUnmounted, ref } from "vue";
+import { onMounted, ref } from "vue";
 import * as os from "@/os";
-import number from "@/filters/number";
-import { i18n } from "@/i18n";
 
-let moderators: any = ref(null);
-let fetching = ref(true);
+const moderators = ref<any>(null);
+const fetching = ref(true);
 
 onMounted(async () => {
 	moderators.value = await os.api("admin/show-users", {
diff --git a/packages/client/src/pages/admin/overview.pie.vue b/packages/client/src/pages/admin/overview.pie.vue
index 5317c6cdd..242a23a3c 100644
--- a/packages/client/src/pages/admin/overview.pie.vue
+++ b/packages/client/src/pages/admin/overview.pie.vue
@@ -3,10 +3,8 @@
 </template>
 
 <script lang="ts" setup>
-import { onMounted, onUnmounted, ref, shallowRef } from "vue";
+import { onMounted, shallowRef } from "vue";
 import { Chart } from "chart.js";
-import number from "@/filters/number";
-import { defaultStore } from "@/store";
 import { useChartTooltip } from "@/scripts/use-chart-tooltip";
 import { initChart } from "@/scripts/init-chart";
 
@@ -21,7 +19,7 @@ const props = defineProps<{
 	}[];
 }>();
 
-const chartEl = shallowRef<HTMLCanvasElement>(null);
+const chartEl = shallowRef<HTMLCanvasElement>();
 
 const { handler: externalTooltipHandler } = useChartTooltip({
 	position: "middle",
@@ -83,5 +81,3 @@ onMounted(() => {
 	});
 });
 </script>
-
-<style lang="scss" scoped></style>
diff --git a/packages/client/src/pages/admin/overview.queue-chart.vue b/packages/client/src/pages/admin/overview.queue-chart.vue
index 1348bde98..4ed66f545 100644
--- a/packages/client/src/pages/admin/overview.queue-chart.vue
+++ b/packages/client/src/pages/admin/overview.queue-chart.vue
@@ -3,7 +3,7 @@
 </template>
 
 <script lang="ts" setup>
-import { defineComponent, onMounted, onUnmounted, ref } from "vue";
+import { onMounted, onUnmounted, ref } from "vue";
 import {
 	Chart,
 	ArcElement,
@@ -21,9 +21,6 @@ import {
 	SubTitle,
 	Filler,
 } from "chart.js";
-import number from "@/filters/number";
-import * as os from "@/os";
-import { defaultStore } from "@/store";
 import { useChartTooltip } from "@/scripts/use-chart-tooltip";
 
 Chart.register(
@@ -56,11 +53,7 @@ const alpha = (hex, a) => {
 	return `rgba(${r}, ${g}, ${b}, ${a})`;
 };
 
-const chartEl = ref<HTMLCanvasElement>(null);
-
-const gridColor = defaultStore.state.darkMode
-	? "rgba(255, 255, 255, 0.1)"
-	: "rgba(0, 0, 0, 0.1)";
+const chartEl = ref<HTMLCanvasElement | null>(null);
 
 // フォントカラー
 Chart.defaults.color = getComputedStyle(
@@ -72,7 +65,7 @@ const { handler: externalTooltipHandler } = useChartTooltip();
 let chartInstance: Chart;
 
 const onStats = (stats) => {
-	chartInstance.data.labels.push("");
+	chartInstance.data.labels?.push("");
 	chartInstance.data.datasets[0].data.push(
 		stats[props.domain].activeSincePrevTick,
 	);
@@ -80,7 +73,7 @@ const onStats = (stats) => {
 	chartInstance.data.datasets[2].data.push(stats[props.domain].waiting);
 	chartInstance.data.datasets[3].data.push(stats[props.domain].delayed);
 	if (chartInstance.data.datasets[0].data.length > 100) {
-		chartInstance.data.labels.shift();
+		chartInstance.data.labels?.shift();
 		chartInstance.data.datasets[0].data.shift();
 		chartInstance.data.datasets[1].data.shift();
 		chartInstance.data.datasets[2].data.shift();
@@ -91,7 +84,7 @@ const onStats = (stats) => {
 
 const onStatsLog = (statsLog) => {
 	for (const stats of [...statsLog].reverse()) {
-		chartInstance.data.labels.push("");
+		chartInstance.data.labels?.push("");
 		chartInstance.data.datasets[0].data.push(
 			stats[props.domain].activeSincePrevTick,
 		);
@@ -99,7 +92,7 @@ const onStatsLog = (statsLog) => {
 		chartInstance.data.datasets[2].data.push(stats[props.domain].waiting);
 		chartInstance.data.datasets[3].data.push(stats[props.domain].delayed);
 		if (chartInstance.data.datasets[0].data.length > 100) {
-			chartInstance.data.labels.shift();
+			chartInstance.data.labels?.shift();
 			chartInstance.data.datasets[0].data.shift();
 			chartInstance.data.datasets[1].data.shift();
 			chartInstance.data.datasets[2].data.shift();
@@ -218,5 +211,3 @@ onUnmounted(() => {
 	props.connection.off("statsLog", onStatsLog);
 });
 </script>
-
-<style lang="scss" scoped></style>
diff --git a/packages/client/src/pages/admin/overview.queue.chart.vue b/packages/client/src/pages/admin/overview.queue.chart.vue
index 01a0d0ec0..f39315e3e 100644
--- a/packages/client/src/pages/admin/overview.queue.chart.vue
+++ b/packages/client/src/pages/admin/overview.queue.chart.vue
@@ -3,10 +3,8 @@
 </template>
 
 <script lang="ts" setup>
-import { watch, onMounted, onUnmounted, ref, shallowRef } from "vue";
+import { onMounted, shallowRef } from "vue";
 import { Chart } from "chart.js";
-import number from "@/filters/number";
-import * as os from "@/os";
 import { defaultStore } from "@/store";
 import { useChartTooltip } from "@/scripts/use-chart-tooltip";
 import { chartVLine } from "@/scripts/chart-vline";
@@ -19,7 +17,7 @@ const props = defineProps<{
 	type: string;
 }>();
 
-const chartEl = shallowRef<HTMLCanvasElement>(null);
+const chartEl = shallowRef<HTMLCanvasElement>();
 
 const { handler: externalTooltipHandler } = useChartTooltip();
 
@@ -28,10 +26,10 @@ let chartInstance: Chart;
 function setData(values) {
 	if (chartInstance == null) return;
 	for (const value of values) {
-		chartInstance.data.labels.push("");
+		chartInstance.data.labels?.push("");
 		chartInstance.data.datasets[0].data.push(value);
 		if (chartInstance.data.datasets[0].data.length > 100) {
-			chartInstance.data.labels.shift();
+			chartInstance.data.labels?.shift();
 			chartInstance.data.datasets[0].data.shift();
 		}
 	}
@@ -40,10 +38,10 @@ function setData(values) {
 
 function pushData(value) {
 	if (chartInstance == null) return;
-	chartInstance.data.labels.push("");
+	chartInstance.data.labels?.push("");
 	chartInstance.data.datasets[0].data.push(value);
 	if (chartInstance.data.datasets[0].data.length > 100) {
-		chartInstance.data.labels.shift();
+		chartInstance.data.labels?.shift();
 		chartInstance.data.datasets[0].data.shift();
 	}
 	chartInstance.update();
@@ -145,5 +143,3 @@ defineExpose({
 	pushData,
 });
 </script>
-
-<style lang="scss" scoped></style>
diff --git a/packages/client/src/pages/admin/overview.queue.vue b/packages/client/src/pages/admin/overview.queue.vue
index 1084f2e39..bf6a45ee5 100644
--- a/packages/client/src/pages/admin/overview.queue.vue
+++ b/packages/client/src/pages/admin/overview.queue.vue
@@ -45,9 +45,7 @@
 import { markRaw, onMounted, onUnmounted, ref, shallowRef } from "vue";
 import XChart from "./overview.queue.chart.vue";
 import number from "@/filters/number";
-import * as os from "@/os";
 import { stream } from "@/stream";
-import { i18n } from "@/i18n";
 
 const connection = markRaw(stream.useChannel("queueStats"));
 
@@ -55,10 +53,10 @@ const activeSincePrevTick = ref(0);
 const active = ref(0);
 const delayed = ref(0);
 const waiting = ref(0);
-let chartProcess = shallowRef<InstanceType<typeof XChart>>();
-let chartActive = shallowRef<InstanceType<typeof XChart>>();
-let chartDelayed = shallowRef<InstanceType<typeof XChart>>();
-let chartWaiting = shallowRef<InstanceType<typeof XChart>>();
+const chartProcess = shallowRef<InstanceType<typeof XChart>>();
+const chartActive = shallowRef<InstanceType<typeof XChart>>();
+const chartDelayed = shallowRef<InstanceType<typeof XChart>>();
+const chartWaiting = shallowRef<InstanceType<typeof XChart>>();
 
 const props = defineProps<{
 	domain: string;
@@ -70,10 +68,10 @@ const onStats = (stats) => {
 	delayed.value = stats[props.domain].delayed;
 	waiting.value = stats[props.domain].waiting;
 
-	chartProcess.value.pushData(stats[props.domain].activeSincePrevTick);
-	chartActive.value.pushData(stats[props.domain].active);
-	chartDelayed.value.pushData(stats[props.domain].delayed);
-	chartWaiting.value.pushData(stats[props.domain].waiting);
+	chartProcess.value?.pushData(stats[props.domain].activeSincePrevTick);
+	chartActive.value?.pushData(stats[props.domain].active);
+	chartDelayed.value?.pushData(stats[props.domain].delayed);
+	chartWaiting.value?.pushData(stats[props.domain].waiting);
 };
 
 const onStatsLog = (statsLog) => {
@@ -89,10 +87,10 @@ const onStatsLog = (statsLog) => {
 		dataWaiting.push(stats[props.domain].waiting);
 	}
 
-	chartProcess.value.setData(dataProcess);
-	chartActive.value.setData(dataActive);
-	chartDelayed.value.setData(dataDelayed);
-	chartWaiting.value.setData(dataWaiting);
+	chartProcess.value?.setData(dataProcess);
+	chartActive.value?.setData(dataActive);
+	chartDelayed.value?.setData(dataDelayed);
+	chartWaiting.value?.setData(dataWaiting);
 };
 
 onMounted(() => {
diff --git a/packages/client/src/pages/admin/overview.stats.vue b/packages/client/src/pages/admin/overview.stats.vue
index de301b0b9..81d90d93e 100644
--- a/packages/client/src/pages/admin/overview.stats.vue
+++ b/packages/client/src/pages/admin/overview.stats.vue
@@ -94,20 +94,18 @@
 </template>
 
 <script lang="ts" setup>
-import { onMounted, onUnmounted, ref } from "vue";
-import MkMiniChart from "@/components/MkMiniChart.vue";
+import { onMounted, ref } from "vue";
 import * as os from "@/os";
-import number from "@/filters/number";
 import MkNumberDiff from "@/components/MkNumberDiff.vue";
 import MkNumber from "@/components/MkNumber.vue";
 import { i18n } from "@/i18n";
 
-let stats: any = ref(null);
-let usersComparedToThePrevDay = ref<number>();
-let notesComparedToThePrevDay = ref<number>();
-let onlineUsersCount = ref(0);
-let emojiCount = ref(0);
-let fetching = ref(true);
+const stats = ref(null);
+const usersComparedToThePrevDay = ref<number>();
+const notesComparedToThePrevDay = ref<number>();
+const onlineUsersCount = ref(0);
+const emojiCount = ref(0);
+const fetching = ref(true);
 
 onMounted(async () => {
 	const [_stats, _onlineUsersCount] = await Promise.all([
diff --git a/packages/client/src/pages/admin/overview.user.vue b/packages/client/src/pages/admin/overview.user.vue
index 860044ea8..2fa7f162e 100644
--- a/packages/client/src/pages/admin/overview.user.vue
+++ b/packages/client/src/pages/admin/overview.user.vue
@@ -28,7 +28,7 @@ const props = defineProps<{
 	user: misskey.entities.User;
 }>();
 
-let chart = ref(null);
+const chart = ref(null);
 
 os.apiGet("charts/user/notes", {
 	userId: props.user.id,
diff --git a/packages/client/src/pages/admin/overview.users.vue b/packages/client/src/pages/admin/overview.users.vue
index 30f60e748..6c9b36d2e 100644
--- a/packages/client/src/pages/admin/overview.users.vue
+++ b/packages/client/src/pages/admin/overview.users.vue
@@ -7,7 +7,7 @@
 			<MkLoading v-if="fetching" />
 			<div v-else class="users">
 				<MkA
-					v-for="(user, i) in newUsers"
+					v-for="user in newUsers"
 					:key="user.id"
 					:to="`/user-info/${user.id}`"
 					class="user"
@@ -20,13 +20,13 @@
 </template>
 
 <script lang="ts" setup>
-import { onMounted, onUnmounted, ref } from "vue";
+import { ref } from "vue";
 import * as os from "@/os";
 import { useInterval } from "@/scripts/use-interval";
 import MkUserCardMini from "@/components/MkUserCardMini.vue";
 
-let newUsers = ref(null);
-let fetching = ref(true);
+const newUsers = ref(null);
+const fetching = ref(true);
 
 const fetch = async () => {
 	const _newUsers = await os.api("admin/show-users", {
diff --git a/packages/client/src/pages/admin/overview.vue b/packages/client/src/pages/admin/overview.vue
index c5dc2cb96..b98a09356 100644
--- a/packages/client/src/pages/admin/overview.vue
+++ b/packages/client/src/pages/admin/overview.vue
@@ -62,13 +62,11 @@
 <script lang="ts" setup>
 import {
 	markRaw,
-	version as vueVersion,
 	onMounted,
 	onBeforeUnmount,
 	nextTick,
 	shallowRef,
 	ref,
-	computed,
 } from "vue";
 import XFederation from "./overview.federation.vue";
 import XInstances from "./overview.instances.vue";
@@ -80,37 +78,23 @@ import XStats from "./overview.stats.vue";
 import XModerators from "./overview.moderators.vue";
 import XHeatmap from "./overview.heatmap.vue";
 // import XMetrics from "./overview.metrics.vue";
-import MkTagCloud from "@/components/MkTagCloud.vue";
-import { version, url } from "@/config";
 import * as os from "@/os";
 import { stream } from "@/stream";
 import { i18n } from "@/i18n";
 import { definePageMetadata } from "@/scripts/page-metadata";
-import { defaultStore } from "@/store";
-import MkFileListForAdmin from "@/components/MkFileListForAdmin.vue";
 import MkFolder from "@/components/MkFolder.vue";
 
 const rootEl = shallowRef<HTMLElement>();
-let serverInfo: any = ref(null);
-let topSubInstancesForPie: any = ref(null);
-let topPubInstancesForPie: any = ref(null);
-let federationPubActive = ref<number | null>(null);
-let federationPubActiveDiff = ref<number | null>(null);
-let federationSubActive = ref<number | null>(null);
-let federationSubActiveDiff = ref<number | null>(null);
-let newUsers = ref(null);
-let activeInstances = shallowRef(null);
+const serverInfo = ref<any>(null);
+const topSubInstancesForPie = ref<any>(null);
+const topPubInstancesForPie = ref<any>(null);
+const federationPubActive = ref<number | null>(null);
+const federationPubActiveDiff = ref<number | null>(null);
+const federationSubActive = ref<number | null>(null);
+const federationSubActiveDiff = ref<number | null>(null);
+const newUsers = ref(null);
+const activeInstances = shallowRef(null);
 const queueStatsConnection = markRaw(stream.useChannel("queueStats"));
-const now = new Date();
-const filesPagination = {
-	endpoint: "admin/drive/files" as const,
-	limit: 9,
-	noPaging: true,
-};
-
-function onInstanceClick(i) {
-	os.pageWindow(`/instance-info/${i.host}`);
-}
 
 onMounted(async () => {
 	/*
@@ -185,7 +169,7 @@ onMounted(async () => {
 
 	nextTick(() => {
 		queueStatsConnection.send("requestLog", {
-			id: Math.random().toString().substr(2, 8),
+			id: Math.random().toString().slice(2, 10),
 			length: 100,
 		});
 	});
@@ -195,10 +179,6 @@ onBeforeUnmount(() => {
 	queueStatsConnection.dispose();
 });
 
-const headerActions = computed(() => []);
-
-const headerTabs = computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.dashboard,
 	icon: "ph-gauge ph-bold ph-lg",
diff --git a/packages/client/src/pages/admin/promotions.vue b/packages/client/src/pages/admin/promotions.vue
index c8147bb8d..c824d5cee 100644
--- a/packages/client/src/pages/admin/promotions.vue
+++ b/packages/client/src/pages/admin/promotions.vue
@@ -65,7 +65,6 @@
 <script lang="ts" setup>
 import { ref, computed } from "vue";
 
-import {} from "vue";
 import MkButton from "@/components/MkButton.vue";
 import MkInput from "@/components/form/input.vue";
 import MkTextarea from "@/components/form/textarea.vue";
@@ -76,12 +75,12 @@ import { i18n } from "@/i18n";
 import { definePageMetadata } from "@/scripts/page-metadata";
 import { formatDateTimeString } from "@/scripts/format-time-string";
 
-let ads: any[] = ref([]);
+const ads = ref([]);
 
 os.api("admin/ad/list").then((adsResponse) => {
 	ads.value = adsResponse;
 	// The date format should be changed to yyyy-MM-dd in order to be properly displayed
-	for (let i in ads.value) {
+	for (const i in ads.value) {
 		ads.value[i].expiresAt = ads.value[i].expiresAt.substr(0, 10);
 	}
 });
diff --git a/packages/client/src/pages/admin/proxy-account.vue b/packages/client/src/pages/admin/proxy-account.vue
index ae0502d3c..228114b3a 100644
--- a/packages/client/src/pages/admin/proxy-account.vue
+++ b/packages/client/src/pages/admin/proxy-account.vue
@@ -37,7 +37,6 @@
 <script lang="ts" setup>
 import { ref, computed } from "vue";
 
-import {} from "vue";
 import MkKeyValue from "@/components/MkKeyValue.vue";
 import MkButton from "@/components/MkButton.vue";
 import MkInfo from "@/components/MkInfo.vue";
@@ -47,8 +46,8 @@ import { fetchInstance } from "@/instance";
 import { i18n } from "@/i18n";
 import { definePageMetadata } from "@/scripts/page-metadata";
 
-let proxyAccount: any = ref(null);
-let proxyAccountId: any = ref(null);
+const proxyAccount = ref<any>(null);
+const proxyAccountId = ref<any>(null);
 
 async function init() {
 	const meta = await os.api("admin/meta");
diff --git a/packages/client/src/pages/admin/queue.chart.chart.vue b/packages/client/src/pages/admin/queue.chart.chart.vue
index 3335a7b89..ebbc3379c 100644
--- a/packages/client/src/pages/admin/queue.chart.chart.vue
+++ b/packages/client/src/pages/admin/queue.chart.chart.vue
@@ -3,7 +3,7 @@
 </template>
 
 <script lang="ts" setup>
-import { watch, onMounted, onUnmounted, ref } from "vue";
+import { onMounted, ref } from "vue";
 import {
 	Chart,
 	ArcElement,
@@ -21,8 +21,6 @@ import {
 	SubTitle,
 	Filler,
 } from "chart.js";
-import number from "@/filters/number";
-import * as os from "@/os";
 import { defaultStore } from "@/store";
 import { useChartTooltip } from "@/scripts/use-chart-tooltip";
 
@@ -55,7 +53,7 @@ const alpha = (hex, a) => {
 	return `rgba(${r}, ${g}, ${b}, ${a})`;
 };
 
-const chartEl = ref<HTMLCanvasElement>(null);
+const chartEl = ref<HTMLCanvasElement | null>(null);
 
 const gridColor = defaultStore.state.darkMode
 	? "rgba(255, 255, 255, 0.1)"
@@ -189,5 +187,3 @@ defineExpose({
 	pushData,
 });
 </script>
-
-<style lang="scss" scoped></style>
diff --git a/packages/client/src/pages/admin/queue.chart.vue b/packages/client/src/pages/admin/queue.chart.vue
index b220201d3..d26605788 100644
--- a/packages/client/src/pages/admin/queue.chart.vue
+++ b/packages/client/src/pages/admin/queue.chart.vue
@@ -72,10 +72,10 @@ const active = ref(0);
 const delayed = ref(0);
 const waiting = ref(0);
 const jobs = ref([]);
-let chartProcess = ref<InstanceType<typeof XChart>>();
-let chartActive = ref<InstanceType<typeof XChart>>();
-let chartDelayed = ref<InstanceType<typeof XChart>>();
-let chartWaiting = ref<InstanceType<typeof XChart>>();
+const chartProcess = ref<InstanceType<typeof XChart>>();
+const chartActive = ref<InstanceType<typeof XChart>>();
+const chartDelayed = ref<InstanceType<typeof XChart>>();
+const chartWaiting = ref<InstanceType<typeof XChart>>();
 
 const props = defineProps<{
 	domain: string;
diff --git a/packages/client/src/pages/admin/queue.vue b/packages/client/src/pages/admin/queue.vue
index 15a6bdcf0..bba49e505 100644
--- a/packages/client/src/pages/admin/queue.vue
+++ b/packages/client/src/pages/admin/queue.vue
@@ -15,34 +15,13 @@
 </template>
 
 <script lang="ts" setup>
-import {
-	markRaw,
-	onMounted,
-	onBeforeUnmount,
-	nextTick,
-	ref,
-	computed,
-} from "vue";
+import { ref, computed } from "vue";
 import XQueue from "./queue.chart.vue";
-import MkButton from "@/components/MkButton.vue";
-import * as os from "@/os";
 import * as config from "@/config";
 import { i18n } from "@/i18n";
 import { definePageMetadata } from "@/scripts/page-metadata";
 
-let tab = ref("deliver");
-
-function clear() {
-	os.confirm({
-		type: "warning",
-		title: i18n.ts.clearQueueConfirmTitle,
-		text: i18n.ts.clearQueueConfirmText,
-	}).then(({ canceled }) => {
-		if (canceled) return;
-
-		os.apiWithDialog("admin/queue/clear");
-	});
-}
+const tab = ref("deliver");
 
 const headerActions = computed(() => [
 	{
diff --git a/packages/client/src/pages/admin/relays.vue b/packages/client/src/pages/admin/relays.vue
index 948336eb2..4e984d534 100644
--- a/packages/client/src/pages/admin/relays.vue
+++ b/packages/client/src/pages/admin/relays.vue
@@ -45,13 +45,12 @@
 <script lang="ts" setup>
 import { ref, computed } from "vue";
 
-import {} from "vue";
 import MkButton from "@/components/MkButton.vue";
 import * as os from "@/os";
 import { i18n } from "@/i18n";
 import { definePageMetadata } from "@/scripts/page-metadata";
 
-let relays: any[] = ref([]);
+const relays = ref([]);
 
 async function addRelay() {
 	const { canceled, result: inbox } = await os.inputText({
diff --git a/packages/client/src/pages/admin/security.vue b/packages/client/src/pages/admin/security.vue
index 1c3f2e582..dffbc4d32 100644
--- a/packages/client/src/pages/admin/security.vue
+++ b/packages/client/src/pages/admin/security.vue
@@ -257,12 +257,10 @@
 <script lang="ts" setup>
 import { ref, computed } from "vue";
 
-import {} from "vue";
 import XBotProtection from "./bot-protection.vue";
 import FormFolder from "@/components/form/folder.vue";
 import FormRadios from "@/components/form/radios.vue";
 import FormSwitch from "@/components/form/switch.vue";
-import FormInfo from "@/components/MkInfo.vue";
 import FormSuspense from "@/components/form/suspense.vue";
 import FormRange from "@/components/form/range.vue";
 import FormInput from "@/components/form/input.vue";
@@ -273,19 +271,19 @@ import { fetchInstance } from "@/instance";
 import { i18n } from "@/i18n";
 import { definePageMetadata } from "@/scripts/page-metadata";
 
-let summalyProxy: string = ref("");
-let enableHcaptcha: boolean = ref(false);
-let enableRecaptcha: boolean = ref(false);
-let sensitiveMediaDetection: string = ref("none");
-let sensitiveMediaDetectionSensitivity: number = ref(0);
-let setSensitiveFlagAutomatically: boolean = ref(false);
-let enableSensitiveMediaDetectionForVideos: boolean = ref(false);
-let enableIpLogging: boolean = ref(false);
-let enableActiveEmailValidation: boolean = ref(false);
+const summalyProxy = ref("");
+const enableHcaptcha = ref(false);
+const enableRecaptcha = ref(false);
+const sensitiveMediaDetection = ref("none");
+const sensitiveMediaDetectionSensitivity = ref(0);
+const setSensitiveFlagAutomatically = ref(false);
+const enableSensitiveMediaDetectionForVideos = ref(false);
+const enableIpLogging = ref(false);
+const enableActiveEmailValidation = ref(false);
 
-let secureMode: boolean = ref(false);
-let privateMode: boolean = ref(false);
-let allowedHosts: string = ref("");
+const secureMode = ref(false);
+const privateMode = ref(false);
+const allowedHosts = ref("");
 
 async function init() {
 	const meta = await os.api("admin/meta");
diff --git a/packages/client/src/pages/admin/settings.vue b/packages/client/src/pages/admin/settings.vue
index 9b47214c0..16cf3015e 100644
--- a/packages/client/src/pages/admin/settings.vue
+++ b/packages/client/src/pages/admin/settings.vue
@@ -209,7 +209,7 @@
 
 							<FormInput v-model="themeColor" class="_formBlock">
 								<template #prefix
-									><i class="ph-palette ph-bold ph-lg"></i
+									><i class="ph-paconstte ph-bold ph-lg"></i
 								></template>
 								<template #label>{{
 									i18n.ts.themeColor
@@ -442,42 +442,42 @@ import { fetchInstance } from "@/instance";
 import { i18n } from "@/i18n";
 import { definePageMetadata } from "@/scripts/page-metadata";
 
-let name: string | null = ref(null);
-let description: string | null = ref(null);
-let tosUrl: string | null = ref(null);
-let maintainerName: string | null = ref(null);
-let maintainerEmail: string | null = ref(null);
-let donationLink: string | null = ref(null);
-let iconUrl: string | null = ref(null);
-let bannerUrl: string | null = ref(null);
-let logoImageUrl: string | null = ref(null);
-let backgroundImageUrl: string | null = ref(null);
-let themeColor: any = ref(null);
-let defaultLightTheme: any = ref(null);
-let defaultDarkTheme: any = ref(null);
-let enableLocalTimeline: boolean = ref(false);
-let enableGlobalTimeline: boolean = ref(false);
-let enableRecommendedTimeline: boolean = ref(false);
-let pinnedUsers: string = ref("");
-let customMOTD: string = ref("");
-let recommendedInstances: string = ref("");
-let customSplashIcons: string = ref("");
-let cacheRemoteFiles: boolean = ref(false);
-let localDriveCapacityMb: any = ref(0);
-let remoteDriveCapacityMb: any = ref(0);
-let enableRegistration: boolean = ref(false);
-let emailRequiredForSignup: boolean = ref(false);
-let enableServiceWorker: boolean = ref(false);
-let swPublicKey: any = ref(null);
-let swPrivateKey: any = ref(null);
-let deeplAuthKey: string = ref("");
-let deeplIsPro: boolean = ref(false);
-let libreTranslateApiUrl: string = ref("");
-let libreTranslateApiKey: string = ref("");
-let defaultReaction: string = ref("");
-let defaultReactionCustom: string = ref("");
-let enableServerMachineStats: boolean = ref(false);
-let enableIdenticonGeneration: boolean = ref(false);
+const name = ref<string | null>(null);
+const description = ref<string | null>(null);
+const tosUrl = ref<string | null>(null);
+const maintainerName = ref<string | null>(null);
+const maintainerEmail = ref<string | null>(null);
+const donationLink = ref<string | null>(null);
+const iconUrl = ref<string | null>(null);
+const bannerUrl = ref<string | null>(null);
+const logoImageUrl = ref<string | null>(null);
+const backgroundImageUrl = ref<string | null>(null);
+const themeColor: any = ref(null);
+const defaultLightTheme: any = ref(null);
+const defaultDarkTheme: any = ref(null);
+const enableLocalTimeline = ref(false);
+const enableGlobalTimeline = ref(false);
+const enableRecommendedTimeline = ref(false);
+const pinnedUsers = ref("");
+const customMOTD = ref("");
+const recommendedInstances = ref("");
+const customSplashIcons = ref("");
+const cacheRemoteFiles = ref(false);
+const localDriveCapacityMb = ref(0);
+const remoteDriveCapacityMb = ref(0);
+const enableRegistration = ref(false);
+const emailRequiredForSignup = ref(false);
+const enableServiceWorker = ref(false);
+const swPublicKey = ref(null);
+const swPrivateKey = ref(null);
+const deeplAuthKey = ref("");
+const deeplIsPro = ref(false);
+const libreTranslateApiUrl = ref("");
+const libreTranslateApiKey = ref("");
+const defaultReaction = ref("");
+const defaultReactionCustom = ref("");
+const enableServerMachineStats = ref(false);
+const enableIdenticonGeneration = ref(false);
 
 async function init() {
 	const meta = await os.api("admin/meta");
@@ -554,8 +554,8 @@ function save() {
 		customSplashIcons: customSplashIcons.value.split("\n"),
 		recommendedInstances: recommendedInstances.value.split("\n"),
 		cacheRemoteFiles: cacheRemoteFiles.value,
-		localDriveCapacityMb: parseInt(localDriveCapacityMb.value, 10),
-		remoteDriveCapacityMb: parseInt(remoteDriveCapacityMb.value, 10),
+		localDriveCapacityMb: localDriveCapacityMb.value,
+		remoteDriveCapacityMb: remoteDriveCapacityMb.value,
 		disableRegistration: !enableRegistration.value,
 		emailRequiredForSignup: emailRequiredForSignup.value,
 		enableServiceWorker: enableServiceWorker.value,
diff --git a/packages/client/src/pages/admin/users.vue b/packages/client/src/pages/admin/users.vue
index f7afa558c..c53e235dd 100644
--- a/packages/client/src/pages/admin/users.vue
+++ b/packages/client/src/pages/admin/users.vue
@@ -133,13 +133,13 @@ import { i18n } from "@/i18n";
 import { definePageMetadata } from "@/scripts/page-metadata";
 import MkUserCardMini from "@/components/MkUserCardMini.vue";
 
-let paginationComponent = ref<InstanceType<typeof MkPagination>>();
+const paginationComponent = ref<InstanceType<typeof MkPagination>>();
 
-let sort = ref("+createdAt");
-let state = ref("all");
-let origin = ref("local");
-let searchUsername = ref("");
-let searchHost = ref("");
+const sort = ref("+createdAt");
+const state = ref("all");
+const origin = ref("local");
+const searchUsername = ref("");
+const searchHost = ref("");
 const pagination = {
 	endpoint: "admin/show-users" as const,
 	limit: 10,
diff --git a/packages/client/src/pages/antenna-timeline.vue b/packages/client/src/pages/antenna-timeline.vue
index 0fb93c7a0..de4e0a0b7 100644
--- a/packages/client/src/pages/antenna-timeline.vue
+++ b/packages/client/src/pages/antenna-timeline.vue
@@ -24,7 +24,7 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, inject, watch, ref } from "vue";
+import { computed, watch, ref } from "vue";
 import XTimeline from "@/components/MkTimeline.vue";
 import * as os from "@/os";
 import { useRouter } from "@/router";
@@ -37,41 +37,28 @@ const props = defineProps<{
 	antennaId: string;
 }>();
 
-let antenna = ref(null);
-let rootEl = ref<HTMLElement>();
-let tlEl = ref<InstanceType<typeof XTimeline>>();
+const antenna = ref(null);
+const rootEl = ref<HTMLElement>();
+const tlEl = ref<InstanceType<typeof XTimeline>>();
 const keymap = computed(() => ({
 	t: focus,
 }));
 
-async function timetravel() {
-	const { canceled, result: date } = await os.inputDate({
-		title: i18n.ts.date,
-	});
-	if (canceled) return;
-
-	tlEl.value.timetravel(date);
-}
-
 function settings() {
 	router.push(`/my/antennas/${props.antennaId}`);
 }
 
-async function doMarkRead() {
-	const ret = await os.api("antennas/mark-read", {
-		antennaId: props.antennaId,
-	});
-
-	if (ret) {
-		return true;
-	}
-
-	throw new Error("Failed to mark all as read");
-}
-
-async function markRead() {
-	await os.promiseDialog(doMarkRead());
-}
+// async function doMarkRead() {
+// 	const ret = await os.api("antennas/mark-read", {
+// 		antennaId: props.antennaId,
+// 	});
+//
+// 	if (ret) {
+// 		return true;
+// 	}
+//
+//	throw new Error("Failed to mark all as read");
+// }
 
 function focus() {
 	tlEl.value.focus();
@@ -90,21 +77,11 @@ watch(
 const headerActions = computed(() =>
 	antenna.value
 		? [
-				// {
-				// 	icon: "ph-calendar-blank ph-bold ph-lg",
-				// 	text: i18n.ts.jumpToSpecifiedDate,
-				// 	handler: timetravel,
-				// },
 				{
 					icon: "ph-gear-six ph-bold ph-lg",
 					text: i18n.ts.settings,
 					handler: settings,
 				},
-				// {
-				// 	icon: "ph-check ph-bold ph-lg",
-				// 	text: i18n.ts.markAllAsRead,
-				// 	handler: markRead,
-				// },
 		  ]
 		: [],
 );
diff --git a/packages/client/src/pages/auth.form.vue b/packages/client/src/pages/auth.form.vue
index 189650f30..0a122144e 100644
--- a/packages/client/src/pages/auth.form.vue
+++ b/packages/client/src/pages/auth.form.vue
@@ -26,7 +26,6 @@
 </template>
 
 <script lang="ts" setup>
-import { defineComponent } from "vue";
 import MkButton from "@/components/MkButton.vue";
 import * as os from "@/os";
 import { i18n } from "@/i18n";
diff --git a/packages/client/src/pages/auth.vue b/packages/client/src/pages/auth.vue
index ea404d163..b05ed7786 100644
--- a/packages/client/src/pages/auth.vue
+++ b/packages/client/src/pages/auth.vue
@@ -150,5 +150,3 @@ export default defineComponent({
 	},
 });
 </script>
-
-<style lang="scss" scoped></style>
diff --git a/packages/client/src/pages/channel-editor.vue b/packages/client/src/pages/channel-editor.vue
index 5492dac29..403a791cd 100644
--- a/packages/client/src/pages/channel-editor.vue
+++ b/packages/client/src/pages/channel-editor.vue
@@ -40,7 +40,7 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, inject, watch, ref } from "vue";
+import { computed, watch, ref } from "vue";
 import MkTextarea from "@/components/form/textarea.vue";
 import MkButton from "@/components/MkButton.vue";
 import MkInput from "@/components/form/input.vue";
@@ -56,11 +56,11 @@ const props = defineProps<{
 	channelId?: string;
 }>();
 
-let channel = ref(null);
-let name = ref(null);
-let description = ref(null);
-let bannerUrl = ref<string | null>(null);
-let bannerId = ref<string | null>(null);
+const channel = ref(null);
+const name = ref(null);
+const description = ref(null);
+const bannerUrl = ref<string | null>(null);
+const bannerId = ref<string | null>(null);
 
 watch(
 	() => bannerId.value,
@@ -140,5 +140,3 @@ definePageMetadata(
 	),
 );
 </script>
-
-<style lang="scss" scoped></style>
diff --git a/packages/client/src/pages/channel.vue b/packages/client/src/pages/channel.vue
index 974c77932..086056f85 100644
--- a/packages/client/src/pages/channel.vue
+++ b/packages/client/src/pages/channel.vue
@@ -101,8 +101,7 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, inject, watch, ref } from "vue";
-import MkContainer from "@/components/MkContainer.vue";
+import { computed, watch, ref } from "vue";
 import XPostForm from "@/components/MkPostForm.vue";
 import XTimeline from "@/components/MkTimeline.vue";
 import XChannelFollowButton from "@/components/MkChannelFollowButton.vue";
@@ -118,8 +117,8 @@ const props = defineProps<{
 	channelId: string;
 }>();
 
-let channel = ref(null);
-let showBanner = ref(true);
+const channel = ref(null);
+const showBanner = ref(true);
 
 watch(
 	() => props.channelId,
diff --git a/packages/client/src/pages/channels.vue b/packages/client/src/pages/channels.vue
index cc38ea304..bc78758ad 100644
--- a/packages/client/src/pages/channels.vue
+++ b/packages/client/src/pages/channels.vue
@@ -111,16 +111,13 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, onMounted, defineComponent, inject, watch, ref } from "vue";
+import { computed, onMounted, watch, ref } from "vue";
 import { Virtual } from "swiper/modules";
 import { Swiper, SwiperSlide } from "swiper/vue";
-import MkChannelPreview from "@/components/MkChannelPreview.vue";
 import MkChannelList from "@/components/MkChannelList.vue";
-import MkPagination from "@/components/MkPagination.vue";
 import MkInput from "@/components/form/input.vue";
 import MkRadios from "@/components/form/radios.vue";
 import MkButton from "@/components/MkButton.vue";
-import MkFolder from "@/components/MkFolder.vue";
 import MkInfo from "@/components/MkInfo.vue";
 import { useRouter } from "@/router";
 import { definePageMetadata } from "@/scripts/page-metadata";
@@ -133,17 +130,17 @@ import "swiper/scss/virtual";
 const router = useRouter();
 
 const tabs = ["search", "featured", "following", "owned"];
-let tab = ref(tabs[1]);
+const tab = ref(tabs[1]);
 watch(tab, () => syncSlide(tabs.indexOf(tab.value)));
 
 const props = defineProps<{
 	query: string;
 	type?: string;
 }>();
-let key = ref("");
-let searchQuery = ref("");
-let searchType = ref("nameAndDescription");
-let channelPagination = ref();
+const key = ref("");
+const searchQuery = ref("");
+const searchType = ref("nameAndDescription");
+const channelPagination = ref();
 onMounted(() => {
 	searchQuery.value = props.query ?? "";
 	searchType.value = props.type ?? "nameAndDescription";
diff --git a/packages/client/src/pages/clip.vue b/packages/client/src/pages/clip.vue
index b630a9102..6b24aad4f 100644
--- a/packages/client/src/pages/clip.vue
+++ b/packages/client/src/pages/clip.vue
@@ -40,7 +40,7 @@ const props = defineProps<{
 	clipId: string;
 }>();
 
-let clip: misskey.entities.Clip = ref<misskey.entities.Clip>();
+const clip = ref<misskey.entities.Clip>();
 const pagination = {
 	endpoint: "clips/notes" as const,
 	limit: 10,
diff --git a/packages/client/src/pages/drive.vue b/packages/client/src/pages/drive.vue
index 1b3a1b965..842b49ca0 100644
--- a/packages/client/src/pages/drive.vue
+++ b/packages/client/src/pages/drive.vue
@@ -7,15 +7,10 @@
 <script lang="ts" setup>
 import { computed, ref } from "vue";
 import XDrive from "@/components/MkDrive.vue";
-import * as os from "@/os";
 import { i18n } from "@/i18n";
 import { definePageMetadata } from "@/scripts/page-metadata";
 
-let folder = ref(null);
-
-const headerActions = computed(() => []);
-
-const headerTabs = computed(() => []);
+const folder = ref(null);
 
 definePageMetadata(
 	computed(() => ({
diff --git a/packages/client/src/pages/emojis.emoji.vue b/packages/client/src/pages/emojis.emoji.vue
index add558f72..ed7d3a3c7 100644
--- a/packages/client/src/pages/emojis.emoji.vue
+++ b/packages/client/src/pages/emojis.emoji.vue
@@ -9,7 +9,6 @@
 </template>
 
 <script lang="ts" setup>
-import {} from "vue";
 import * as os from "@/os";
 import copyToClipboard from "@/scripts/copy-to-clipboard";
 import { i18n } from "@/i18n";
diff --git a/packages/client/src/pages/explore.featured.vue b/packages/client/src/pages/explore.featured.vue
index 23cccc755..d408c41a1 100644
--- a/packages/client/src/pages/explore.featured.vue
+++ b/packages/client/src/pages/explore.featured.vue
@@ -39,11 +39,5 @@ const paginationForRemote = {
 	},
 };
 
-// const paginationForRemote = {
-// 	endpoint: 'notes/polls/recommendation' as const,
-// 	limit: 10,
-// 	offsetMode: true,
-// };
-
-let tab = ref("local");
+const tab = ref("local");
 </script>
diff --git a/packages/client/src/pages/explore.users.vue b/packages/client/src/pages/explore.users.vue
index 07403a2ba..a3ec0e317 100644
--- a/packages/client/src/pages/explore.users.vue
+++ b/packages/client/src/pages/explore.users.vue
@@ -145,20 +145,18 @@ import { computed, watch, ref } from "vue";
 import XUserList from "@/components/MkUserList.vue";
 import MkFolder from "@/components/MkFolder.vue";
 import MkTab from "@/components/MkTab.vue";
-import number from "@/filters/number";
 import * as os from "@/os";
 import { i18n } from "@/i18n";
 import { $i } from "@/account";
-import { instance } from "@/instance";
 
 const props = defineProps<{
 	tag?: string;
 }>();
 
-let origin = ref("local");
-let tagsEl = ref<InstanceType<typeof MkFolder>>();
-let tagsLocal = ref([]);
-let tagsRemote = ref([]);
+const origin = ref("local");
+const tagsEl = ref<InstanceType<typeof MkFolder>>();
+const tagsLocal = ref([]);
+const tagsRemote = ref([]);
 
 watch(
 	() => props.tag,
diff --git a/packages/client/src/pages/explore.vue b/packages/client/src/pages/explore.vue
index d68dd5d6a..b858f8437 100644
--- a/packages/client/src/pages/explore.vue
+++ b/packages/client/src/pages/explore.vue
@@ -50,7 +50,7 @@ import "swiper/scss";
 import "swiper/scss/virtual";
 
 const tabs = ["users", "featured"];
-let tab = ref(tabs[0]);
+const tab = ref(tabs[0]);
 watch(tab, () => syncSlide(tabs.indexOf(tab.value)));
 
 const headerActions = computed(() => []);
diff --git a/packages/client/src/pages/follow-requests.vue b/packages/client/src/pages/follow-requests.vue
index dd323f7b0..762353b80 100644
--- a/packages/client/src/pages/follow-requests.vue
+++ b/packages/client/src/pages/follow-requests.vue
@@ -109,10 +109,6 @@ function reject(user) {
 	});
 }
 
-const headerActions = computed(() => []);
-
-const headerTabs = computed(() => []);
-
 definePageMetadata(
 	computed(() => ({
 		title: i18n.ts.followRequests,
diff --git a/packages/client/src/pages/follow.vue b/packages/client/src/pages/follow.vue
index fe8d642a9..fb771fad5 100644
--- a/packages/client/src/pages/follow.vue
+++ b/packages/client/src/pages/follow.vue
@@ -3,7 +3,6 @@
 </template>
 
 <script lang="ts" setup>
-import {} from "vue";
 import * as Acct from "firefish-js/built/acct";
 import * as os from "@/os";
 import { mainRouter } from "@/router";
diff --git a/packages/client/src/pages/gallery/edit.vue b/packages/client/src/pages/gallery/edit.vue
index 39a308ceb..a8b13674f 100644
--- a/packages/client/src/pages/gallery/edit.vue
+++ b/packages/client/src/pages/gallery/edit.vue
@@ -63,7 +63,7 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, inject, watch, ref } from "vue";
+import { computed, watch, ref } from "vue";
 import FormButton from "@/components/MkButton.vue";
 import FormInput from "@/components/form/input.vue";
 import FormTextarea from "@/components/form/textarea.vue";
@@ -81,11 +81,11 @@ const props = defineProps<{
 	postId?: string;
 }>();
 
-let init = ref(null);
-let files = ref([]);
-let description = ref(null);
-let title = ref(null);
-let isSensitive = ref(false);
+const init = ref(null);
+const files = ref([]);
+const description = ref(null);
+const title = ref(null);
+const isSensitive = ref(false);
 
 function selectFile(evt) {
 	selectFiles(evt.currentTarget ?? evt.target, null).then((selected) => {
diff --git a/packages/client/src/pages/gallery/index.vue b/packages/client/src/pages/gallery/index.vue
index 4cee4f953..38d2c671f 100644
--- a/packages/client/src/pages/gallery/index.vue
+++ b/packages/client/src/pages/gallery/index.vue
@@ -106,7 +106,7 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, defineComponent, watch, onMounted, ref } from "vue";
+import { computed, watch, onMounted, ref } from "vue";
 import { Virtual } from "swiper/modules";
 import { Swiper, SwiperSlide } from "swiper/vue";
 import MkFolder from "@/components/MkFolder.vue";
@@ -127,10 +127,10 @@ const props = defineProps<{
 }>();
 
 const tabs = ["explore", "liked", "my"];
-let tab = ref(tabs[0]);
+const tab = ref(tabs[0]);
 watch(tab, () => syncSlide(tabs.indexOf(tab.value)));
 
-let tagsRef = ref();
+const tagsRef = ref();
 
 const recentPostsPagination = {
 	endpoint: "gallery/posts" as const,
diff --git a/packages/client/src/pages/gallery/post.vue b/packages/client/src/pages/gallery/post.vue
index 98a544f60..fb5250d96 100644
--- a/packages/client/src/pages/gallery/post.vue
+++ b/packages/client/src/pages/gallery/post.vue
@@ -145,7 +145,7 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, defineComponent, inject, watch, ref } from "vue";
+import { computed, watch, ref } from "vue";
 import MkButton from "@/components/MkButton.vue";
 import * as os from "@/os";
 import MkContainer from "@/components/MkContainer.vue";
@@ -164,8 +164,8 @@ const props = defineProps<{
 	postId: string;
 }>();
 
-let post = ref(null);
-let error = ref(null);
+const post = ref(null);
+const error = ref(null);
 const otherPostsPagination = {
 	endpoint: "users/gallery/posts" as const,
 	limit: 6,
diff --git a/packages/client/src/pages/instance-info.vue b/packages/client/src/pages/instance-info.vue
index 6cac8b4e8..173dc8f59 100644
--- a/packages/client/src/pages/instance-info.vue
+++ b/packages/client/src/pages/instance-info.vue
@@ -378,16 +378,16 @@ const props = defineProps<{
 
 let tabs = ["overview"];
 if (iAmAdmin) tabs.push("chart", "users", "raw");
-let tab = ref(tabs[0]);
+const tab = ref(tabs[0]);
 watch(tab, () => syncSlide(tabs.indexOf(tab.value)));
 
-let chartSrc = ref("instance-requests");
-let meta = ref<AugmentedInstanceMetadata | null>(null);
-let instance = ref<AugmentedInstance | null>(null);
-let suspended = ref(false);
-let isBlocked = ref(false);
-let isSilenced = ref(false);
-let faviconUrl = ref(null);
+const chartSrc = ref("instance-requests");
+const meta = ref<AugmentedInstanceMetadata | null>(null);
+const instance = ref<AugmentedInstance | null>(null);
+const suspended = ref(false);
+const isBlocked = ref(false);
+const isSilenced = ref(false);
+const faviconUrl = ref(null);
 
 const usersPagination = {
 	endpoint: iAmAdmin ? "admin/show-users" : ("users" as const),
@@ -506,7 +506,7 @@ if (iAmAdmin) {
 	);
 }
 
-let headerTabs = computed(() => theTabs);
+const headerTabs = computed(() => theTabs);
 
 definePageMetadata({
 	title: props.host,
diff --git a/packages/client/src/pages/messaging/index.vue b/packages/client/src/pages/messaging/index.vue
index 48e34a1be..8ce59df92 100644
--- a/packages/client/src/pages/messaging/index.vue
+++ b/packages/client/src/pages/messaging/index.vue
@@ -108,11 +108,11 @@ import "swiper/scss/virtual";
 
 const router = useRouter();
 
-let messages = ref([]);
-let connection = ref(null);
+const messages = ref([]);
+const connection = ref(null);
 
 const tabs = ["dms", "groups"];
-let tab = ref(tabs[0]);
+const tab = ref(tabs[0]);
 watch(tab, () => syncSlide(tabs.indexOf(tab.value)));
 
 const MOBILE_THRESHOLD = 500;
@@ -203,28 +203,6 @@ function onRead(ids): void {
 	}
 }
 
-function startMenu(ev) {
-	os.popupMenu(
-		[
-			{
-				text: i18n.ts.messagingWithUser,
-				icon: "ph-user ph-bold ph-lg",
-				action: () => {
-					startUser();
-				},
-			},
-			{
-				text: i18n.ts.messagingWithGroup,
-				icon: "ph-users-three ph-bold ph-lg",
-				action: () => {
-					startGroup();
-				},
-			},
-		],
-		ev.currentTarget ?? ev.target,
-	);
-}
-
 async function startUser(): void {
 	os.selectUser().then((user) => {
 		router.push(`/my/messaging/${Acct.toString(user)}`);
diff --git a/packages/client/src/pages/messaging/messaging-room.form.vue b/packages/client/src/pages/messaging/messaging-room.form.vue
index 0d318013c..b3b216746 100644
--- a/packages/client/src/pages/messaging/messaging-room.form.vue
+++ b/packages/client/src/pages/messaging/messaging-room.form.vue
@@ -74,12 +74,12 @@ const props = defineProps<{
 	group?: Misskey.entities.UserGroup | null;
 }>();
 
-let textEl = ref<HTMLTextAreaElement>();
-let fileEl = ref<HTMLInputElement>();
+const textEl = ref<HTMLTextAreaElement>();
+const fileEl = ref<HTMLInputElement>();
 
-let text = ref<string>("");
-let file = ref<Misskey.entities.DriveFile | null>(null);
-let sending = ref(false);
+const text = ref<string>("");
+const file = ref<Misskey.entities.DriveFile | null>(null);
+const sending = ref(false);
 const typing = throttle(3000, () => {
 	stream.send(
 		"typingOnMessaging",
@@ -87,10 +87,10 @@ const typing = throttle(3000, () => {
 	);
 });
 
-let draftKey = computed(() =>
+const draftKey = computed(() =>
 	props.user ? "user:" + props.user.id : "group:" + props.group?.id,
 );
-let canSend = computed(
+const canSend = computed(
 	() =>
 		(text.value != null && text.value.trim() !== "") || file.value != null,
 );
@@ -166,7 +166,7 @@ function onDrop(ev: DragEvent): void {
 
 function onKeydown(ev: KeyboardEvent) {
 	typing();
-	let sendOnEnter =
+	const sendOnEnter =
 		localStorage.getItem("enterSendsMessage") === "true" ||
 		defaultStore.state.enterSendsMessage;
 	if (sendOnEnter) {
diff --git a/packages/client/src/pages/messaging/messaging-room.message.vue b/packages/client/src/pages/messaging/messaging-room.message.vue
index 7c9a337da..a23e8621c 100644
--- a/packages/client/src/pages/messaging/messaging-room.message.vue
+++ b/packages/client/src/pages/messaging/messaging-room.message.vue
@@ -84,7 +84,6 @@
 <script lang="ts" setup>
 import { computed } from "vue";
 
-import {} from "vue";
 import * as mfm from "mfm-js";
 import type * as Misskey from "firefish-js";
 import XMediaList from "@/components/MkMediaList.vue";
diff --git a/packages/client/src/pages/messaging/messaging-room.vue b/packages/client/src/pages/messaging/messaging-room.vue
index 95cbea688..7bda7bb4f 100644
--- a/packages/client/src/pages/messaging/messaging-room.vue
+++ b/packages/client/src/pages/messaging/messaging-room.vue
@@ -129,21 +129,21 @@ const props = defineProps<{
 	groupId?: string;
 }>();
 
-let rootEl = ref<HTMLDivElement>();
-let formEl = ref<InstanceType<typeof XForm>>();
-let pagingComponent = ref<InstanceType<typeof MkPagination>>();
+const rootEl = ref<HTMLDivElement>();
+const formEl = ref<InstanceType<typeof XForm>>();
+const pagingComponent = ref<InstanceType<typeof MkPagination>>();
 
-let fetching = ref(true);
-let user: Misskey.entities.UserDetailed | null = ref(null);
-let group: Misskey.entities.UserGroup | null = ref(null);
-let typers: Misskey.entities.User[] = ref([]);
-let connection: Misskey.ChannelConnection<
+const fetching = ref(true);
+const user = ref<Misskey.entities.UserDetailed | null>(null);
+const group = ref<Misskey.entities.UserGroup | null>(null);
+const typers = ref<Misskey.entities.User[]>([]);
+const connection: Misskey.ChannelConnection<
 	Misskey.Channels["messaging"]
 > | null = ref(null);
-let showIndicator = ref(false);
+const showIndicator = ref(false);
 const { animation } = defaultStore.reactiveState;
 
-let pagination: Paging | null = ref(null);
+const pagination = ref<Paging | null>(null);
 
 watch([() => props.userAcct, () => props.groupId], () => {
 	if (connection.value) connection.value.dispose();
@@ -323,7 +323,7 @@ function onIndicatorClick() {
 	thisScrollToBottom();
 }
 
-let scrollRemove: (() => void) | null = ref(null);
+const scrollRemove = ref<(() => void) | null>(null);
 
 function notifyNewMessage() {
 	showIndicator.value = true;
diff --git a/packages/client/src/pages/mfm-cheat-sheet.vue b/packages/client/src/pages/mfm-cheat-sheet.vue
index 54c6c60c2..ea61667a5 100644
--- a/packages/client/src/pages/mfm-cheat-sheet.vue
+++ b/packages/client/src/pages/mfm-cheat-sheet.vue
@@ -149,18 +149,18 @@
 						</div>
 					</div>
 				</div>
-				<!-- deprecated
-		<div class="section _block">
-			<div class="title">{{ i18n.ts._mfm.search }}</div>
-			<div class="content">
-				<p>{{ i18n.ts._mfm.searchDescription }}</p>
-				<div class="preview">
-					<Mfm :text="preview_search"/>
-					<MkTextarea v-model="preview_search"><template #label>MFM</template></MkTextarea>
+				<div class="section _block">
+					<div class="title">{{ i18n.ts._mfm.search }}</div>
+					<div class="content">
+						<p>{{ i18n.ts._mfm.searchDescription }}</p>
+						<div class="preview">
+							<Mfm :text="preview_search" />
+							<MkTextarea v-model="preview_search"
+								><template #label>MFM</template></MkTextarea
+							>
+						</div>
+					</div>
 				</div>
-			</div>
-		</div>
-		-->
 				<div class="section _block">
 					<div class="title">{{ i18n.ts._mfm.flip }}</div>
 					<div class="content">
@@ -443,7 +443,7 @@
 </template>
 
 <script lang="ts" setup>
-import { defineComponent, ref } from "vue";
+import { ref } from "vue";
 import MkTextarea from "@/components/form/textarea.vue";
 import { definePageMetadata } from "@/scripts/page-metadata";
 import { i18n } from "@/i18n";
@@ -453,80 +453,82 @@ defineProps<{
 	popup?: boolean;
 }>();
 
-let preview_mention = ref("@example");
-let preview_hashtag = ref("#test");
-let preview_link = ref(`[${i18n.ts._mfm.dummy}](https://joinfirefish.org)`);
-let preview_emoji = ref(
+const preview_mention = ref("@example");
+const preview_hashtag = ref("#test");
+const preview_link = ref(`[${i18n.ts._mfm.dummy}](https://joinfirefish.org)`);
+const preview_emoji = ref(
 	instance.emojis.length ? `:${instance.emojis[0].name}:` : ":emojiname:",
 );
-let preview_bold = ref(`**${i18n.ts._mfm.dummy}**`);
-let preview_small = ref(
+const preview_bold = ref(`**${i18n.ts._mfm.dummy}**`);
+const preview_small = ref(
 	`<small>${i18n.ts._mfm.dummy}</small> $[small ${i18n.ts._mfm.dummy}]`,
 );
-let preview_center = ref(
-	`<center>${i18n.ts._mfm.dummy}</center> $[center ${i18n.ts._mfm.dummy}]`,
+const preview_center = ref(
+	`<center>${i18n.ts._mfm.dummy}</center>\n$[center ${i18n.ts._mfm.dummy}]`,
 );
-let preview_inlineCode = ref('`<: "Hello, world!"`');
-let preview_blockCode = ref(
+const preview_inlineCode = ref('`<: "Hello, world!"`');
+const preview_blockCode = ref(
 	'```\n~ (#i, 100) {\n\t<: ? ((i % 15) = 0) "FizzBuzz"\n\t\t.? ((i % 3) = 0) "Fizz"\n\t\t.? ((i % 5) = 0) "Buzz"\n\t\t. i\n}\n```',
 );
-let preview_inlineMath = ref("\\(x= \\frac{-b' \\pm \\sqrt{(b')^2-ac}}{a}\\)");
-let preview_blockMath = ref("\\[x= \\frac{-b' \\pm \\sqrt{(b')^2-ac}}{a}\\]");
-let preview_quote = ref(`> ${i18n.ts._mfm.dummy}`);
-let preview_search = ref(
+const preview_inlineMath = ref(
+	"\\(x= \\frac{-b' \\pm \\sqrt{(b')^2-ac}}{a}\\)",
+);
+const preview_blockMath = ref("\\[x= \\frac{-b' \\pm \\sqrt{(b')^2-ac}}{a}\\]");
+const preview_quote = ref(`> ${i18n.ts._mfm.dummy}`);
+const preview_search = ref(
 	`${i18n.ts._mfm.dummy} [search]\n${i18n.ts._mfm.dummy} [検索]\n${i18n.ts._mfm.dummy} 検索`,
 );
-let preview_jelly = ref(
+const preview_jelly = ref(
 	"$[jelly 🍮] $[jelly.speed=3s 🍮] $[jelly.delay=3s 🍮] $[jelly.loop=3 🍮]",
 );
-let preview_tada = ref(
+const preview_tada = ref(
 	"$[tada 🍮] $[tada.speed=3s 🍮] $[tada.delay=3s 🍮] $[tada.loop=3 🍮]",
 );
-let preview_jump = ref(
+const preview_jump = ref(
 	"$[jump 🍮] $[jump.speed=3s 🍮] $[jump.delay=3s 🍮] $[jump.loop=3 🍮]",
 );
-let preview_bounce = ref(
+const preview_bounce = ref(
 	"$[bounce 🍮] $[bounce.speed=3s 🍮] $[bounce.delay=3s 🍮] $[bounce.loop=3 🍮]",
 );
-let preview_shake = ref(
+const preview_shake = ref(
 	"$[shake 🍮] $[shake.speed=3s 🍮] $[shake.delay=3s 🍮] $[shake.loop=3 🍮]",
 );
-let preview_twitch = ref(
+const preview_twitch = ref(
 	"$[twitch 🍮] $[twitch.speed=3s 🍮] $[twitch.delay=3s 🍮] $[twitch.loop=3 🍮]",
 );
-let preview_spin = ref(
+const preview_spin = ref(
 	"$[spin 🍮] $[spin.left 🍮] $[spin.alternate 🍮]\n$[spin.x 🍮] $[spin.x,left 🍮] $[spin.x,alternate 🍮]\n$[spin.y 🍮] $[spin.y,left 🍮] $[spin.y,alternate 🍮]\n\n$[spin.speed=3s 🍮] $[spin.delay=3s 🍮] $[spin.loop=3 🍮]",
 );
-let preview_flip = ref(
+const preview_flip = ref(
 	`$[flip ${i18n.ts._mfm.dummy}]\n$[flip.v ${i18n.ts._mfm.dummy}]\n$[flip.h,v ${i18n.ts._mfm.dummy}]`,
 );
-let preview_font = ref(
+const preview_font = ref(
 	`$[font.serif ${i18n.ts._mfm.dummy}]\n$[font.monospace ${i18n.ts._mfm.dummy}]\n$[font.cursive ${i18n.ts._mfm.dummy}]\n$[font.fantasy ${i18n.ts._mfm.dummy}]`,
 );
-let preview_x2 = ref("$[x2 🍮]");
-let preview_x3 = ref("$[x3 🍮]");
-let preview_x4 = ref("$[x4 🍮]");
-let preview_blur = ref(`$[blur ${i18n.ts._mfm.dummy}]`);
-let preview_rainbow = ref(
+const preview_x2 = ref("$[x2 🍮]");
+const preview_x3 = ref("$[x3 🍮]");
+const preview_x4 = ref("$[x4 🍮]");
+const preview_blur = ref(`$[blur ${i18n.ts._mfm.dummy}]`);
+const preview_rainbow = ref(
 	"$[rainbow 🍮] $[rainbow.speed=3s 🍮] $[rainbow.delay=3s 🍮] $[rainbow.loop=3 🍮]",
 );
-let preview_sparkle = ref("$[sparkle 🍮]");
-let preview_rotate = ref(
+const preview_sparkle = ref("$[sparkle 🍮]");
+const preview_rotate = ref(
 	"$[rotate 🍮]\n$[rotate.deg=45 🍮]\n$[rotate.x,deg=45 Hello, world!]",
 );
-let preview_position = ref("$[position.y=-1 🍮]\n$[position.x=-1 🍮]");
-let preview_crop = ref(
+const preview_position = ref("$[position.y=-1 🍮]\n$[position.x=-1 🍮]");
+const preview_crop = ref(
 	"$[crop.top=50 🍮] $[crop.right=50 🍮] $[crop.bottom=50 🍮] $[crop.left=50 🍮]",
 );
-let preview_scale = ref(
+const preview_scale = ref(
 	"$[scale.x=1.3 🍮]\n$[scale.x=1.5,y=3 🍮]\n$[scale.y=0.3 🍮]",
 );
-let preview_fg = ref("$[fg.color=eb6f92 Text color]");
-let preview_bg = ref("$[bg.color=31748f Background color]");
-let preview_plain = ref(
+const preview_fg = ref("$[fg.color=eb6f92 Text color]");
+const preview_bg = ref("$[bg.color=31748f Background color]");
+const preview_plain = ref(
 	"<plain>**bold** @mention #hashtag `code` $[x2 🍮]</plain>",
 );
-let preview_fade = ref(
+const preview_fade = ref(
 	"$[fade 🍮] $[fade.out 🍮] $[fade.speed=3s 🍮] $[fade.delay=3s 🍮]",
 );
 
diff --git a/packages/client/src/pages/miauth.vue b/packages/client/src/pages/miauth.vue
index 4e85d71b2..a03fce16e 100644
--- a/packages/client/src/pages/miauth.vue
+++ b/packages/client/src/pages/miauth.vue
@@ -80,7 +80,6 @@
 <script lang="ts" setup>
 import { ref } from "vue";
 
-import {} from "vue";
 import MkSignin from "@/components/MkSignin.vue";
 import MkButton from "@/components/MkButton.vue";
 import * as os from "@/os";
@@ -98,7 +97,7 @@ const props = defineProps<{
 
 const _permissions = props.permission.split(",");
 
-let state = ref<string | null>(null);
+const state = ref<string | null>(null);
 
 function getIcon(p: string) {
 	return p.includes("write") ? "pencil-simple" : "eye";
diff --git a/packages/client/src/pages/my-antennas/create.vue b/packages/client/src/pages/my-antennas/create.vue
index 250633ded..0a6aed112 100644
--- a/packages/client/src/pages/my-antennas/create.vue
+++ b/packages/client/src/pages/my-antennas/create.vue
@@ -16,7 +16,7 @@ import { useRouter } from "@/router";
 
 const router = useRouter();
 
-let draft = ref({
+const draft = ref({
 	name: "",
 	src: "all",
 	userListId: null,
@@ -40,5 +40,3 @@ definePageMetadata({
 	icon: "ph-flying-saucer ph-bold ph-lg",
 });
 </script>
-
-<style lang="scss" scoped></style>
diff --git a/packages/client/src/pages/my-antennas/edit.vue b/packages/client/src/pages/my-antennas/edit.vue
index 3b64f3f7a..386d21f3c 100644
--- a/packages/client/src/pages/my-antennas/edit.vue
+++ b/packages/client/src/pages/my-antennas/edit.vue
@@ -9,7 +9,7 @@
 </template>
 
 <script lang="ts" setup>
-import { inject, watch, ref, computed } from "vue";
+import { ref } from "vue";
 import XAntenna from "./editor.vue";
 import * as os from "@/os";
 import { i18n } from "@/i18n";
@@ -18,7 +18,7 @@ import { definePageMetadata } from "@/scripts/page-metadata";
 
 const router = useRouter();
 
-let antenna: any = ref(null);
+const antenna = ref();
 
 const props = defineProps<{
 	antennaId: string;
@@ -34,14 +34,8 @@ os.api("antennas/show", { antennaId: props.antennaId }).then(
 	},
 );
 
-const headerActions = computed(() => []);
-
-const headerTabs = computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.manageAntennas,
 	icon: "ph-flying-saucer ph-bold ph-lg",
 });
 </script>
-
-<style lang="scss" scoped></style>
diff --git a/packages/client/src/pages/my-antennas/editor.vue b/packages/client/src/pages/my-antennas/editor.vue
index a9e58807c..01a711b3e 100644
--- a/packages/client/src/pages/my-antennas/editor.vue
+++ b/packages/client/src/pages/my-antennas/editor.vue
@@ -134,24 +134,24 @@ const emit = defineEmits<{
 	(ev: "deleted"): void;
 }>();
 
-let name: string = ref(props.antenna.name);
-let src: string = ref(props.antenna.src);
-let userListId: any = ref(props.antenna.userListId);
-let userGroupId: any = ref(props.antenna.userGroupId);
-let users: string = ref(props.antenna.users.join("\n"));
-let instances: string = ref(props.antenna.instances.join("\n"));
-let keywords: string = ref(
+const name = ref<string>(props.antenna.name);
+const src = ref<string>(props.antenna.src);
+const userListId = ref(props.antenna.userListId);
+const userGroupId = ref(props.antenna.userGroupId);
+const users = ref<string>(props.antenna.users.join("\n"));
+const instances = ref<string>(props.antenna.instances.join("\n"));
+const keywords = ref<string>(
 	props.antenna.keywords.map((x) => x.join(" ")).join("\n"),
 );
-let excludeKeywords: string = ref(
+const excludeKeywords = ref<string>(
 	props.antenna.excludeKeywords.map((x) => x.join(" ")).join("\n"),
 );
-let caseSensitive: boolean = ref(props.antenna.caseSensitive);
-let withReplies: boolean = ref(props.antenna.withReplies);
-let withFile: boolean = ref(props.antenna.withFile);
-let notify: boolean = ref(props.antenna.notify);
-let userLists: any = ref(null);
-let userGroups: any = ref(null);
+const caseSensitive = ref<boolean>(props.antenna.caseSensitive);
+const withReplies = ref<boolean>(props.antenna.withReplies);
+const withFile = ref<boolean>(props.antenna.withFile);
+const notify = ref<boolean>(props.antenna.notify);
+const userLists = ref<any>(null);
+const userGroups = ref<any>(null);
 
 watch(
 	() => src.value,
diff --git a/packages/client/src/pages/my-clips/index.vue b/packages/client/src/pages/my-clips/index.vue
index fdfaf509d..428ac6246 100644
--- a/packages/client/src/pages/my-clips/index.vue
+++ b/packages/client/src/pages/my-clips/index.vue
@@ -40,9 +40,7 @@
 <script lang="ts" setup>
 import { ref, computed } from "vue";
 
-import {} from "vue";
 import MkPagination from "@/components/MkPagination.vue";
-import MkButton from "@/components/MkButton.vue";
 import MkInfo from "@/components/MkInfo.vue";
 import * as os from "@/os";
 import { i18n } from "@/i18n";
@@ -80,14 +78,6 @@ async function create() {
 	pagingComponent.value.reload();
 }
 
-function onClipCreated() {
-	pagingComponent.value.reload();
-}
-
-function onClipDeleted() {
-	pagingComponent.value.reload();
-}
-
 const headerActions = computed(() => []);
 
 const headerTabs = computed(() => []);
diff --git a/packages/client/src/pages/my-lists/index.vue b/packages/client/src/pages/my-lists/index.vue
index 09b4469a6..93e211b72 100644
--- a/packages/client/src/pages/my-lists/index.vue
+++ b/packages/client/src/pages/my-lists/index.vue
@@ -44,7 +44,6 @@
 <script lang="ts" setup>
 import { ref, computed } from "vue";
 
-import {} from "vue";
 import MkPagination from "@/components/MkPagination.vue";
 import MkButton from "@/components/MkButton.vue";
 import MkAvatars from "@/components/MkAvatars.vue";
diff --git a/packages/client/src/pages/my-lists/list.vue b/packages/client/src/pages/my-lists/list.vue
index 850e363df..41cc3a41b 100644
--- a/packages/client/src/pages/my-lists/list.vue
+++ b/packages/client/src/pages/my-lists/list.vue
@@ -77,8 +77,8 @@ const props = defineProps<{
 	listId: string;
 }>();
 
-let list = ref(null);
-let users = ref([]);
+const list = ref<any>(null);
+const users = ref([]);
 
 function fetchList() {
 	os.api("users/lists/show", {
diff --git a/packages/client/src/pages/not-found.vue b/packages/client/src/pages/not-found.vue
index 12d554525..9a32a4859 100644
--- a/packages/client/src/pages/not-found.vue
+++ b/packages/client/src/pages/not-found.vue
@@ -12,15 +12,9 @@
 </template>
 
 <script lang="ts" setup>
-import { computed } from "vue";
-
 import { i18n } from "@/i18n";
 import { definePageMetadata } from "@/scripts/page-metadata";
 
-const headerActions = computed(() => []);
-
-const headerTabs = computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.notFound,
 	icon: "ph-warning ph-bold ph-lg",
diff --git a/packages/client/src/pages/note.vue b/packages/client/src/pages/note.vue
index 005759586..49db30362 100644
--- a/packages/client/src/pages/note.vue
+++ b/packages/client/src/pages/note.vue
@@ -69,7 +69,7 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, defineComponent, watch, ref } from "vue";
+import { computed, watch, ref } from "vue";
 import * as misskey from "firefish-js";
 import XNoteDetailed from "@/components/MkNoteDetailed.vue";
 import XNotes from "@/components/MkNotes.vue";
@@ -83,14 +83,14 @@ const props = defineProps<{
 	noteId: string;
 }>();
 
-let note = ref<null | misskey.entities.Note>();
-let hasPrev = ref(false);
-let hasNext = ref(false);
-let showPrev = ref(false);
-let showNext = ref(false);
-let error = ref();
-let isRenote = ref(false);
-let appearNote = ref<null | misskey.entities.Note>();
+const note = ref<null | misskey.entities.Note>();
+const hasPrev = ref(false);
+const hasNext = ref(false);
+const showPrev = ref(false);
+const showNext = ref(false);
+const error = ref();
+const isRenote = ref(false);
+const appearNote = ref<null | misskey.entities.Note>();
 
 const prevPagination = {
 	endpoint: "users/notes" as const,
diff --git a/packages/client/src/pages/notifications.vue b/packages/client/src/pages/notifications.vue
index ed318f4b4..9ff7ddebc 100644
--- a/packages/client/src/pages/notifications.vue
+++ b/packages/client/src/pages/notifications.vue
@@ -66,11 +66,10 @@ import "swiper/scss";
 import "swiper/scss/virtual";
 
 const tabs = ["all", "unread", "mentions", "directNotes"];
-let tab = ref(tabs[0]);
+const tab = ref(tabs[0]);
 watch(tab, () => syncSlide(tabs.indexOf(tab.value)));
 
-let includeTypes = ref<string[] | null>(null);
-let unreadOnly = computed(() => tab.value === "unread");
+const includeTypes = ref<string[] | null>(null);
 os.api("notifications/mark-all-as-read");
 
 const MOBILE_THRESHOLD = 500;
diff --git a/packages/client/src/pages/page-editor/els/page-editor.el.button.vue b/packages/client/src/pages/page-editor/els/page-editor.el.button.vue
index e53c9c8d8..2d76dda4a 100644
--- a/packages/client/src/pages/page-editor/els/page-editor.el.button.vue
+++ b/packages/client/src/pages/page-editor/els/page-editor.el.button.vue
@@ -96,7 +96,6 @@
 </template>
 
 <script lang="ts" setup>
-import {} from "vue";
 import XContainer from "../page-editor.container.vue";
 import MkSelect from "@/components/form/select.vue";
 import MkInput from "@/components/form/input.vue";
diff --git a/packages/client/src/pages/page-editor/els/page-editor.el.canvas.vue b/packages/client/src/pages/page-editor/els/page-editor.el.canvas.vue
index 49820844d..28c831f37 100644
--- a/packages/client/src/pages/page-editor/els/page-editor.el.canvas.vue
+++ b/packages/client/src/pages/page-editor/els/page-editor.el.canvas.vue
@@ -31,7 +31,6 @@
 </template>
 
 <script lang="ts" setup>
-import {} from "vue";
 import XContainer from "../page-editor.container.vue";
 import MkInput from "@/components/form/input.vue";
 import { i18n } from "@/i18n";
diff --git a/packages/client/src/pages/page-editor/els/page-editor.el.counter.vue b/packages/client/src/pages/page-editor/els/page-editor.el.counter.vue
index b047bb62d..7e294202b 100644
--- a/packages/client/src/pages/page-editor/els/page-editor.el.counter.vue
+++ b/packages/client/src/pages/page-editor/els/page-editor.el.counter.vue
@@ -29,7 +29,6 @@
 </template>
 
 <script lang="ts" setup>
-import {} from "vue";
 import XContainer from "../page-editor.container.vue";
 import MkInput from "@/components/form/input.vue";
 import { i18n } from "@/i18n";
diff --git a/packages/client/src/pages/page-editor/els/page-editor.el.image.vue b/packages/client/src/pages/page-editor/els/page-editor.el.image.vue
index 114f111b4..1e5311d5c 100644
--- a/packages/client/src/pages/page-editor/els/page-editor.el.image.vue
+++ b/packages/client/src/pages/page-editor/els/page-editor.el.image.vue
@@ -40,7 +40,7 @@ const props = withDefaults(
 	},
 );
 
-let file: any = ref(null);
+const file = ref<any>(null);
 
 async function choose() {
 	os.selectDriveFile(false).then((fileResponse: any) => {
diff --git a/packages/client/src/pages/page-editor/els/page-editor.el.note.vue b/packages/client/src/pages/page-editor/els/page-editor.el.note.vue
index 6b9a389fb..2b5ed69d0 100644
--- a/packages/client/src/pages/page-editor/els/page-editor.el.note.vue
+++ b/packages/client/src/pages/page-editor/els/page-editor.el.note.vue
@@ -56,8 +56,8 @@ const props = withDefaults(
 	},
 );
 
-let id: any = ref(props.value.note);
-let note: any = ref(null);
+const id = ref(props.value.note);
+const note = ref(null);
 
 watch(
 	id.value,
diff --git a/packages/client/src/pages/page-editor/els/page-editor.el.number-input.vue b/packages/client/src/pages/page-editor/els/page-editor.el.number-input.vue
index a14b16d67..16dbc6668 100644
--- a/packages/client/src/pages/page-editor/els/page-editor.el.number-input.vue
+++ b/packages/client/src/pages/page-editor/els/page-editor.el.number-input.vue
@@ -29,7 +29,6 @@
 </template>
 
 <script lang="ts" setup>
-import {} from "vue";
 import XContainer from "../page-editor.container.vue";
 import MkInput from "@/components/form/input.vue";
 import { i18n } from "@/i18n";
diff --git a/packages/client/src/pages/page-editor/els/page-editor.el.post.vue b/packages/client/src/pages/page-editor/els/page-editor.el.post.vue
index f2d6558be..aac467650 100644
--- a/packages/client/src/pages/page-editor/els/page-editor.el.post.vue
+++ b/packages/client/src/pages/page-editor/els/page-editor.el.post.vue
@@ -26,7 +26,6 @@
 </template>
 
 <script lang="ts" setup>
-import {} from "vue";
 import XContainer from "../page-editor.container.vue";
 import MkTextarea from "@/components/form/textarea.vue";
 import MkInput from "@/components/form/input.vue";
diff --git a/packages/client/src/pages/page-editor/els/page-editor.el.radio-button.vue b/packages/client/src/pages/page-editor/els/page-editor.el.radio-button.vue
index e00e66e65..1d505a6e3 100644
--- a/packages/client/src/pages/page-editor/els/page-editor.el.radio-button.vue
+++ b/packages/client/src/pages/page-editor/els/page-editor.el.radio-button.vue
@@ -52,7 +52,7 @@ const props = withDefaults(
 	},
 );
 
-let values: string = ref(props.value.values.join("\n"));
+const values = ref<string>(props.value.values.join("\n"));
 
 watch(
 	values.value,
diff --git a/packages/client/src/pages/page-editor/els/page-editor.el.switch.vue b/packages/client/src/pages/page-editor/els/page-editor.el.switch.vue
index ef4b9961e..8c9a83173 100644
--- a/packages/client/src/pages/page-editor/els/page-editor.el.switch.vue
+++ b/packages/client/src/pages/page-editor/els/page-editor.el.switch.vue
@@ -28,7 +28,6 @@
 </template>
 
 <script lang="ts" setup>
-import {} from "vue";
 import XContainer from "../page-editor.container.vue";
 import MkSwitch from "@/components/form/switch.vue";
 import MkInput from "@/components/form/input.vue";
diff --git a/packages/client/src/pages/page-editor/els/page-editor.el.text-input.vue b/packages/client/src/pages/page-editor/els/page-editor.el.text-input.vue
index d53e0621a..73f057c76 100644
--- a/packages/client/src/pages/page-editor/els/page-editor.el.text-input.vue
+++ b/packages/client/src/pages/page-editor/els/page-editor.el.text-input.vue
@@ -28,7 +28,6 @@
 </template>
 
 <script lang="ts" setup>
-import {} from "vue";
 import XContainer from "../page-editor.container.vue";
 import MkInput from "@/components/form/input.vue";
 import { i18n } from "@/i18n";
diff --git a/packages/client/src/pages/page-editor/els/page-editor.el.text.vue b/packages/client/src/pages/page-editor/els/page-editor.el.text.vue
index 1aac0859e..fc9b465a1 100644
--- a/packages/client/src/pages/page-editor/els/page-editor.el.text.vue
+++ b/packages/client/src/pages/page-editor/els/page-editor.el.text.vue
@@ -12,7 +12,6 @@
 </template>
 
 <script lang="ts" setup>
-import {} from "vue";
 import XContainer from "../page-editor.container.vue";
 import { i18n } from "@/i18n";
 
diff --git a/packages/client/src/pages/page-editor/els/page-editor.el.textarea-input.vue b/packages/client/src/pages/page-editor/els/page-editor.el.textarea-input.vue
index bed60a3bb..a6f76244f 100644
--- a/packages/client/src/pages/page-editor/els/page-editor.el.textarea-input.vue
+++ b/packages/client/src/pages/page-editor/els/page-editor.el.textarea-input.vue
@@ -28,7 +28,6 @@
 </template>
 
 <script lang="ts" setup>
-import {} from "vue";
 import XContainer from "../page-editor.container.vue";
 import MkTextarea from "@/components/form/textarea.vue";
 import MkInput from "@/components/form/input.vue";
diff --git a/packages/client/src/pages/page-editor/els/page-editor.el.textarea.vue b/packages/client/src/pages/page-editor/els/page-editor.el.textarea.vue
index 563e085a7..6cfe0752c 100644
--- a/packages/client/src/pages/page-editor/els/page-editor.el.textarea.vue
+++ b/packages/client/src/pages/page-editor/els/page-editor.el.textarea.vue
@@ -12,7 +12,6 @@
 </template>
 
 <script lang="ts" setup>
-import {} from "vue";
 import XContainer from "../page-editor.container.vue";
 import { i18n } from "@/i18n";
 
diff --git a/packages/client/src/pages/page-editor/page-editor.blocks.vue b/packages/client/src/pages/page-editor/page-editor.blocks.vue
index 25e35a487..ad052df04 100644
--- a/packages/client/src/pages/page-editor/page-editor.blocks.vue
+++ b/packages/client/src/pages/page-editor/page-editor.blocks.vue
@@ -20,7 +20,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, defineAsyncComponent } from "vue";
+import { defineComponent } from "vue";
 import { VueDraggable } from "vue-draggable-plus";
 import XSection from "./els/page-editor.el.section.vue";
 import XText from "./els/page-editor.el.text.vue";
@@ -37,7 +37,6 @@ import XCounter from "./els/page-editor.el.counter.vue";
 import XRadioButton from "./els/page-editor.el.radio-button.vue";
 import XCanvas from "./els/page-editor.el.canvas.vue";
 import XNote from "./els/page-editor.el.note.vue";
-import * as os from "@/os";
 
 export default defineComponent({
 	components: {
diff --git a/packages/client/src/pages/page-editor/page-editor.vue b/packages/client/src/pages/page-editor/page-editor.vue
index d4e9f379c..619f82a63 100644
--- a/packages/client/src/pages/page-editor/page-editor.vue
+++ b/packages/client/src/pages/page-editor/page-editor.vue
@@ -160,7 +160,7 @@
 </template>
 
 <script lang="ts" setup>
-import { defineAsyncComponent, computed, provide, watch, ref } from "vue";
+import { computed, provide, watch, ref } from "vue";
 import { v4 as uuid } from "uuid";
 import XVariable from "./page-editor.script-block.vue";
 import XBlocks from "./page-editor.blocks.vue";
@@ -187,25 +187,25 @@ const props = defineProps<{
 	initUser?: string;
 }>();
 
-let tab = ref("settings");
-let author = ref($i);
-let readonly = ref(false);
-let page = ref(null);
-let pageId = ref(null);
-let currentName = ref(null);
-let title = ref("");
-let summary = ref(null);
-let name = ref(Date.now().toString());
-let eyeCatchingImage = ref(null);
-let eyeCatchingImageId = ref(null);
-let font = ref("sans-serif");
-let content = ref([]);
-let alignCenter = ref(false);
-let isPublic = ref(true);
-let hideTitleWhenPinned = ref(false);
-let variables = ref([]);
-let hpml = ref(null);
-let script = ref("");
+const tab = ref("settings");
+const author = ref($i);
+const readonly = ref(false);
+const page = ref(null);
+const pageId = ref(null);
+const currentName = ref(null);
+const title = ref("");
+const summary = ref(null);
+const name = ref(Date.now().toString());
+const eyeCatchingImage = ref(null);
+const eyeCatchingImageId = ref(null);
+const font = ref("sans-serif");
+const content = ref([]);
+const alignCenter = ref(false);
+const isPublic = ref(true);
+const hideTitleWhenPinned = ref(false);
+const variables = ref([]);
+const hpml = ref(null);
+const script = ref("");
 
 provide("readonly", readonly.value);
 provide("getScriptBlockList", getScriptBlockList);
diff --git a/packages/client/src/pages/page.vue b/packages/client/src/pages/page.vue
index b89bed94d..adda548b9 100644
--- a/packages/client/src/pages/page.vue
+++ b/packages/client/src/pages/page.vue
@@ -219,9 +219,9 @@ const props = defineProps<{
 	username: string;
 }>();
 
-let page = ref(null);
-let bgImg = ref(null);
-let error = ref(null);
+const page = ref(null);
+const bgImg = ref(null);
+const error = ref(null);
 const otherPostsPagination = {
 	endpoint: "users/pages" as const,
 	limit: 6,
diff --git a/packages/client/src/pages/pages.vue b/packages/client/src/pages/pages.vue
index 50130bfa7..79d65557b 100644
--- a/packages/client/src/pages/pages.vue
+++ b/packages/client/src/pages/pages.vue
@@ -96,7 +96,7 @@ import "swiper/scss/virtual";
 
 const router = useRouter();
 
-let tab = ref("featured");
+const tab = ref("featured");
 const tabs = ["featured", "liked", "my"];
 watch(tab, () => syncSlide(tabs.indexOf(tab.value)));
 
diff --git a/packages/client/src/pages/preview.vue b/packages/client/src/pages/preview.vue
index ec00cd803..7a20c5a4a 100644
--- a/packages/client/src/pages/preview.vue
+++ b/packages/client/src/pages/preview.vue
@@ -10,10 +10,6 @@ import MkSample from "@/components/MkSample.vue";
 import { i18n } from "@/i18n";
 import { definePageMetadata } from "@/scripts/page-metadata";
 
-const headerActions = computed(() => []);
-
-const headerTabs = computed(() => []);
-
 definePageMetadata(
 	computed(() => ({
 		title: i18n.ts.preview,
diff --git a/packages/client/src/pages/registry.keys.vue b/packages/client/src/pages/registry.keys.vue
index f4d706ee1..5e4e99c0b 100644
--- a/packages/client/src/pages/registry.keys.vue
+++ b/packages/client/src/pages/registry.keys.vue
@@ -57,7 +57,7 @@ const props = defineProps<{
 
 const scope = computed(() => props.path.split("/"));
 
-let keys = ref(null);
+const keys = ref(null);
 
 function fetchKeys() {
 	os.api("i/registry/keys-with-type", {
diff --git a/packages/client/src/pages/registry.value.vue b/packages/client/src/pages/registry.value.vue
index c63a73e82..3ebfbb555 100644
--- a/packages/client/src/pages/registry.value.vue
+++ b/packages/client/src/pages/registry.value.vue
@@ -59,8 +59,6 @@ import JSON5 from "json5";
 import * as os from "@/os";
 import { i18n } from "@/i18n";
 import { definePageMetadata } from "@/scripts/page-metadata";
-import FormLink from "@/components/form/link.vue";
-import FormSection from "@/components/form/section.vue";
 import MkButton from "@/components/MkButton.vue";
 import MkKeyValue from "@/components/MkKeyValue.vue";
 import FormTextarea from "@/components/form/textarea.vue";
@@ -74,8 +72,8 @@ const props = defineProps<{
 const scope = computed(() => props.path.split("/").slice(0, -1));
 const key = computed(() => props.path.split("/").at(-1));
 
-let value = ref(null);
-let valueForEditor = ref(null);
+const value = ref(null);
+const valueForEditor = ref(null);
 
 function fetchValue() {
 	os.api("i/registry/get-detail", {
@@ -134,5 +132,3 @@ definePageMetadata({
 	icon: "ph-gear-six ph-bold ph-lg",
 });
 </script>
-
-<style lang="scss" scoped></style>
diff --git a/packages/client/src/pages/registry.vue b/packages/client/src/pages/registry.vue
index 1da5a56a7..ad409a26c 100644
--- a/packages/client/src/pages/registry.vue
+++ b/packages/client/src/pages/registry.vue
@@ -24,7 +24,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, watch, computed } from "vue";
+import { ref, computed } from "vue";
 import JSON5 from "json5";
 import * as os from "@/os";
 import { i18n } from "@/i18n";
@@ -33,7 +33,7 @@ import FormLink from "@/components/form/link.vue";
 import FormSection from "@/components/form/section.vue";
 import MkButton from "@/components/MkButton.vue";
 
-let scopes = ref(null);
+const scopes = ref(null);
 
 function fetchScopes() {
 	os.api("i/registry/scopes").then((res) => {
@@ -80,5 +80,3 @@ definePageMetadata({
 	icon: "ph-gear-six ph-bold ph-lg",
 });
 </script>
-
-<style lang="scss" scoped></style>
diff --git a/packages/client/src/pages/reset-password.vue b/packages/client/src/pages/reset-password.vue
index 4c8de5cd7..c7983ebe5 100644
--- a/packages/client/src/pages/reset-password.vue
+++ b/packages/client/src/pages/reset-password.vue
@@ -42,7 +42,7 @@ const props = defineProps<{
 	token?: string;
 }>();
 
-let password = ref("");
+const password = ref("");
 
 async function save() {
 	await os.apiWithDialog("reset-password", {
@@ -75,5 +75,3 @@ definePageMetadata({
 	icon: "ph-lock ph-bold ph-lg",
 });
 </script>
-
-<style lang="scss" scoped></style>
diff --git a/packages/client/src/pages/scratchpad.vue b/packages/client/src/pages/scratchpad.vue
index 91a43f150..a63c7f568 100644
--- a/packages/client/src/pages/scratchpad.vue
+++ b/packages/client/src/pages/scratchpad.vue
@@ -37,7 +37,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, watch, computed } from "vue";
+import { ref, watch } from "vue";
 import "prismjs";
 import { highlight, languages } from "prismjs/components/prism-core";
 import "prismjs/components/prism-clike";
@@ -133,10 +133,6 @@ function highlighter(code) {
 	return highlight(code, languages.js, "javascript");
 }
 
-const headerActions = computed(() => []);
-
-const headerTabs = computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.scratchpad,
 	icon: "ph-terminal-window ph-bold ph-lg",
diff --git a/packages/client/src/pages/search.vue b/packages/client/src/pages/search.vue
index de78c5f7c..e0abcfd26 100644
--- a/packages/client/src/pages/search.vue
+++ b/packages/client/src/pages/search.vue
@@ -76,7 +76,7 @@ const usersPagination = {
 };
 
 const tabs = ["notes", "users"];
-let tab = ref(tabs[0]);
+const tab = ref(tabs[0]);
 watch(tab, () => syncSlide(tabs.indexOf(tab.value)));
 
 const headerActions = computed(() => []);
diff --git a/packages/client/src/pages/settings/account-info.vue b/packages/client/src/pages/settings/account-info.vue
index d4c61b0d2..385fd31b7 100644
--- a/packages/client/src/pages/settings/account-info.vue
+++ b/packages/client/src/pages/settings/account-info.vue
@@ -173,7 +173,7 @@
 </template>
 
 <script lang="ts" setup>
-import { onMounted, ref, computed } from "vue";
+import { onMounted, ref } from "vue";
 import FormSection from "@/components/form/section.vue";
 import MkKeyValue from "@/components/MkKeyValue.vue";
 import * as os from "@/os";
@@ -193,10 +193,6 @@ onMounted(() => {
 	});
 });
 
-const headerActions = computed(() => []);
-
-const headerTabs = computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.accountInfo,
 	icon: "ph-info ph-bold ph-lg",
diff --git a/packages/client/src/pages/settings/accounts.vue b/packages/client/src/pages/settings/accounts.vue
index 83c3866b4..23baf7026 100644
--- a/packages/client/src/pages/settings/accounts.vue
+++ b/packages/client/src/pages/settings/accounts.vue
@@ -29,7 +29,7 @@
 </template>
 
 <script lang="ts" setup>
-import { defineAsyncComponent, ref, computed } from "vue";
+import { defineAsyncComponent, ref } from "vue";
 import FormSuspense from "@/components/form/suspense.vue";
 import FormButton from "@/components/MkButton.vue";
 import * as os from "@/os";
@@ -144,10 +144,6 @@ function switchAccountWithToken(token: string) {
 	login(token);
 }
 
-const headerActions = computed(() => []);
-
-const headerTabs = computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.accounts,
 	icon: "ph-users ph-bold ph-lg",
diff --git a/packages/client/src/pages/settings/api.vue b/packages/client/src/pages/settings/api.vue
index fb85acf0c..8f04d045e 100644
--- a/packages/client/src/pages/settings/api.vue
+++ b/packages/client/src/pages/settings/api.vue
@@ -16,7 +16,7 @@
 </template>
 
 <script lang="ts" setup>
-import { defineAsyncComponent, ref, computed } from "vue";
+import { defineAsyncComponent, ref } from "vue";
 import FormLink from "@/components/form/link.vue";
 import FormButton from "@/components/MkButton.vue";
 import * as os from "@/os";
@@ -51,10 +51,6 @@ function generateToken() {
 	);
 }
 
-const headerActions = computed(() => []);
-
-const headerTabs = computed(() => []);
-
 definePageMetadata({
 	title: "API",
 	icon: "ph-key ph-bold ph-lg",
diff --git a/packages/client/src/pages/settings/apps.vue b/packages/client/src/pages/settings/apps.vue
index 687d1dae9..6b8b3e902 100644
--- a/packages/client/src/pages/settings/apps.vue
+++ b/packages/client/src/pages/settings/apps.vue
@@ -55,7 +55,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, computed } from "vue";
+import { ref } from "vue";
 import FormPagination from "@/components/MkPagination.vue";
 import * as os from "@/os";
 import { i18n } from "@/i18n";
@@ -77,10 +77,6 @@ function revoke(token) {
 	});
 }
 
-const headerActions = computed(() => []);
-
-const headerTabs = computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.installedApps,
 	icon: "ph-plug ph-bold ph-lg",
diff --git a/packages/client/src/pages/settings/custom-css.vue b/packages/client/src/pages/settings/custom-css.vue
index d6fd68ad2..f331dd02c 100644
--- a/packages/client/src/pages/settings/custom-css.vue
+++ b/packages/client/src/pages/settings/custom-css.vue
@@ -15,7 +15,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, watch, computed } from "vue";
+import { ref, watch } from "vue";
 import FormTextarea from "@/components/form/textarea.vue";
 import FormInfo from "@/components/MkInfo.vue";
 import * as os from "@/os";
@@ -41,10 +41,6 @@ watch(localCustomCss, async () => {
 	await apply();
 });
 
-const headerActions = computed(() => []);
-
-const headerTabs = computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.customCss,
 	icon: "ph-code ph-bold ph-lg",
diff --git a/packages/client/src/pages/settings/custom-katex-macro.vue b/packages/client/src/pages/settings/custom-katex-macro.vue
index 24869b1bc..300deb144 100644
--- a/packages/client/src/pages/settings/custom-katex-macro.vue
+++ b/packages/client/src/pages/settings/custom-katex-macro.vue
@@ -59,10 +59,6 @@ watch(localCustomKaTeXMacro, async () => {
 	await apply();
 });
 
-const headerActions = computed(() => []);
-
-const headerTabs = computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.customKaTeXMacro,
 	icon: "ph-radical ph-bold ph-lg",
diff --git a/packages/client/src/pages/settings/deck.vue b/packages/client/src/pages/settings/deck.vue
index cb0c5f8e1..ef2cc9bbe 100644
--- a/packages/client/src/pages/settings/deck.vue
+++ b/packages/client/src/pages/settings/deck.vue
@@ -18,14 +18,10 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, watch } from "vue";
+import { computed } from "vue";
 import FormSwitch from "@/components/form/switch.vue";
-import FormLink from "@/components/form/link.vue";
 import FormRadios from "@/components/form/radios.vue";
-import FormInput from "@/components/form/input.vue";
 import { deckStore } from "@/ui/deck/deck-store";
-import * as os from "@/os";
-import { unisonReload } from "@/scripts/unison-reload";
 import { i18n } from "@/i18n";
 import { definePageMetadata } from "@/scripts/page-metadata";
 
@@ -35,10 +31,6 @@ const alwaysShowMainColumn = computed(
 );
 const columnAlign = computed(deckStore.makeGetterSetter("columnAlign"));
 
-const headerActions = computed(() => []);
-
-const headerTabs = computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.deck,
 	icon: "ph-layout ph-bold ph-lg",
diff --git a/packages/client/src/pages/settings/delete-account.vue b/packages/client/src/pages/settings/delete-account.vue
index ba604dfc8..23516d09c 100644
--- a/packages/client/src/pages/settings/delete-account.vue
+++ b/packages/client/src/pages/settings/delete-account.vue
@@ -20,8 +20,6 @@
 </template>
 
 <script lang="ts" setup>
-import { computed } from "vue";
-
 import FormInfo from "@/components/MkInfo.vue";
 import FormButton from "@/components/MkButton.vue";
 import * as os from "@/os";
@@ -55,10 +53,6 @@ async function deleteAccount() {
 	await signout();
 }
 
-const headerActions = computed(() => []);
-
-const headerTabs = computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts._accountDelete.accountDelete,
 	icon: "ph-warning ph-bold ph-lg",
diff --git a/packages/client/src/pages/settings/drive.vue b/packages/client/src/pages/settings/drive.vue
index f8d567dbf..e06d530ed 100644
--- a/packages/client/src/pages/settings/drive.vue
+++ b/packages/client/src/pages/settings/drive.vue
@@ -74,7 +74,6 @@
 <script lang="ts" setup>
 import { computed, ref } from "vue";
 import tinycolor from "tinycolor2";
-import FormLink from "@/components/form/link.vue";
 import FormButton from "@/components/MkButton.vue";
 import FormSwitch from "@/components/form/switch.vue";
 import FormSection from "@/components/form/section.vue";
@@ -92,8 +91,8 @@ const fetching = ref(true);
 const usage = ref<any>(null);
 const capacity = ref<any>(null);
 const uploadFolder = ref<any>(null);
-let alwaysMarkNsfw = ref($i.alwaysMarkNsfw);
-let autoSensitive = ref($i.autoSensitive);
+const alwaysMarkNsfw = ref<boolean>($i.alwaysMarkNsfw);
+const autoSensitive = ref<boolean>($i.autoSensitive);
 
 const meterStyle = computed(() => {
 	return {
@@ -145,10 +144,6 @@ function saveProfile() {
 	});
 }
 
-const headerActions = computed(() => []);
-
-const headerTabs = computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.drive,
 	icon: "ph-cloud ph-bold ph-lg",
diff --git a/packages/client/src/pages/settings/email.vue b/packages/client/src/pages/settings/email.vue
index 4a9480027..e1384c980 100644
--- a/packages/client/src/pages/settings/email.vue
+++ b/packages/client/src/pages/settings/email.vue
@@ -61,7 +61,7 @@
 </template>
 
 <script lang="ts" setup>
-import { onMounted, ref, watch, computed } from "vue";
+import { onMounted, ref, watch } from "vue";
 import FormSection from "@/components/form/section.vue";
 import FormInput from "@/components/form/input.vue";
 import FormSwitch from "@/components/form/switch.vue";
@@ -147,10 +147,6 @@ onMounted(() => {
 	});
 });
 
-const headerActions = computed(() => []);
-
-const headerTabs = computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.email,
 	icon: "ph-envelope-simple-open ph-bold ph-lg",
diff --git a/packages/client/src/pages/settings/general.vue b/packages/client/src/pages/settings/general.vue
index 83e485b02..93cc6b2de 100644
--- a/packages/client/src/pages/settings/general.vue
+++ b/packages/client/src/pages/settings/general.vue
@@ -248,7 +248,7 @@
 </template>
 
 <script lang="ts" setup>
-import { reactive, computed, ref, watch } from "vue";
+import { computed, ref, watch } from "vue";
 import { $i } from "@/account";
 import FormSwitch from "@/components/form/switch.vue";
 import FormSelect from "@/components/form/select.vue";
@@ -408,10 +408,6 @@ watch(
 	},
 );
 
-const headerActions = computed(() => []);
-
-const headerTabs = computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.general,
 	icon: "ph-gear-six ph-bold ph-lg",
diff --git a/packages/client/src/pages/settings/import-export.vue b/packages/client/src/pages/settings/import-export.vue
index 8b35d5d99..4519346f2 100644
--- a/packages/client/src/pages/settings/import-export.vue
+++ b/packages/client/src/pages/settings/import-export.vue
@@ -176,7 +176,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, computed } from "vue";
+import { ref } from "vue";
 import MkButton from "@/components/MkButton.vue";
 import FormSection from "@/components/form/section.vue";
 import FormFolder from "@/components/form/folder.vue";
@@ -275,10 +275,6 @@ const importBlocking = async (ev) => {
 		.catch(onError);
 };
 
-const headerActions = computed(() => []);
-
-const headerTabs = computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.importAndExport,
 	icon: "ph-package ph-bold ph-lg",
diff --git a/packages/client/src/pages/settings/index.vue b/packages/client/src/pages/settings/index.vue
index bf58c7443..92e945bf7 100644
--- a/packages/client/src/pages/settings/index.vue
+++ b/packages/client/src/pages/settings/index.vue
@@ -30,7 +30,7 @@
 						v-if="!(narrow && currentPage?.route.name == null)"
 						class="main"
 					>
-						<div class="bkzroven">
+						<div>
 							<RouterView />
 						</div>
 					</section>
@@ -41,22 +41,10 @@
 </template>
 
 <script setup lang="ts">
-import {
-	computed,
-	defineAsyncComponent,
-	inject,
-	nextTick,
-	onActivated,
-	onMounted,
-	onUnmounted,
-	provide,
-	ref,
-	watch,
-} from "vue";
+import { computed, onActivated, onMounted, onUnmounted, ref, watch } from "vue";
 import { i18n } from "@/i18n";
 import MkInfo from "@/components/MkInfo.vue";
 import MkSuperMenu from "@/components/MkSuperMenu.vue";
-import { scroll } from "@/scripts/scroll";
 import { signout, $i } from "@/account";
 import { unisonReload } from "@/scripts/unison-reload";
 import { instance } from "@/instance";
@@ -64,7 +52,6 @@ import { useRouter } from "@/router";
 import {
 	definePageMetadata,
 	provideMetadataReceiver,
-	setPageMetadata,
 } from "@/scripts/page-metadata";
 import * as os from "@/os";
 
@@ -79,10 +66,10 @@ const childInfo = ref(null);
 
 const router = useRouter();
 
-let narrow = ref(false);
+const narrow = ref(false);
 const NARROW_THRESHOLD = 600;
 
-let currentPage = computed(() => router.currentRef.value.child);
+const currentPage = computed(() => router.currentRef.value.child);
 
 const ro = new ResizeObserver((entries, observer) => {
 	if (entries.length === 0) return;
@@ -352,11 +339,6 @@ definePageMetadata(INFO);
 				}
 			}
 		}
-
-		> .main {
-			.bkzroven {
-			}
-		}
 	}
 
 	&.wide {
diff --git a/packages/client/src/pages/settings/instance-mute.vue b/packages/client/src/pages/settings/instance-mute.vue
index 8a8f37607..9ded2bd53 100644
--- a/packages/client/src/pages/settings/instance-mute.vue
+++ b/packages/client/src/pages/settings/instance-mute.vue
@@ -21,7 +21,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, watch, computed } from "vue";
+import { ref, watch } from "vue";
 import FormTextarea from "@/components/form/textarea.vue";
 import MkInfo from "@/components/MkInfo.vue";
 import MkButton from "@/components/MkButton.vue";
@@ -34,7 +34,7 @@ const instanceMutes = ref($i!.mutedInstances.join("\n"));
 const changed = ref(false);
 
 async function save() {
-	let mutes = instanceMutes.value
+	const mutes = instanceMutes.value
 		.trim()
 		.split("\n")
 		.map((el) => el.trim())
@@ -54,10 +54,6 @@ watch(instanceMutes, () => {
 	changed.value = true;
 });
 
-const headerActions = computed(() => []);
-
-const headerTabs = computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.instanceMute,
 	icon: "ph-speaker-none ph-bold ph-lg",
diff --git a/packages/client/src/pages/settings/integration.vue b/packages/client/src/pages/settings/integration.vue
index 0e6833f44..2eb48a547 100644
--- a/packages/client/src/pages/settings/integration.vue
+++ b/packages/client/src/pages/settings/integration.vue
@@ -76,14 +76,6 @@ function openWindow(service: string, type: string) {
 	);
 }
 
-function connectTwitter() {
-	twitterForm.value = openWindow("twitter", "connect");
-}
-
-function disconnectTwitter() {
-	openWindow("twitter", "disconnect");
-}
-
 function connectDiscord() {
 	discordForm.value = openWindow("discord", "connect");
 }
@@ -119,10 +111,6 @@ onMounted(() => {
 	});
 });
 
-const headerActions = computed(() => []);
-
-const headerTabs = computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.integration,
 	icon: "ph-share-network ph-bold ph-lg",
diff --git a/packages/client/src/pages/settings/migration.vue b/packages/client/src/pages/settings/migration.vue
index f747ca29f..dba51b793 100644
--- a/packages/client/src/pages/settings/migration.vue
+++ b/packages/client/src/pages/settings/migration.vue
@@ -63,8 +63,8 @@ import { definePageMetadata } from "@/scripts/page-metadata";
 import { $i } from "@/account";
 import { toString } from "firefish-js/built/acct";
 
-let moveToAccount = ref("");
-let accountAlias = ref([""]);
+const moveToAccount = ref("");
+const accountAlias = ref([""]);
 
 await init();
 
diff --git a/packages/client/src/pages/settings/mute-block.vue b/packages/client/src/pages/settings/mute-block.vue
index 08e1a1797..c6c8488e0 100644
--- a/packages/client/src/pages/settings/mute-block.vue
+++ b/packages/client/src/pages/settings/mute-block.vue
@@ -40,19 +40,17 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, computed } from "vue";
+import { ref } from "vue";
 
-import {} from "vue";
 import MkPagination from "@/components/MkPagination.vue";
 import MkTab from "@/components/MkTab.vue";
 import FormInfo from "@/components/MkInfo.vue";
 import FormLink from "@/components/form/link.vue";
 import { userPage } from "@/filters/user";
-import * as os from "@/os";
 import { i18n } from "@/i18n";
 import { definePageMetadata } from "@/scripts/page-metadata";
 
-let tab = ref("mute");
+const tab = ref("mute");
 
 const mutingPagination = {
 	endpoint: "mute/list" as const,
@@ -64,10 +62,6 @@ const blockingPagination = {
 	limit: 10,
 };
 
-const headerActions = computed(() => []);
-
-const headerTabs = computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.muteAndBlock,
 	icon: "ph-prohibit ph-bold ph-lg",
diff --git a/packages/client/src/pages/settings/navbar.vue b/packages/client/src/pages/settings/navbar.vue
index 58bf607aa..9cd037b3e 100644
--- a/packages/client/src/pages/settings/navbar.vue
+++ b/packages/client/src/pages/settings/navbar.vue
@@ -130,10 +130,6 @@ watch(menuDisplay, async () => {
 	await reloadAsk();
 });
 
-const headerActions = computed(() => []);
-
-const headerTabs = computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.navbar,
 	icon: "ph-list-bullets ph-bold ph-lg",
diff --git a/packages/client/src/pages/settings/notifications.vue b/packages/client/src/pages/settings/notifications.vue
index 9f020a3ab..4d5d370ba 100644
--- a/packages/client/src/pages/settings/notifications.vue
+++ b/packages/client/src/pages/settings/notifications.vue
@@ -52,7 +52,6 @@
 import { defineAsyncComponent, shallowRef, computed } from "vue";
 import { notificationTypes } from "firefish-js";
 import FormButton from "@/components/MkButton.vue";
-import FormLink from "@/components/form/link.vue";
 import FormSection from "@/components/form/section.vue";
 import * as os from "@/os";
 import { $i } from "@/account";
@@ -60,12 +59,12 @@ import { i18n } from "@/i18n";
 import { definePageMetadata } from "@/scripts/page-metadata";
 import MkPushNotificationAllowButton from "@/components/MkPushNotificationAllowButton.vue";
 
-let allowButton =
+const allowButton =
 	shallowRef<InstanceType<typeof MkPushNotificationAllowButton>>();
-let pushRegistrationInServer = computed(
+const pushRegistrationInServer = computed(
 	() => allowButton.value?.pushRegistrationInServer,
 );
-let sendReadMessage = computed(
+const sendReadMessage = computed(
 	() => pushRegistrationInServer.value?.sendReadMessage || false,
 );
 
@@ -123,10 +122,6 @@ function onChangeSendReadMessage(v: boolean) {
 	});
 }
 
-const headerActions = computed(() => []);
-
-const headerTabs = computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.notifications,
 	icon: "ph-bell ph-bold ph-lg",
diff --git a/packages/client/src/pages/settings/other.vue b/packages/client/src/pages/settings/other.vue
index 60dedadec..6b42cdce7 100644
--- a/packages/client/src/pages/settings/other.vue
+++ b/packages/client/src/pages/settings/other.vue
@@ -29,19 +29,13 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, defineAsyncComponent } from "vue";
 import FormSwitch from "@/components/form/switch.vue";
 import FormLink from "@/components/form/link.vue";
-import MkButton from "@/components/MkButton.vue";
 import * as os from "@/os";
-import { popup } from "@/os";
-import { defaultStore } from "@/store";
 import { $i } from "@/account";
 import { i18n } from "@/i18n";
 import { definePageMetadata } from "@/scripts/page-metadata";
 
-const reportError = computed(defaultStore.makeGetterSetter("reportError"));
-
 function onChangeInjectFeaturedNote(v) {
 	os.api("i/update", {
 		injectFeaturedNote: v,
@@ -50,10 +44,6 @@ function onChangeInjectFeaturedNote(v) {
 	});
 }
 
-const headerActions = computed(() => []);
-
-const headerTabs = computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.other,
 	icon: "ph-dots-three-outline ph-bold ph-lg",
diff --git a/packages/client/src/pages/settings/plugin.install.vue b/packages/client/src/pages/settings/plugin.install.vue
index 00b07a9b3..35316baa2 100644
--- a/packages/client/src/pages/settings/plugin.install.vue
+++ b/packages/client/src/pages/settings/plugin.install.vue
@@ -18,7 +18,7 @@
 </template>
 
 <script lang="ts" setup>
-import { defineAsyncComponent, nextTick, ref, computed } from "vue";
+import { defineAsyncComponent, nextTick, ref } from "vue";
 import { AiScript, parse } from "@syuilo/aiscript";
 import { serialize } from "@syuilo/aiscript/built/serializer";
 import { v4 as uuid } from "uuid";
@@ -144,10 +144,6 @@ async function install() {
 	});
 }
 
-const headerActions = computed(() => []);
-
-const headerTabs = computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts._plugin.install,
 	icon: "ph-download-simple ph-bold ph-lg",
diff --git a/packages/client/src/pages/settings/plugin.vue b/packages/client/src/pages/settings/plugin.vue
index 06f193864..a44295635 100644
--- a/packages/client/src/pages/settings/plugin.vue
+++ b/packages/client/src/pages/settings/plugin.vue
@@ -60,7 +60,7 @@
 </template>
 
 <script lang="ts" setup>
-import { nextTick, ref, computed } from "vue";
+import { nextTick, ref } from "vue";
 import FormLink from "@/components/form/link.vue";
 import FormSwitch from "@/components/form/switch.vue";
 import FormSection from "@/components/form/section.vue";
@@ -114,14 +114,8 @@ function changeActive(plugin, active) {
 	});
 }
 
-const headerActions = computed(() => []);
-
-const headerTabs = computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.plugins,
 	icon: "ph-plug ph-bold ph-lg",
 });
 </script>
-
-<style lang="scss" scoped></style>
diff --git a/packages/client/src/pages/settings/preferences-backups.vue b/packages/client/src/pages/settings/preferences-backups.vue
index bb37e9aa5..857c3282f 100644
--- a/packages/client/src/pages/settings/preferences-backups.vue
+++ b/packages/client/src/pages/settings/preferences-backups.vue
@@ -161,7 +161,7 @@ type Profile = {
 
 const connection = $i && stream.useChannel("main");
 
-let profiles = ref<Record<string, Profile> | null>(null);
+const profiles = ref<Record<string, Profile> | null>(null);
 
 os.api("i/registry/get-all", { scope }).then((res) => {
 	profiles.value = res || {};
diff --git a/packages/client/src/pages/settings/privacy.vue b/packages/client/src/pages/settings/privacy.vue
index 0d1392355..291b0be2a 100644
--- a/packages/client/src/pages/settings/privacy.vue
+++ b/packages/client/src/pages/settings/privacy.vue
@@ -142,7 +142,6 @@
 <script lang="ts" setup>
 import { ref, computed } from "vue";
 
-import {} from "vue";
 import FormSwitch from "@/components/form/switch.vue";
 import FormSelect from "@/components/form/select.vue";
 import FormSection from "@/components/form/section.vue";
@@ -153,26 +152,26 @@ import { i18n } from "@/i18n";
 import { $i } from "@/account";
 import { definePageMetadata } from "@/scripts/page-metadata";
 
-let isLocked = ref($i.isLocked);
-let autoAcceptFollowed = ref($i.autoAcceptFollowed);
-let noCrawle = ref($i.noCrawle);
-let isExplorable = ref($i.isExplorable);
-let hideOnlineStatus = ref($i.hideOnlineStatus);
-let publicReactions = ref($i.publicReactions);
-let ffVisibility = ref($i.ffVisibility);
-let preventAiLearning = ref($i.preventAiLearning);
+const isLocked = ref($i.isLocked);
+const autoAcceptFollowed = ref($i.autoAcceptFollowed);
+const noCrawle = ref($i.noCrawle);
+const isExplorable = ref($i.isExplorable);
+const hideOnlineStatus = ref($i.hideOnlineStatus);
+const publicReactions = ref($i.publicReactions);
+const ffVisibility = ref($i.ffVisibility);
+const preventAiLearning = ref($i.preventAiLearning);
 
-let defaultNoteVisibility = computed(
+const defaultNoteVisibility = computed(
 	defaultStore.makeGetterSetter("defaultNoteVisibility"),
 );
-let defaultNoteLocalOnly = computed(
+const defaultNoteLocalOnly = computed(
 	defaultStore.makeGetterSetter("defaultNoteLocalOnly"),
 );
-let rememberNoteVisibility = computed(
+const rememberNoteVisibility = computed(
 	defaultStore.makeGetterSetter("rememberNoteVisibility"),
 );
-let keepCw = computed(defaultStore.makeGetterSetter("keepCw"));
-let addRe = computed(defaultStore.makeGetterSetter("addRe"));
+const keepCw = computed(defaultStore.makeGetterSetter("keepCw"));
+const addRe = computed(defaultStore.makeGetterSetter("addRe"));
 
 function save() {
 	os.api("i/update", {
@@ -187,10 +186,6 @@ function save() {
 	});
 }
 
-const headerActions = computed(() => []);
-
-const headerTabs = computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.privacy,
 	icon: "ph-keyhole ph-bold ph-lg",
diff --git a/packages/client/src/pages/settings/profile.vue b/packages/client/src/pages/settings/profile.vue
index a5c299f4d..bacaa33a0 100644
--- a/packages/client/src/pages/settings/profile.vue
+++ b/packages/client/src/pages/settings/profile.vue
@@ -162,7 +162,7 @@
 </template>
 
 <script lang="ts" setup>
-import { reactive, watch, ref, computed } from "vue";
+import { reactive, watch, ref } from "vue";
 import MkButton from "@/components/MkButton.vue";
 import FormInput from "@/components/form/input.vue";
 import FormTextarea from "@/components/form/textarea.vue";
@@ -197,7 +197,7 @@ const props = withDefaults(
 	{},
 );
 
-let saveButton = ref(props.saveButton ?? false);
+const saveButton = ref(props.saveButton ?? false);
 
 watch(
 	() => profile,
@@ -295,10 +295,6 @@ function changeBanner(ev) {
 	);
 }
 
-const headerActions = computed(() => []);
-
-const headerTabs = computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.profile,
 	icon: "ph-user ph-bold ph-lg",
diff --git a/packages/client/src/pages/settings/reaction.vue b/packages/client/src/pages/settings/reaction.vue
index 9dfe619ee..75965095b 100644
--- a/packages/client/src/pages/settings/reaction.vue
+++ b/packages/client/src/pages/settings/reaction.vue
@@ -146,7 +146,7 @@ async function reloadAsk() {
 	unisonReload();
 }
 
-let reactions = ref(deepClone(defaultStore.state.reactions));
+const reactions = ref(deepClone(defaultStore.state.reactions));
 
 const reactionPickerSkinTone = computed(
 	defaultStore.makeGetterSetter("reactionPickerSkinTone"),
@@ -237,10 +237,6 @@ watch(reactionPickerSkinTone.value, async () => {
 	await reloadAsk();
 });
 
-const headerActions = computed(() => []);
-
-const headerTabs = computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.reaction,
 	icon: "ph-smiley ph-bold ph-lg",
diff --git a/packages/client/src/pages/settings/security.vue b/packages/client/src/pages/settings/security.vue
index d62a44f44..6c2722d05 100644
--- a/packages/client/src/pages/settings/security.vue
+++ b/packages/client/src/pages/settings/security.vue
@@ -53,8 +53,6 @@
 </template>
 
 <script lang="ts" setup>
-import { computed } from "vue";
-
 import X2fa from "./2fa.vue";
 import FormSection from "@/components/form/section.vue";
 import FormSlot from "@/components/form/slot.vue";
@@ -119,10 +117,6 @@ function regenerateToken() {
 	});
 }
 
-const headerActions = computed(() => []);
-
-const headerTabs = computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.security,
 	icon: "ph-lock ph-bold ph-lg",
diff --git a/packages/client/src/pages/settings/sounds.vue b/packages/client/src/pages/settings/sounds.vue
index e44901580..12f4456fe 100644
--- a/packages/client/src/pages/settings/sounds.vue
+++ b/packages/client/src/pages/settings/sounds.vue
@@ -57,12 +57,6 @@ const masterVolume = computed({
 	},
 });
 
-const volumeIcon = computed(() =>
-	masterVolume.value === 0
-		? "ph-speaker-none ph-bold ph-lg"
-		: "ph-speaker-high ph-bold ph-lg",
-);
-
 const sounds = ref({
 	note: ColdDeviceStorage.get("sound_note"),
 	noteMy: ColdDeviceStorage.get("sound_noteMy"),
@@ -122,10 +116,6 @@ function reset() {
 	}
 }
 
-const headerActions = computed(() => []);
-
-const headerTabs = computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.sounds,
 	icon: "ph-speaker-high ph-bold ph-lg",
diff --git a/packages/client/src/pages/settings/statusbar.statusbar.vue b/packages/client/src/pages/settings/statusbar.statusbar.vue
index b070c0c7d..24bc7e885 100644
--- a/packages/client/src/pages/settings/statusbar.statusbar.vue
+++ b/packages/client/src/pages/settings/statusbar.statusbar.vue
@@ -142,14 +142,13 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, reactive, ref, watch } from "vue";
+import { reactive, watch } from "vue";
 import FormSelect from "@/components/form/select.vue";
 import MkInput from "@/components/form/input.vue";
 import MkSwitch from "@/components/form/switch.vue";
 import FormRadios from "@/components/form/radios.vue";
 import FormButton from "@/components/MkButton.vue";
 import FormRange from "@/components/form/range.vue";
-import * as os from "@/os";
 import { defaultStore } from "@/store";
 import { i18n } from "@/i18n";
 import { deepClone } from "@/scripts/clone";
diff --git a/packages/client/src/pages/settings/statusbar.vue b/packages/client/src/pages/settings/statusbar.vue
index d79d965f1..29afb41ed 100644
--- a/packages/client/src/pages/settings/statusbar.vue
+++ b/packages/client/src/pages/settings/statusbar.vue
@@ -10,21 +10,19 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, onMounted, ref, watch } from "vue";
+import { onMounted, ref } from "vue";
 import { v4 as uuid } from "uuid";
 import XStatusbar from "./statusbar.statusbar.vue";
-import FormRadios from "@/components/form/radios.vue";
 import FormFolder from "@/components/form/folder.vue";
 import FormButton from "@/components/MkButton.vue";
 import * as os from "@/os";
 import { defaultStore } from "@/store";
-import { unisonReload } from "@/scripts/unison-reload";
 import { i18n } from "@/i18n";
 import { definePageMetadata } from "@/scripts/page-metadata";
 
 const statusbars = defaultStore.reactiveState.statusbars;
 
-let userLists = ref();
+const userLists = ref();
 
 onMounted(() => {
 	os.api("users/lists/list").then((res) => {
@@ -42,10 +40,6 @@ async function add() {
 	});
 }
 
-const headerActions = computed(() => []);
-
-const headerTabs = computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.statusbar,
 	icon: "ph-list-bullets ph-bold ph-lg",
diff --git a/packages/client/src/pages/settings/theme.install.vue b/packages/client/src/pages/settings/theme.install.vue
index 10423faef..5d2990ffb 100644
--- a/packages/client/src/pages/settings/theme.install.vue
+++ b/packages/client/src/pages/settings/theme.install.vue
@@ -28,9 +28,8 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, computed } from "vue";
+import { ref } from "vue";
 
-import {} from "vue";
 import JSON5 from "json5";
 import FormTextarea from "@/components/form/textarea.vue";
 import FormButton from "@/components/MkButton.vue";
@@ -40,7 +39,7 @@ import { addTheme, getThemes } from "@/theme-store";
 import { i18n } from "@/i18n";
 import { definePageMetadata } from "@/scripts/page-metadata";
 
-let installThemeCode = ref(null);
+const installThemeCode = ref(null);
 
 function parseThemeCode(code: string) {
 	let theme;
@@ -87,10 +86,6 @@ async function install(code: string): Promise<void> {
 	});
 }
 
-const headerActions = computed(() => []);
-
-const headerTabs = computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts._theme.install,
 	icon: "ph-download-simple ph-bold ph-lg",
diff --git a/packages/client/src/pages/settings/theme.manage.vue b/packages/client/src/pages/settings/theme.manage.vue
index d075ff57c..4372487ca 100644
--- a/packages/client/src/pages/settings/theme.manage.vue
+++ b/packages/client/src/pages/settings/theme.manage.vue
@@ -101,10 +101,6 @@ function uninstall() {
 	os.success();
 }
 
-const headerActions = computed(() => []);
-
-const headerTabs = computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts._theme.manage,
 	icon: "ph-folder-notch-open ph-bold ph-lg",
diff --git a/packages/client/src/pages/settings/theme.vue b/packages/client/src/pages/settings/theme.vue
index 2b490be26..ab0b87ad5 100644
--- a/packages/client/src/pages/settings/theme.vue
+++ b/packages/client/src/pages/settings/theme.vue
@@ -271,10 +271,6 @@ function setWallpaper(event) {
 	});
 }
 
-const headerActions = computed(() => []);
-
-const headerTabs = computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.theme,
 	icon: "ph-palette ph-bold ph-lg",
diff --git a/packages/client/src/pages/settings/webhook.edit.vue b/packages/client/src/pages/settings/webhook.edit.vue
index 58eadb6b7..d9b880129 100644
--- a/packages/client/src/pages/settings/webhook.edit.vue
+++ b/packages/client/src/pages/settings/webhook.edit.vue
@@ -54,9 +54,8 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, computed } from "vue";
+import { ref } from "vue";
 
-import {} from "vue";
 import FormInput from "@/components/form/input.vue";
 import FormSection from "@/components/form/section.vue";
 import FormSwitch from "@/components/form/switch.vue";
@@ -73,18 +72,18 @@ const webhook = await os.api("i/webhooks/show", {
 	webhookId: props.webhookId,
 });
 
-let name = ref(webhook.name);
-let url = ref(webhook.url);
-let secret = ref(webhook.secret);
-let active = ref(webhook.active);
+const name = ref(webhook.name);
+const url = ref(webhook.url);
+const secret = ref(webhook.secret);
+const active = ref(webhook.active);
 
-let event_follow = ref(webhook.on.includes("follow"));
-let event_followed = ref(webhook.on.includes("followed"));
-let event_note = ref(webhook.on.includes("note"));
-let event_reply = ref(webhook.on.includes("reply"));
-let event_renote = ref(webhook.on.includes("renote"));
-let event_reaction = ref(webhook.on.includes("reaction"));
-let event_mention = ref(webhook.on.includes("mention"));
+const event_follow = ref(webhook.on.includes("follow"));
+const event_followed = ref(webhook.on.includes("followed"));
+const event_note = ref(webhook.on.includes("note"));
+const event_reply = ref(webhook.on.includes("reply"));
+const event_renote = ref(webhook.on.includes("renote"));
+const event_reaction = ref(webhook.on.includes("reaction"));
+const event_mention = ref(webhook.on.includes("mention"));
 
 async function save(): Promise<void> {
 	const events = [];
@@ -105,10 +104,6 @@ async function save(): Promise<void> {
 	});
 }
 
-const headerActions = computed(() => []);
-
-const headerTabs = computed(() => []);
-
 definePageMetadata({
 	title: "Edit webhook",
 	icon: "ph-webhooks-logo ph-bold ph-lg",
diff --git a/packages/client/src/pages/settings/webhook.new.vue b/packages/client/src/pages/settings/webhook.new.vue
index 348923f11..a9084820b 100644
--- a/packages/client/src/pages/settings/webhook.new.vue
+++ b/packages/client/src/pages/settings/webhook.new.vue
@@ -52,9 +52,8 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, computed } from "vue";
+import { ref } from "vue";
 
-import {} from "vue";
 import FormInput from "@/components/form/input.vue";
 import FormSection from "@/components/form/section.vue";
 import FormSwitch from "@/components/form/switch.vue";
@@ -63,17 +62,17 @@ import * as os from "@/os";
 import { i18n } from "@/i18n";
 import { definePageMetadata } from "@/scripts/page-metadata";
 
-let name = ref("");
-let url = ref("");
-let secret = ref("");
+const name = ref("");
+const url = ref("");
+const secret = ref("");
 
-let event_follow = ref(true);
-let event_followed = ref(true);
-let event_note = ref(true);
-let event_reply = ref(true);
-let event_renote = ref(true);
-let event_reaction = ref(true);
-let event_mention = ref(true);
+const event_follow = ref(true);
+const event_followed = ref(true);
+const event_note = ref(true);
+const event_reply = ref(true);
+const event_renote = ref(true);
+const event_reaction = ref(true);
+const event_mention = ref(true);
 
 async function create(): Promise<void> {
 	const events = [];
@@ -93,10 +92,6 @@ async function create(): Promise<void> {
 	});
 }
 
-const headerActions = computed(() => []);
-
-const headerTabs = computed(() => []);
-
 definePageMetadata({
 	title: "Create new webhook",
 	icon: "ph-webhooks-logo ph-bold ph-lg",
diff --git a/packages/client/src/pages/settings/webhook.vue b/packages/client/src/pages/settings/webhook.vue
index 86a14783e..25ad31ca4 100644
--- a/packages/client/src/pages/settings/webhook.vue
+++ b/packages/client/src/pages/settings/webhook.vue
@@ -52,15 +52,9 @@
 </template>
 
 <script lang="ts" setup>
-import { computed } from "vue";
-
-import {} from "vue";
 import MkPagination from "@/components/MkPagination.vue";
 import FormSection from "@/components/form/section.vue";
 import FormLink from "@/components/form/link.vue";
-import { userPage } from "@/filters/user";
-import * as os from "@/os";
-import { i18n } from "@/i18n";
 import { definePageMetadata } from "@/scripts/page-metadata";
 
 const pagination = {
@@ -68,10 +62,6 @@ const pagination = {
 	limit: 10,
 };
 
-const headerActions = computed(() => []);
-
-const headerTabs = computed(() => []);
-
 definePageMetadata({
 	title: "Webhook",
 	icon: "ph-webhooks-logo ph-bold ph-lg",
diff --git a/packages/client/src/pages/settings/word-mute.vue b/packages/client/src/pages/settings/word-mute.vue
index 7429b3491..187389563 100644
--- a/packages/client/src/pages/settings/word-mute.vue
+++ b/packages/client/src/pages/settings/word-mute.vue
@@ -50,7 +50,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, watch, computed } from "vue";
+import { ref, watch } from "vue";
 import FormTextarea from "@/components/form/textarea.vue";
 import MkKeyValue from "@/components/MkKeyValue.vue";
 import MkButton from "@/components/MkButton.vue";
@@ -151,10 +151,6 @@ async function save() {
 	changed.value = false;
 }
 
-const headerActions = computed(() => []);
-
-const headerTabs = computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.wordMute,
 	icon: "ph-speaker-x ph-bold ph-lg",
diff --git a/packages/client/src/pages/share.vue b/packages/client/src/pages/share.vue
index e764f0476..c05866a50 100644
--- a/packages/client/src/pages/share.vue
+++ b/packages/client/src/pages/share.vue
@@ -33,8 +33,6 @@
 import { ref, computed } from "vue";
 
 // SPECIFICATION: https://misskey-hub.net/docs/features/share-form.html
-
-import {} from "vue";
 import { noteVisibilities } from "firefish-js";
 import * as Acct from "firefish-js/built/acct";
 import * as Misskey from "firefish-js";
@@ -49,21 +47,21 @@ const urlParams = new URLSearchParams(window.location.search);
 const localOnlyQuery = urlParams.get("localOnly");
 const visibilityQuery = urlParams.get("visibility");
 
-let state = ref("fetching" as "fetching" | "writing" | "posted");
-let title = ref(urlParams.get("title"));
+const state = ref("fetching" as "fetching" | "writing" | "posted");
+const title = ref(urlParams.get("title"));
 const text = urlParams.get("text");
 const url = urlParams.get("url");
-let initialText = ref(null as string | null);
-let reply = ref(null as Misskey.entities.Note | null);
-let renote = ref(null as Misskey.entities.Note | null);
-let visibility = ref(
+const initialText = ref(null as string | null);
+const reply = ref(null as Misskey.entities.Note | null);
+const renote = ref(null as Misskey.entities.Note | null);
+const visibility = ref(
 	noteVisibilities.includes(visibilityQuery) ? visibilityQuery : null,
 );
-let localOnly = ref(
+const localOnly = ref(
 	localOnlyQuery === "0" ? false : localOnlyQuery === "1" ? true : null,
 );
-let files = ref([] as Misskey.entities.DriveFile[]);
-let visibleUsers = ref([] as Misskey.entities.User[]);
+const files = ref([] as Misskey.entities.DriveFile[]);
+const visibleUsers = ref([] as Misskey.entities.User[]);
 
 async function init() {
 	let noteText = "";
diff --git a/packages/client/src/pages/signup-complete.vue b/packages/client/src/pages/signup-complete.vue
index 9e8d03f28..510abc04b 100644
--- a/packages/client/src/pages/signup-complete.vue
+++ b/packages/client/src/pages/signup-complete.vue
@@ -5,7 +5,7 @@
 </template>
 
 <script lang="ts" setup>
-import { onMounted, computed } from "vue";
+import { onMounted } from "vue";
 import * as os from "@/os";
 import { login } from "@/account";
 import { i18n } from "@/i18n";
@@ -26,10 +26,6 @@ onMounted(async () => {
 	login(res.i, "/");
 });
 
-const headerActions = computed(() => []);
-
-const headerTabs = computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.signup,
 	icon: "ph-user ph-bold ph-lg",
diff --git a/packages/client/src/pages/tag.vue b/packages/client/src/pages/tag.vue
index b4816b967..b9a3ab752 100644
--- a/packages/client/src/pages/tag.vue
+++ b/packages/client/src/pages/tag.vue
@@ -74,7 +74,7 @@ const usersPagination = {
 };
 
 const tabs = ["notes", "users"];
-let tab = ref(tabs[0]);
+const tab = ref(tabs[0]);
 watch(tab, () => syncSlide(tabs.indexOf(tab.value)));
 
 const headerActions = computed(() => []);
diff --git a/packages/client/src/pages/theme-editor.vue b/packages/client/src/pages/theme-editor.vue
index d30c76962..c45f77167 100644
--- a/packages/client/src/pages/theme-editor.vue
+++ b/packages/client/src/pages/theme-editor.vue
@@ -238,13 +238,13 @@ const fgColors = [
 	},
 ];
 
-let theme = ref<Partial<Theme>>({
+const theme = ref<Partial<Theme>>({
 	base: "light",
 	props: lightTheme.props,
 });
-let description = ref<string | null>(null);
-let themeCode = ref<string | null>(null);
-let changed = ref(false);
+const description = ref<string | null>(null);
+const themeCode = ref<string | null>(null);
+const changed = ref(false);
 
 useLeaveGuard(changed);
 
diff --git a/packages/client/src/pages/timeline.vue b/packages/client/src/pages/timeline.vue
index bcf885360..23767e703 100644
--- a/packages/client/src/pages/timeline.vue
+++ b/packages/client/src/pages/timeline.vue
@@ -187,15 +187,6 @@ function saveSrc(
 	});
 }
 
-async function timetravel(): Promise<void> {
-	const { canceled, result: date } = await os.inputDate({
-		title: i18n.ts.date,
-	});
-	if (canceled) return;
-
-	tlComponent.value.timetravel(date);
-}
-
 function focus(): void {
 	tlComponent.value.focus();
 }
diff --git a/packages/client/src/pages/user-info.vue b/packages/client/src/pages/user-info.vue
index fb6c601ba..cf505dfd4 100644
--- a/packages/client/src/pages/user-info.vue
+++ b/packages/client/src/pages/user-info.vue
@@ -367,7 +367,6 @@ import FormLink from "@/components/form/link.vue";
 import FormSection from "@/components/form/section.vue";
 import FormButton from "@/components/MkButton.vue";
 import FormInput from "@/components/form/input.vue";
-import FormSplit from "@/components/form/split.vue";
 import FormFolder from "@/components/form/folder.vue";
 import MkKeyValue from "@/components/MkKeyValue.vue";
 import MkSelect from "@/components/form/select.vue";
@@ -375,8 +374,6 @@ import FormSuspense from "@/components/form/suspense.vue";
 import MkFileListForAdmin from "@/components/MkFileListForAdmin.vue";
 import MkInfo from "@/components/MkInfo.vue";
 import * as os from "@/os";
-import number from "@/filters/number";
-import bytes from "@/filters/bytes";
 import { url } from "@/config";
 import { userPage, acct } from "@/filters/user";
 import { definePageMetadata } from "@/scripts/page-metadata";
@@ -388,18 +385,18 @@ const props = defineProps<{
 	userId: string;
 }>();
 
-let tab = ref("overview");
-let chartSrc = ref("per-user-notes");
-let user = ref<null | misskey.entities.UserDetailed>();
-let init = ref<ReturnType<typeof createFetcher>>();
-let info = ref();
-let ips = ref(null);
-let ap = ref(null);
-let moderator = ref(false);
-let silenced = ref(false);
-let suspended = ref(false);
-let driveCapacityOverrideMb: number | null = ref(0);
-let moderationNote = ref("");
+const tab = ref("overview");
+const chartSrc = ref("per-user-notes");
+const user = ref<null | misskey.entities.UserDetailed>();
+const init = ref<ReturnType<typeof createFetcher>>();
+const info = ref();
+const ips = ref(null);
+const ap = ref(null);
+const moderator = ref(false);
+const silenced = ref(false);
+const suspended = ref(false);
+const driveCapacityOverrideMb = ref<number | null>(0);
+const moderationNote = ref("");
 const filesPagination = {
 	endpoint: "admin/drive/files" as const,
 	limit: 10,
@@ -524,27 +521,6 @@ async function sendModMail() {
 	});
 }
 
-async function deleteAllFiles() {
-	const confirm = await os.confirm({
-		type: "warning",
-		text: i18n.ts.deleteAllFilesConfirm,
-	});
-	if (confirm.canceled) return;
-	const process = async () => {
-		await os.api("admin/delete-all-files-of-a-user", {
-			userId: user.value.id,
-		});
-		os.success();
-	};
-	await process().catch((err) => {
-		os.alert({
-			type: "error",
-			text: err.toString(),
-		});
-	});
-	await refreshUser();
-}
-
 async function applyDriveCapacityOverride() {
 	let driveCapOrMb = driveCapacityOverrideMb.value;
 	if (driveCapacityOverrideMb.value && driveCapacityOverrideMb.value < 0) {
diff --git a/packages/client/src/pages/user-list-timeline.vue b/packages/client/src/pages/user-list-timeline.vue
index 5a31e342a..0a1def9e5 100644
--- a/packages/client/src/pages/user-list-timeline.vue
+++ b/packages/client/src/pages/user-list-timeline.vue
@@ -19,7 +19,7 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, watch, inject, ref } from "vue";
+import { computed, watch, ref } from "vue";
 import XTimeline from "@/components/MkTimeline.vue";
 import * as os from "@/os";
 import { useRouter } from "@/router";
@@ -32,9 +32,9 @@ const props = defineProps<{
 	listId: string;
 }>();
 
-let list = ref(null);
-let tlEl = ref<InstanceType<typeof XTimeline>>();
-let rootEl = ref<HTMLElement>();
+const list = ref(null);
+const tlEl = ref<InstanceType<typeof XTimeline>>();
+const rootEl = ref<HTMLElement>();
 
 watch(
 	() => props.listId,
diff --git a/packages/client/src/pages/user/followers.vue b/packages/client/src/pages/user/followers.vue
index c989dd8df..42c06f83c 100644
--- a/packages/client/src/pages/user/followers.vue
+++ b/packages/client/src/pages/user/followers.vue
@@ -16,15 +16,7 @@
 </template>
 
 <script lang="ts" setup>
-import {
-	defineAsyncComponent,
-	computed,
-	inject,
-	onMounted,
-	onUnmounted,
-	watch,
-	ref,
-} from "vue";
+import { computed, watch, ref } from "vue";
 import * as Acct from "firefish-js/built/acct";
 import * as misskey from "firefish-js";
 import XFollowList from "./follow-list.vue";
@@ -39,8 +31,8 @@ const props = withDefaults(
 	{},
 );
 
-let user = ref<null | misskey.entities.UserDetailed>(null);
-let error = ref(null);
+const user = ref<null | misskey.entities.UserDetailed>(null);
+const error = ref(null);
 
 function fetchUser(): void {
 	if (props.acct == null) return;
@@ -78,5 +70,3 @@ definePageMetadata(
 	),
 );
 </script>
-
-<style lang="scss" scoped></style>
diff --git a/packages/client/src/pages/user/following.vue b/packages/client/src/pages/user/following.vue
index ce4a48ebe..46d234e3a 100644
--- a/packages/client/src/pages/user/following.vue
+++ b/packages/client/src/pages/user/following.vue
@@ -16,15 +16,7 @@
 </template>
 
 <script lang="ts" setup>
-import {
-	defineAsyncComponent,
-	computed,
-	inject,
-	onMounted,
-	onUnmounted,
-	watch,
-	ref,
-} from "vue";
+import { computed, watch, ref } from "vue";
 import * as Acct from "firefish-js/built/acct";
 import * as misskey from "firefish-js";
 import XFollowList from "./follow-list.vue";
@@ -39,8 +31,8 @@ const props = withDefaults(
 	{},
 );
 
-let user = ref<null | misskey.entities.UserDetailed>(null);
-let error = ref(null);
+const user = ref<null | misskey.entities.UserDetailed>(null);
+const error = ref(null);
 
 function fetchUser(): void {
 	if (props.acct == null) return;
diff --git a/packages/client/src/pages/user/home.vue b/packages/client/src/pages/user/home.vue
index 5aaa886fa..2f2abaa8a 100644
--- a/packages/client/src/pages/user/home.vue
+++ b/packages/client/src/pages/user/home.vue
@@ -416,11 +416,11 @@ const props = withDefaults(
 	{},
 );
 
-let parallaxAnimationId = ref<null | number>(null);
-let narrow = ref<null | boolean>(null);
-let rootEl = ref<null | HTMLElement>(null);
-let bannerEl = ref<null | HTMLElement>(null);
-let patrons = ref([]);
+const parallaxAnimationId = ref<null | number>(null);
+const narrow = ref<null | boolean>(null);
+const rootEl = ref<null | HTMLElement>(null);
+const bannerEl = ref<null | HTMLElement>(null);
+const patrons = ref([]);
 
 const age = computed(() => {
 	return calcAge(props.user.birthday);
@@ -446,8 +446,8 @@ const timeForThem = computed(() => {
 	];
 
 	for (const city of maybeCityNames) {
-		let tzInfo = cityTimezones.lookupViaCity(city);
-		if (tzInfo.length == 0) continue;
+		const tzInfo = cityTimezones.lookupViaCity(city);
+		if (tzInfo.length !== 1) continue;
 
 		const tz = tzInfo[0].timezone;
 		if (!tz) continue;
@@ -776,9 +776,6 @@ onUnmounted(() => {
 							margin: 0;
 						}
 					}
-
-					&.system > .field > .name {
-					}
 				}
 
 				> .status {
diff --git a/packages/client/src/pages/user/index.activity.vue b/packages/client/src/pages/user/index.activity.vue
index 48af5d82e..01b3c1828 100644
--- a/packages/client/src/pages/user/index.activity.vue
+++ b/packages/client/src/pages/user/index.activity.vue
@@ -31,7 +31,6 @@
 <script lang="ts" setup>
 import { ref } from "vue";
 
-import {} from "vue";
 import * as misskey from "firefish-js";
 import MkContainer from "@/components/MkContainer.vue";
 import MkChart from "@/components/MkChart.vue";
@@ -48,7 +47,7 @@ const props = withDefaults(
 	},
 );
 
-let chartSrc = ref("per-user-notes");
+const chartSrc = ref("per-user-notes");
 
 function showMenu(ev: MouseEvent) {
 	os.popupMenu(
diff --git a/packages/client/src/pages/user/index.photos.vue b/packages/client/src/pages/user/index.photos.vue
index 4f66962c4..69a5c812a 100644
--- a/packages/client/src/pages/user/index.photos.vue
+++ b/packages/client/src/pages/user/index.photos.vue
@@ -42,8 +42,8 @@ const props = defineProps<{
 	user: misskey.entities.UserDetailed;
 }>();
 
-let fetching = ref(true);
-let images = ref<
+const fetching = ref(true);
+const images = ref<
 	{
 		note: misskey.entities.Note;
 		file: misskey.entities.DriveFile;
diff --git a/packages/client/src/pages/user/index.timeline.vue b/packages/client/src/pages/user/index.timeline.vue
index 1fff13f27..c4e418e08 100644
--- a/packages/client/src/pages/user/index.timeline.vue
+++ b/packages/client/src/pages/user/index.timeline.vue
@@ -16,7 +16,6 @@ import { ref, computed } from "vue";
 import * as misskey from "firefish-js";
 import XNotes from "@/components/MkNotes.vue";
 import MkTab from "@/components/MkTab.vue";
-import * as os from "@/os";
 import { i18n } from "@/i18n";
 
 const props = defineProps<{
diff --git a/packages/client/src/pages/user/index.vue b/packages/client/src/pages/user/index.vue
index 3f9a1657c..2721810ce 100644
--- a/packages/client/src/pages/user/index.vue
+++ b/packages/client/src/pages/user/index.vue
@@ -30,12 +30,9 @@
 
 <script lang="ts" setup>
 import { defineAsyncComponent, computed, watch, ref } from "vue";
-import calcAge from "s-age";
 import * as Acct from "firefish-js/built/acct";
 import type * as misskey from "firefish-js";
-import { getScrollPosition } from "@/scripts/scroll";
-import number from "@/filters/number";
-import { userPage, acct as getAcct } from "@/filters/user";
+import { acct as getAcct } from "@/filters/user";
 import * as os from "@/os";
 import { useRouter } from "@/router";
 import { definePageMetadata } from "@/scripts/page-metadata";
@@ -58,11 +55,11 @@ const props = withDefaults(
 	},
 );
 
-const router = useRouter();
+useRouter();
 
-let tab = ref(props.page);
-let user = ref<null | misskey.entities.UserDetailed>(null);
-let error = ref(null);
+const tab = ref(props.page);
+const user = ref<null | misskey.entities.UserDetailed>(null);
+const error = ref(null);
 
 function fetchUser(): void {
 	if (props.acct == null) return;
diff --git a/packages/client/src/pages/user/pages.vue b/packages/client/src/pages/user/pages.vue
index c0b8e14f1..209fbc081 100644
--- a/packages/client/src/pages/user/pages.vue
+++ b/packages/client/src/pages/user/pages.vue
@@ -29,5 +29,3 @@ const pagination = {
 	})),
 };
 </script>
-
-<style lang="scss" scoped></style>
diff --git a/packages/client/src/pages/verify-email.vue b/packages/client/src/pages/verify-email.vue
index 0b9f25608..46b18b613 100644
--- a/packages/client/src/pages/verify-email.vue
+++ b/packages/client/src/pages/verify-email.vue
@@ -5,7 +5,7 @@
 </template>
 
 <script lang="ts" setup>
-import { onMounted, computed } from "vue";
+import { onMounted } from "vue";
 import * as os from "@/os";
 import { i18n } from "@/i18n";
 import { definePageMetadata } from "@/scripts/page-metadata";
@@ -28,10 +28,6 @@ onMounted(async () => {
 	router.push("/");
 });
 
-const headerActions = computed(() => []);
-
-const headerTabs = computed(() => []);
-
 definePageMetadata({
 	title: "Verify email",
 	icon: "ph-user ph-bold ph-lg",
diff --git a/packages/client/src/pages/welcome.entrance.a.vue b/packages/client/src/pages/welcome.entrance.a.vue
index 0fbfd064b..3cbee52ca 100644
--- a/packages/client/src/pages/welcome.entrance.a.vue
+++ b/packages/client/src/pages/welcome.entrance.a.vue
@@ -102,25 +102,21 @@
 <script lang="ts" setup>
 import { ref } from "vue";
 
-import {} from "vue";
-import { toUnicode } from "punycode/";
 import XTimeline from "./welcome.timeline.vue";
 import MarqueeText from "@/components/MkMarquee.vue";
 import XSigninDialog from "@/components/MkSigninDialog.vue";
 import XSignupDialog from "@/components/MkSignupDialog.vue";
 import MkButton from "@/components/MkButton.vue";
-import XNote from "@/components/MkNote.vue";
 import MkFeaturedPhotos from "@/components/MkFeaturedPhotos.vue";
-import { host, instanceName } from "@/config";
+import { instanceName } from "@/config";
 import * as os from "@/os";
-import number from "@/filters/number";
 import { i18n } from "@/i18n";
 
-let meta = ref();
-let stats = ref();
-let tags = ref();
-let onlineUsersCount = ref();
-let instances = ref();
+const meta = ref();
+const stats = ref();
+const tags = ref();
+const onlineUsersCount = ref();
+const instances = ref();
 
 os.api("meta", { detail: true }).then((_meta) => {
 	meta.value = _meta;
diff --git a/packages/client/src/pages/welcome.setup.vue b/packages/client/src/pages/welcome.setup.vue
index ce8601c7d..040558519 100644
--- a/packages/client/src/pages/welcome.setup.vue
+++ b/packages/client/src/pages/welcome.setup.vue
@@ -44,7 +44,6 @@
 <script lang="ts" setup>
 import { ref } from "vue";
 
-import {} from "vue";
 import MkButton from "@/components/MkButton.vue";
 import MkInput from "@/components/form/input.vue";
 import { host } from "@/config";
@@ -52,9 +51,9 @@ import * as os from "@/os";
 import { login } from "@/account";
 import { i18n } from "@/i18n";
 
-let username = ref("");
-let password = ref("");
-let submitting = ref(false);
+const username = ref("");
+const password = ref("");
+const submitting = ref(false);
 
 function submit() {
 	if (submitting.value) return;
diff --git a/packages/client/src/pages/welcome.vue b/packages/client/src/pages/welcome.vue
index 976b6c037..1110ab38b 100644
--- a/packages/client/src/pages/welcome.vue
+++ b/packages/client/src/pages/welcome.vue
@@ -13,16 +13,12 @@ import { instanceName } from "@/config";
 import * as os from "@/os";
 import { definePageMetadata } from "@/scripts/page-metadata";
 
-let meta = ref(null);
+const meta = ref(null);
 
 os.api("meta", { detail: true }).then((res) => {
 	meta.value = res;
 });
 
-const headerActions = computed(() => []);
-
-const headerTabs = computed(() => []);
-
 definePageMetadata(
 	computed(() => ({
 		title: instanceName,
diff --git a/packages/client/src/store.ts b/packages/client/src/store.ts
index 694d2dc95..92f1b8979 100644
--- a/packages/client/src/store.ts
+++ b/packages/client/src/store.ts
@@ -145,7 +145,7 @@ export const defaultStore = markRaw(
 		tl: {
 			where: "deviceAccount",
 			default: {
-				src: "home" as "home" | "local" | "social" | "global",
+				src: "home" as "home" | "local" | "social" | "global" | "recommended",
 				arg: null,
 			},
 		},