From 02ec6fec6a92d494bd5a02bb5da0d1019d28facf Mon Sep 17 00:00:00 2001
From: naskya <m@naskya.net>
Date: Tue, 8 Aug 2023 18:14:39 +0900
Subject: [PATCH] chore, refactor: remove unused, fix imports
 (client/src/components)

---
 .../client/src/components/MkAbuseReport.vue   |  1 -
 .../client/src/components/MkAnalogClock.vue   |  9 +---
 packages/client/src/components/MkChart.vue    |  8 ++--
 .../src/components/MkCheatSheetDialog.vue     |  4 --
 .../client/src/components/MkContextMenu.vue   |  4 +-
 .../client/src/components/MkCropperDialog.vue |  2 +-
 .../client/src/components/MkDrive.folder.vue  |  4 --
 .../src/components/MkDrive.navFolder.vue      |  8 ----
 packages/client/src/components/MkDrive.vue    |  5 +-
 .../src/components/MkEmojiPickerDialog.vue    |  2 +-
 .../src/components/MkFileListForAdmin.vue     |  3 --
 .../client/src/components/MkFollowButton.vue  | 12 ++---
 .../client/src/components/MkFormDialog.vue    |  7 +--
 packages/client/src/components/MkFormula.vue  |  1 -
 .../src/components/MkGalleryPostPreview.vue   |  2 -
 packages/client/src/components/MkHeatmap.vue  | 12 +----
 .../client/src/components/MkLaunchPad.vue     |  3 --
 .../src/components/MkManyAnnouncements.vue    |  1 -
 .../client/src/components/MkMediaList.vue     |  1 -
 .../client/src/components/MkMenu.child.vue    | 10 +---
 packages/client/src/components/MkMenu.vue     |  8 +---
 .../client/src/components/MkMiniChart.vue     |  3 +-
 .../src/components/MkModalPageWindow.vue      |  6 +--
 packages/client/src/components/MkNote.vue     |  7 +--
 .../client/src/components/MkNoteDetailed.vue  | 13 +-----
 .../client/src/components/MkNoteHeader.vue    |  2 +-
 .../client/src/components/MkNoteSimple.vue    |  1 -
 .../client/src/components/MkNotifications.vue | 10 +---
 packages/client/src/components/MkNumber.vue   |  2 +-
 .../src/components/MkObjectView.value.vue     |  2 +-
 .../client/src/components/MkObjectView.vue    |  7 +--
 .../client/src/components/MkPageWindow.vue    | 13 +-----
 .../client/src/components/MkPagination.vue    |  2 -
 .../client/src/components/MkPopupMenu.vue     |  1 -
 packages/client/src/components/MkPostForm.vue | 46 +++++++++----------
 .../client/src/components/MkReactedUsers.vue  |  1 -
 .../client/src/components/MkReactionIcon.vue  |  2 -
 .../src/components/MkReactionTooltip.vue      |  1 -
 .../components/MkReactionsViewer.details.vue  |  1 -
 packages/client/src/components/MkSignin.vue   |  6 ---
 packages/client/src/components/MkSignup.vue   |  1 -
 .../client/src/components/MkSignupDialog.vue  |  1 -
 .../src/components/MkStarButtonNoEmoji.vue    |  1 -
 .../client/src/components/MkSuperMenu.vue     |  4 +-
 packages/client/src/components/MkTagCloud.vue |  2 +-
 packages/client/src/components/MkTimeline.vue |  3 +-
 packages/client/src/components/MkToast.vue    |  2 +-
 .../src/components/MkTutorialDialog.vue       |  2 +-
 .../client/src/components/MkUrlPreview.vue    |  2 +-
 packages/client/src/components/MkUserList.vue |  1 -
 .../src/components/MkUserOnlineIndicator.vue  |  1 -
 .../src/components/MkUserSelectDialog.vue     |  2 +-
 .../components/MkUserSelectLocalDialog.vue    |  2 +-
 .../client/src/components/MkVisibility.vue    |  1 -
 packages/client/src/components/MkWidgets.vue  |  2 +-
 packages/client/src/components/form/input.vue | 13 +-----
 packages/client/src/components/form/link.vue  |  2 -
 packages/client/src/components/form/radio.vue |  2 -
 .../client/src/components/form/select.vue     |  1 -
 .../client/src/components/form/textarea.vue   |  1 -
 packages/client/src/components/global/MkA.vue |  9 ++--
 .../client/src/components/global/MkAvatar.vue |  2 +-
 .../client/src/components/global/MkEmoji.vue  |  2 +-
 .../src/components/global/MkLoading.vue       |  2 -
 .../src/components/global/MkPageHeader.vue    | 14 +-----
 .../client/src/components/global/MkSpacer.vue |  2 +-
 .../src/components/global/MkUserName.vue      |  1 -
 .../src/components/global/RouterView.vue      | 10 +---
 .../src/components/page/page.canvas.vue       |  1 -
 .../src/components/page/page.counter.vue      |  1 -
 .../client/src/components/page/page.image.vue |  3 +-
 .../src/components/page/page.number-input.vue |  1 -
 .../src/components/page/page.radio-button.vue |  1 -
 .../src/components/page/page.section.vue      |  7 ++-
 .../src/components/page/page.switch.vue       |  1 -
 .../src/components/page/page.text-input.vue   |  1 -
 .../components/page/page.textarea-input.vue   |  2 -
 packages/client/src/directives/click-anime.ts |  2 +-
 78 files changed, 80 insertions(+), 261 deletions(-)

diff --git a/packages/client/src/components/MkAbuseReport.vue b/packages/client/src/components/MkAbuseReport.vue
index f92d10ba7..b1029fac0 100644
--- a/packages/client/src/components/MkAbuseReport.vue
+++ b/packages/client/src/components/MkAbuseReport.vue
@@ -68,7 +68,6 @@
 import MkButton from "@/components/MkButton.vue";
 import MkSwitch from "@/components/form/switch.vue";
 import MkKeyValue from "@/components/MkKeyValue.vue";
-import { acct, userPage } from "@/filters/user";
 import * as os from "@/os";
 import { i18n } from "@/i18n";
 
diff --git a/packages/client/src/components/MkAnalogClock.vue b/packages/client/src/components/MkAnalogClock.vue
index 13b662ac3..c745e4083 100644
--- a/packages/client/src/components/MkAnalogClock.vue
+++ b/packages/client/src/components/MkAnalogClock.vue
@@ -108,14 +108,7 @@
 </template>
 
 <script lang="ts" setup>
-import {
-	computed,
-	nextTick,
-	onBeforeUnmount,
-	onMounted,
-	ref,
-	shallowRef,
-} from "vue";
+import { computed, onBeforeUnmount, onMounted } from "vue";
 import tinycolor from "tinycolor2";
 import { globalEvents } from "@/events.js";
 
diff --git a/packages/client/src/components/MkChart.vue b/packages/client/src/components/MkChart.vue
index fdb0245f5..c11c36e43 100644
--- a/packages/client/src/components/MkChart.vue
+++ b/packages/client/src/components/MkChart.vue
@@ -9,7 +9,7 @@
 
 <script lang="ts" setup>
 import type { PropType } from "vue";
-import { onMounted, onUnmounted, ref, watch } from "vue";
+import { onMounted, ref, watch } from "vue";
 import {
 	ArcElement,
 	BarController,
@@ -183,9 +183,9 @@ const render = () => {
 		document.documentElement,
 	).getPropertyValue("--fg");
 
-	const maxes = chartData.series.map((x, i) =>
-		Math.max(...x.data.map((d) => d.y)),
-	);
+	// const maxes = chartData.series.map((x, i) =>
+	// 	Math.max(...x.data.map((d) => d.y)),
+	// );
 
 	chartInstance = new Chart(chartEl.value, {
 		type: props.bar ? "bar" : "line",
diff --git a/packages/client/src/components/MkCheatSheetDialog.vue b/packages/client/src/components/MkCheatSheetDialog.vue
index 3b723cde5..753d1001e 100644
--- a/packages/client/src/components/MkCheatSheetDialog.vue
+++ b/packages/client/src/components/MkCheatSheetDialog.vue
@@ -21,10 +21,6 @@ const emit = defineEmits<{
 }>();
 
 const dialog = $ref<InstanceType<typeof XModalWindow>>();
-
-function close(res) {
-	dialog.close();
-}
 </script>
 
 <style lang="scss" scoped>
diff --git a/packages/client/src/components/MkContextMenu.vue b/packages/client/src/components/MkContextMenu.vue
index 33506b96f..f94c2e317 100644
--- a/packages/client/src/components/MkContextMenu.vue
+++ b/packages/client/src/components/MkContextMenu.vue
@@ -13,8 +13,8 @@
 
 <script lang="ts" setup>
 import { onBeforeUnmount, onMounted } from "vue";
-import MkMenu from "./MkMenu.vue";
-import type { MenuItem } from "./types/menu.vue";
+import MkMenu from "@/components/MkMenu.vue";
+import type { MenuItem } from "@/types/menu";
 import contains from "@/scripts/contains";
 import * as os from "@/os";
 
diff --git a/packages/client/src/components/MkCropperDialog.vue b/packages/client/src/components/MkCropperDialog.vue
index 530307f66..7a3acb187 100644
--- a/packages/client/src/components/MkCropperDialog.vue
+++ b/packages/client/src/components/MkCropperDialog.vue
@@ -36,7 +36,7 @@
 </template>
 
 <script lang="ts" setup>
-import { nextTick, onMounted } from "vue";
+import { onMounted } from "vue";
 import type * as misskey from "firefish-js";
 import Cropper from "cropperjs";
 import tinycolor from "tinycolor2";
diff --git a/packages/client/src/components/MkDrive.folder.vue b/packages/client/src/components/MkDrive.folder.vue
index 04120aa47..7f63df771 100644
--- a/packages/client/src/components/MkDrive.folder.vue
+++ b/packages/client/src/components/MkDrive.folder.vue
@@ -198,10 +198,6 @@ function onDragend() {
 	emit("dragend");
 }
 
-function go() {
-	emit("move", props.folder.id);
-}
-
 function rename() {
 	os.inputText({
 		title: i18n.ts.renameFolder,
diff --git a/packages/client/src/components/MkDrive.navFolder.vue b/packages/client/src/components/MkDrive.navFolder.vue
index 8cee54cbd..4cdd42537 100644
--- a/packages/client/src/components/MkDrive.navFolder.vue
+++ b/packages/client/src/components/MkDrive.navFolder.vue
@@ -42,14 +42,6 @@ function onClick() {
 	emit("move", props.folder);
 }
 
-function onMouseover() {
-	hover.value = true;
-}
-
-function onMouseout() {
-	hover.value = false;
-}
-
 function onDragover(ev: DragEvent) {
 	if (!ev.dataTransfer) return;
 
diff --git a/packages/client/src/components/MkDrive.vue b/packages/client/src/components/MkDrive.vue
index 9143019d2..a0b3713a7 100644
--- a/packages/client/src/components/MkDrive.vue
+++ b/packages/client/src/components/MkDrive.vue
@@ -69,7 +69,7 @@
 						@dragend="isDragSource = false"
 					/>
 					<!-- SEE: https://stackoverflow.com/questions/18744164/flex-box-align-last-row-to-grid -->
-					<div v-for="(n, i) in 16" :key="i" class="padding"></div>
+					<div v-for="(_, i) in 16" :key="i" class="padding"></div>
 					<MkButton v-if="moreFolders" ref="moreFolders">{{
 						i18n.ts.loadMore
 					}}</MkButton>
@@ -94,7 +94,7 @@
 						@dragend="isDragSource = false"
 					/>
 					<!-- SEE: https://stackoverflow.com/questions/18744164/flex-box-align-last-row-to-grid -->
-					<div v-for="(n, i) in 16" :key="i" class="padding"></div>
+					<div v-for="(_, i) in 16" :key="i" class="padding"></div>
 					<MkButton
 						v-show="moreFiles"
 						ref="loadMoreFiles"
@@ -132,7 +132,6 @@
 
 <script lang="ts" setup>
 import {
-	markRaw,
 	nextTick,
 	onActivated,
 	onBeforeUnmount,
diff --git a/packages/client/src/components/MkEmojiPickerDialog.vue b/packages/client/src/components/MkEmojiPickerDialog.vue
index c3212cd40..7c3319fb9 100644
--- a/packages/client/src/components/MkEmojiPickerDialog.vue
+++ b/packages/client/src/components/MkEmojiPickerDialog.vue
@@ -31,7 +31,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, onMounted, onBeforeUnmount } from "vue";
+import { ref } from "vue";
 import MkModal from "@/components/MkModal.vue";
 import MkEmojiPicker from "@/components/MkEmojiPicker.vue";
 import { defaultStore } from "@/store";
diff --git a/packages/client/src/components/MkFileListForAdmin.vue b/packages/client/src/components/MkFileListForAdmin.vue
index 0e47fa9d9..e6a02a832 100644
--- a/packages/client/src/components/MkFileListForAdmin.vue
+++ b/packages/client/src/components/MkFileListForAdmin.vue
@@ -52,13 +52,10 @@
 </template>
 
 <script lang="ts" setup>
-import { computed } from "vue";
 import * as Acct from "firefish-js/built/acct";
-import MkSwitch from "@/components/ui/switch.vue";
 import MkPagination from "@/components/MkPagination.vue";
 import MkDriveFileThumbnail from "@/components/MkDriveFileThumbnail.vue";
 import bytes from "@/filters/bytes";
-import * as os from "@/os";
 import { i18n } from "@/i18n";
 
 const props = defineProps<{
diff --git a/packages/client/src/components/MkFollowButton.vue b/packages/client/src/components/MkFollowButton.vue
index 96b54f44c..dec4cfaaf 100644
--- a/packages/client/src/components/MkFollowButton.vue
+++ b/packages/client/src/components/MkFollowButton.vue
@@ -238,13 +238,13 @@ onBeforeUnmount(() => {
 		}
 	}
 
-	&:hover {
-		//background: mix($primary, #fff, 20);
-	}
+	// &:hover {
+	// 	background: mix($primary, #fff, 20);
+	// }
 
-	&:active {
-		//background: mix($primary, #fff, 40);
-	}
+	// &:active {
+	// 	background: mix($primary, #fff, 40);
+	// }
 
 	&.active {
 		color: var(--fgOnAccent);
diff --git a/packages/client/src/components/MkFormDialog.vue b/packages/client/src/components/MkFormDialog.vue
index 08d075280..11f1d63e2 100644
--- a/packages/client/src/components/MkFormDialog.vue
+++ b/packages/client/src/components/MkFormDialog.vue
@@ -15,7 +15,7 @@
 		</template>
 
 		<MkSpacer :margin-min="20" :margin-max="32">
-			<div class="xkpnjxcv _formRoot">
+			<div class="_formRoot">
 				<template
 					v-for="item in Object.keys(form).filter(
 						(item) => !form[item].hidden,
@@ -221,8 +221,3 @@ export default defineComponent({
 	},
 });
 </script>
-
-<style lang="scss" scoped>
-.xkpnjxcv {
-}
-</style>
diff --git a/packages/client/src/components/MkFormula.vue b/packages/client/src/components/MkFormula.vue
index e488c7da7..e2e3e1121 100644
--- a/packages/client/src/components/MkFormula.vue
+++ b/packages/client/src/components/MkFormula.vue
@@ -4,7 +4,6 @@
 
 <script lang="ts">
 import { defineComponent, defineAsyncComponent } from "vue";
-import * as os from "@/os";
 
 export default defineComponent({
 	components: {
diff --git a/packages/client/src/components/MkGalleryPostPreview.vue b/packages/client/src/components/MkGalleryPostPreview.vue
index 2d6e00464..e393c6acc 100644
--- a/packages/client/src/components/MkGalleryPostPreview.vue
+++ b/packages/client/src/components/MkGalleryPostPreview.vue
@@ -19,8 +19,6 @@
 </template>
 
 <script lang="ts" setup>
-import {} from "vue";
-import { userName } from "@/filters/user";
 import ImgWithBlurhash from "@/components/MkImgWithBlurhash.vue";
 
 const props = defineProps<{
diff --git a/packages/client/src/components/MkHeatmap.vue b/packages/client/src/components/MkHeatmap.vue
index f72286c43..8921ef3bc 100644
--- a/packages/client/src/components/MkHeatmap.vue
+++ b/packages/client/src/components/MkHeatmap.vue
@@ -8,21 +8,11 @@
 </template>
 
 <script lang="ts" setup>
-import {
-	markRaw,
-	version as vueVersion,
-	onMounted,
-	onBeforeUnmount,
-	nextTick,
-	watch,
-} from "vue";
+import { onMounted, nextTick, watch } from "vue";
 import { Chart } from "chart.js";
-import tinycolor from "tinycolor2";
-import { MatrixController, MatrixElement } from "chartjs-chart-matrix";
 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";
 import { $i } from "@/account";
diff --git a/packages/client/src/components/MkLaunchPad.vue b/packages/client/src/components/MkLaunchPad.vue
index 7e959645e..ebb310926 100644
--- a/packages/client/src/components/MkLaunchPad.vue
+++ b/packages/client/src/components/MkLaunchPad.vue
@@ -62,14 +62,11 @@
 </template>
 
 <script lang="ts" setup>
-import {} from "vue";
 import MkModal from "@/components/MkModal.vue";
 import { navbarItemDef } from "@/navbar";
-import { instanceName } from "@/config";
 import { defaultStore } from "@/store";
 import { i18n } from "@/i18n";
 import { deviceKind } from "@/scripts/device-kind";
-import * as os from "@/os";
 
 const props = withDefaults(
 	defineProps<{
diff --git a/packages/client/src/components/MkManyAnnouncements.vue b/packages/client/src/components/MkManyAnnouncements.vue
index 5c8b225de..c65cd0a9a 100644
--- a/packages/client/src/components/MkManyAnnouncements.vue
+++ b/packages/client/src/components/MkManyAnnouncements.vue
@@ -20,7 +20,6 @@ import { shallowRef } from "vue";
 import MkModal from "@/components/MkModal.vue";
 import MkButton from "@/components/MkButton.vue";
 import { i18n } from "@/i18n";
-import * as os from "@/os";
 
 const modal = shallowRef<InstanceType<typeof MkModal>>();
 const checkAnnouncements = () => {
diff --git a/packages/client/src/components/MkMediaList.vue b/packages/client/src/components/MkMediaList.vue
index 5e5ed233b..4b7b7e716 100644
--- a/packages/client/src/components/MkMediaList.vue
+++ b/packages/client/src/components/MkMediaList.vue
@@ -37,7 +37,6 @@ import XBanner from "@/components/MkMediaBanner.vue";
 import XMedia from "@/components/MkMedia.vue";
 import * as os from "@/os";
 import { FILE_TYPE_BROWSERSAFE } from "@/const";
-import { defaultStore } from "@/store";
 
 const props = defineProps<{
 	mediaList: misskey.entities.DriveFile[];
diff --git a/packages/client/src/components/MkMenu.child.vue b/packages/client/src/components/MkMenu.child.vue
index 83ae6b5a1..c7813e850 100644
--- a/packages/client/src/components/MkMenu.child.vue
+++ b/packages/client/src/components/MkMenu.child.vue
@@ -12,15 +12,7 @@
 </template>
 
 <script lang="ts" setup>
-import { on } from "events";
-import {
-	nextTick,
-	onBeforeUnmount,
-	onMounted,
-	onUnmounted,
-	ref,
-	watch,
-} from "vue";
+import { nextTick, onMounted, ref } from "vue";
 import MkMenu from "./MkMenu.vue";
 import { MenuItem } from "@/types/menu";
 
diff --git a/packages/client/src/components/MkMenu.vue b/packages/client/src/components/MkMenu.vue
index 8607ee8b3..d0eaa8def 100644
--- a/packages/client/src/components/MkMenu.vue
+++ b/packages/client/src/components/MkMenu.vue
@@ -17,7 +17,7 @@
 				@contextmenu.self="(e) => e.preventDefault()"
 				tabindex="-1"
 			>
-				<template v-for="(item, i) in items2">
+				<template v-for="item in items2">
 					<div v-if="item === null" class="divider"></div>
 					<span v-else-if="item.type === 'label'" class="label item">
 						<span :style="item.textStyle || ''">{{
@@ -204,18 +204,12 @@
 
 <script lang="ts" setup>
 import {
-	computed,
-	menu,
 	defineAsyncComponent,
-	nextTick,
 	onBeforeUnmount,
 	onMounted,
-	onUnmounted,
-	Ref,
 	ref,
 	watch,
 } from "vue";
-import { focusPrev, focusNext } from "@/scripts/focus";
 import FormSwitch from "@/components/form/switch.vue";
 import { MenuItem, InnerMenuItem, MenuPending, MenuAction } from "@/types/menu";
 import * as os from "@/os";
diff --git a/packages/client/src/components/MkMiniChart.vue b/packages/client/src/components/MkMiniChart.vue
index 31d6c27fa..bf23b8e0e 100644
--- a/packages/client/src/components/MkMiniChart.vue
+++ b/packages/client/src/components/MkMiniChart.vue
@@ -25,7 +25,7 @@
 </template>
 
 <script lang="ts" setup>
-import { onUnmounted, watch } from "vue";
+import { watch } from "vue";
 import { v4 as uuid } from "uuid";
 import tinycolor from "tinycolor2";
 import { useInterval } from "@/scripts/use-interval";
@@ -41,7 +41,6 @@ let polylinePoints = $ref("");
 let polygonPoints = $ref("");
 let headX = $ref<number | null>(null);
 let headY = $ref<number | null>(null);
-let clock = $ref<number | null>(null);
 const accent = tinycolor(
 	getComputedStyle(document.documentElement).getPropertyValue("--accent"),
 );
diff --git a/packages/client/src/components/MkModalPageWindow.vue b/packages/client/src/components/MkModalPageWindow.vue
index a29571b4e..a6d74edd1 100644
--- a/packages/client/src/components/MkModalPageWindow.vue
+++ b/packages/client/src/components/MkModalPageWindow.vue
@@ -60,11 +60,7 @@ import { url } from "@/config";
 import * as os from "@/os";
 import { mainRouter, routes } from "@/router";
 import { i18n } from "@/i18n";
-import {
-	PageMetadata,
-	provideMetadataReceiver,
-	setPageMetadata,
-} from "@/scripts/page-metadata";
+import { PageMetadata, provideMetadataReceiver } from "@/scripts/page-metadata";
 import { Router } from "@/nirax";
 
 const props = defineProps<{
diff --git a/packages/client/src/components/MkNote.vue b/packages/client/src/components/MkNote.vue
index 74a5fc3c9..10498e031 100644
--- a/packages/client/src/components/MkNote.vue
+++ b/packages/client/src/components/MkNote.vue
@@ -263,7 +263,7 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, inject, onMounted, onUnmounted, reactive, ref } from "vue";
+import { computed, inject, onMounted, ref } from "vue";
 import * as mfm from "mfm-js";
 import type { Ref } from "vue";
 import type * as misskey from "firefish-js";
@@ -271,16 +271,11 @@ import { detect as detectLanguage } from "tinyld";
 import MkNoteSub from "@/components/MkNoteSub.vue";
 import MkSubNoteContent from "./MkSubNoteContent.vue";
 import XNoteHeader from "@/components/MkNoteHeader.vue";
-import XNoteSimple from "@/components/MkNoteSimple.vue";
-import XMediaList from "@/components/MkMediaList.vue";
-import XCwButton from "@/components/MkCwButton.vue";
-import XPoll from "@/components/MkPoll.vue";
 import XRenoteButton from "@/components/MkRenoteButton.vue";
 import XReactionsViewer from "@/components/MkReactionsViewer.vue";
 import XStarButton from "@/components/MkStarButton.vue";
 import XStarButtonNoEmoji from "@/components/MkStarButtonNoEmoji.vue";
 import XQuoteButton from "@/components/MkQuoteButton.vue";
-import MkUrlPreview from "@/components/MkUrlPreview.vue";
 import MkVisibility from "@/components/MkVisibility.vue";
 import copyToClipboard from "@/scripts/copy-to-clipboard";
 import { url } from "@/config";
diff --git a/packages/client/src/components/MkNoteDetailed.vue b/packages/client/src/components/MkNoteDetailed.vue
index 530180c60..7da81718b 100644
--- a/packages/client/src/components/MkNoteDetailed.vue
+++ b/packages/client/src/components/MkNoteDetailed.vue
@@ -150,22 +150,12 @@
 </template>
 
 <script lang="ts" setup>
-import {
-	computed,
-	inject,
-	onMounted,
-	onUnmounted,
-	onUpdated,
-	reactive,
-	ref,
-} from "vue";
+import { onMounted, onUnmounted, onUpdated, ref } from "vue";
 import * as misskey from "firefish-js";
 import MkTab from "@/components/MkTab.vue";
 import MkNote from "@/components/MkNote.vue";
 import MkNoteSub from "@/components/MkNoteSub.vue";
-import XStarButton from "@/components/MkStarButton.vue";
 import XRenoteButton from "@/components/MkRenoteButton.vue";
-import MkPagination from "@/components/MkPagination.vue";
 import MkUserCardMini from "@/components/MkUserCardMini.vue";
 import MkReactedUsers from "@/components/MkReactedUsers.vue";
 import { pleaseLogin } from "@/scripts/please-login";
@@ -181,7 +171,6 @@ import { useNoteCapture } from "@/scripts/use-note-capture";
 import { deepClone } from "@/scripts/clone";
 import { stream } from "@/stream";
 import { NoteUpdatedEvent } from "firefish-js/built/streaming.types";
-import appear from "@/directives/appear";
 
 const props = defineProps<{
 	note: misskey.entities.Note;
diff --git a/packages/client/src/components/MkNoteHeader.vue b/packages/client/src/components/MkNoteHeader.vue
index 534515ebd..ee11060f3 100644
--- a/packages/client/src/components/MkNoteHeader.vue
+++ b/packages/client/src/components/MkNoteHeader.vue
@@ -49,7 +49,7 @@
 <script lang="ts" setup>
 import {} from "vue";
 import type * as misskey from "firefish-js";
-import { defaultStore, noteViewInterruptors } from "@/store";
+import { defaultStore } from "@/store";
 import MkVisibility from "@/components/MkVisibility.vue";
 import MkInstanceTicker from "@/components/MkInstanceTicker.vue";
 import { notePage } from "@/filters/note";
diff --git a/packages/client/src/components/MkNoteSimple.vue b/packages/client/src/components/MkNoteSimple.vue
index b197b4775..b8f4a218a 100644
--- a/packages/client/src/components/MkNoteSimple.vue
+++ b/packages/client/src/components/MkNoteSimple.vue
@@ -11,7 +11,6 @@
 </template>
 
 <script lang="ts" setup>
-import {} from "vue";
 import * as misskey from "firefish-js";
 import XNoteHeader from "@/components/MkNoteHeader.vue";
 import MkSubNoteContent from "@/components/MkSubNoteContent.vue";
diff --git a/packages/client/src/components/MkNotifications.vue b/packages/client/src/components/MkNotifications.vue
index 05eda6e33..f13669612 100644
--- a/packages/client/src/components/MkNotifications.vue
+++ b/packages/client/src/components/MkNotifications.vue
@@ -46,20 +46,12 @@
 </template>
 
 <script lang="ts" setup>
-import {
-	defineComponent,
-	markRaw,
-	onUnmounted,
-	onMounted,
-	computed,
-	ref,
-} from "vue";
+import { onUnmounted, onMounted, computed, ref } from "vue";
 import { notificationTypes } from "firefish-js";
 import MkPagination, { Paging } from "@/components/MkPagination.vue";
 import XNotification from "@/components/MkNotification.vue";
 import XList from "@/components/MkDateSeparatedList.vue";
 import XNote from "@/components/MkNote.vue";
-import * as os from "@/os";
 import { stream } from "@/stream";
 import { $i } from "@/account";
 import { i18n } from "@/i18n";
diff --git a/packages/client/src/components/MkNumber.vue b/packages/client/src/components/MkNumber.vue
index 846b28822..2a86c5abb 100644
--- a/packages/client/src/components/MkNumber.vue
+++ b/packages/client/src/components/MkNumber.vue
@@ -3,7 +3,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, reactive, watch } from "vue";
+import { reactive, watch } from "vue";
 import gsap from "gsap";
 import number from "@/filters/number";
 
diff --git a/packages/client/src/components/MkObjectView.value.vue b/packages/client/src/components/MkObjectView.value.vue
index 8b024229e..99836f222 100644
--- a/packages/client/src/components/MkObjectView.value.vue
+++ b/packages/client/src/components/MkObjectView.value.vue
@@ -56,7 +56,7 @@
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, reactive, ref } from "vue";
+import { defineComponent, reactive } from "vue";
 import number from "@/filters/number";
 
 export default defineComponent({
diff --git a/packages/client/src/components/MkObjectView.vue b/packages/client/src/components/MkObjectView.vue
index b3fce680b..74f3ed0a3 100644
--- a/packages/client/src/components/MkObjectView.vue
+++ b/packages/client/src/components/MkObjectView.vue
@@ -1,5 +1,5 @@
 <template>
-	<div class="zhyxdalp">
+	<div>
 		<XValue :value="value" :collapsed="false" />
 	</div>
 </template>
@@ -12,8 +12,3 @@ const props = defineProps<{
 	value: Record<string, unknown>;
 }>();
 </script>
-
-<style lang="scss" scoped>
-.zhyxdalp {
-}
-</style>
diff --git a/packages/client/src/components/MkPageWindow.vue b/packages/client/src/components/MkPageWindow.vue
index 354abde72..2f3b469fe 100644
--- a/packages/client/src/components/MkPageWindow.vue
+++ b/packages/client/src/components/MkPageWindow.vue
@@ -30,21 +30,16 @@
 </template>
 
 <script lang="ts" setup>
-import { ComputedRef, inject, provide } from "vue";
+import { ComputedRef, provide } from "vue";
 import RouterView from "@/components/global/RouterView.vue";
 import XWindow from "@/components/MkWindow.vue";
 import { popout as _popout } from "@/scripts/popout";
 import copyToClipboard from "@/scripts/copy-to-clipboard";
 import { url } from "@/config";
-import * as os from "@/os";
 import { mainRouter, routes } from "@/router";
 import { Router } from "@/nirax";
 import { i18n } from "@/i18n";
-import {
-	PageMetadata,
-	provideMetadataReceiver,
-	setPageMetadata,
-} from "@/scripts/page-metadata";
+import { PageMetadata, provideMetadataReceiver } from "@/scripts/page-metadata";
 
 const props = defineProps<{
 	initialPath: string;
@@ -128,10 +123,6 @@ const contextmenu = $computed(() => [
 	},
 ]);
 
-function menu(ev) {
-	os.popupMenu(contextmenu, ev.currentTarget ?? ev.target);
-}
-
 function back() {
 	history.pop();
 	router.replace(
diff --git a/packages/client/src/components/MkPagination.vue b/packages/client/src/components/MkPagination.vue
index ad9ac9a53..2d9aeb72e 100644
--- a/packages/client/src/components/MkPagination.vue
+++ b/packages/client/src/components/MkPagination.vue
@@ -67,10 +67,8 @@ import {
 	computed,
 	ComputedRef,
 	isRef,
-	markRaw,
 	onActivated,
 	onDeactivated,
-	Ref,
 	ref,
 	watch,
 } from "vue";
diff --git a/packages/client/src/components/MkPopupMenu.vue b/packages/client/src/components/MkPopupMenu.vue
index 12a18221c..739c9e30f 100644
--- a/packages/client/src/components/MkPopupMenu.vue
+++ b/packages/client/src/components/MkPopupMenu.vue
@@ -24,7 +24,6 @@
 </template>
 
 <script lang="ts" setup>
-import {} from "vue";
 import MkModal from "./MkModal.vue";
 import MkMenu from "./MkMenu.vue";
 import { MenuItem } from "@/types/menu";
diff --git a/packages/client/src/components/MkPostForm.vue b/packages/client/src/components/MkPostForm.vue
index 494d6881b..00c0c64e9 100644
--- a/packages/client/src/components/MkPostForm.vue
+++ b/packages/client/src/components/MkPostForm.vue
@@ -221,25 +221,25 @@
 				>
 					<i class="ph-question ph-bold ph-lg"></i>
 				</button>
-			<div v-if="showBigPostButton">
-				<button
-					class="submit bigPostButton"
-					:disabled="!canPost"
-					data-cy-open-post-form-submit
-					@click="post"
-				>
-					{{ submitText
-					}}<i
-						:class="
-							reply
-								? 'ph-arrow-u-up-left ph-bold ph-lg'
-								: renote
-								? 'ph-quotes ph-bold ph-lg'
-								: 'ph-paper-plane-tilt ph-bold ph-lg'
-						"
-					></i>
-				</button>
-			</div>
+				<div v-if="showBigPostButton">
+					<button
+						class="submit bigPostButton"
+						:disabled="!canPost"
+						data-cy-open-post-form-submit
+						@click="post"
+					>
+						{{ submitText
+						}}<i
+							:class="
+								reply
+									? 'ph-arrow-u-up-left ph-bold ph-lg'
+									: renote
+									? 'ph-quotes ph-bold ph-lg'
+									: 'ph-paper-plane-tilt ph-bold ph-lg'
+							"
+						></i>
+					</button>
+				</div>
 			</footer>
 			<datalist id="hashtags">
 				<option
@@ -357,8 +357,6 @@ let visibleUsers = $ref([]);
 if (props.initialVisibleUsers) {
 	props.initialVisibleUsers.forEach(pushVisibleUser);
 }
-let autocomplete = $ref(null);
-let draghover = $ref(false);
 let quoteId = $ref(null);
 let hasNotSpecifiedMentions = $ref(false);
 let recentHashtags = $ref(JSON.parse(localStorage.getItem("hashtags") || "[]"));
@@ -619,9 +617,9 @@ function togglePoll() {
 	}
 }
 
-function addTag(tag: string) {
-	insertTextAtCursor(textareaEl, ` #${tag} `);
-}
+// function addTag(tag: string) {
+// 	insertTextAtCursor(textareaEl, ` #${tag} `);
+// }
 
 function focus() {
 	if (textareaEl) {
diff --git a/packages/client/src/components/MkReactedUsers.vue b/packages/client/src/components/MkReactedUsers.vue
index 878b12578..13b44943d 100644
--- a/packages/client/src/components/MkReactedUsers.vue
+++ b/packages/client/src/components/MkReactedUsers.vue
@@ -40,7 +40,6 @@ import { onMounted, watch } from "vue";
 import * as misskey from "firefish-js";
 import MkReactionIcon from "@/components/MkReactionIcon.vue";
 import MkUserCardMini from "@/components/MkUserCardMini.vue";
-import { i18n } from "@/i18n";
 import * as os from "@/os";
 
 const props = defineProps<{
diff --git a/packages/client/src/components/MkReactionIcon.vue b/packages/client/src/components/MkReactionIcon.vue
index eb19a5520..89e056bab 100644
--- a/packages/client/src/components/MkReactionIcon.vue
+++ b/packages/client/src/components/MkReactionIcon.vue
@@ -9,8 +9,6 @@
 </template>
 
 <script lang="ts" setup>
-import {} from "vue";
-
 const props = defineProps<{
 	reaction: string;
 	customEmojis?: any[]; // TODO
diff --git a/packages/client/src/components/MkReactionTooltip.vue b/packages/client/src/components/MkReactionTooltip.vue
index e3db05c27..b83a42ee8 100644
--- a/packages/client/src/components/MkReactionTooltip.vue
+++ b/packages/client/src/components/MkReactionTooltip.vue
@@ -18,7 +18,6 @@
 </template>
 
 <script lang="ts" setup>
-import {} from "vue";
 import MkTooltip from "./MkTooltip.vue";
 import XReactionIcon from "@/components/MkReactionIcon.vue";
 
diff --git a/packages/client/src/components/MkReactionsViewer.details.vue b/packages/client/src/components/MkReactionsViewer.details.vue
index 96dd05162..a04daf054 100644
--- a/packages/client/src/components/MkReactionsViewer.details.vue
+++ b/packages/client/src/components/MkReactionsViewer.details.vue
@@ -29,7 +29,6 @@
 </template>
 
 <script lang="ts" setup>
-import {} from "vue";
 import MkTooltip from "./MkTooltip.vue";
 import XReactionIcon from "@/components/MkReactionIcon.vue";
 
diff --git a/packages/client/src/components/MkSignin.vue b/packages/client/src/components/MkSignin.vue
index dc49ca23d..17f8b9a72 100644
--- a/packages/client/src/components/MkSignin.vue
+++ b/packages/client/src/components/MkSignin.vue
@@ -160,7 +160,6 @@
 </template>
 
 <script lang="ts" setup>
-import Vue3OtpInput from "vue3-otp-input";
 import { defineAsyncComponent } from "vue";
 import { toUnicode } from "punycode/";
 import MkButton from "@/components/MkButton.vue";
@@ -180,16 +179,11 @@ let password = $ref("");
 let token = $ref("");
 let host = $ref(toUnicode(configHost));
 let totpLogin = $ref(false);
-let credential = $ref(null);
 let challengeData = $ref(null);
 let queryingKey = $ref(false);
 let hCaptchaResponse = $ref(null);
 let reCaptchaResponse = $ref(null);
 
-const updateToken = (value: string) => {
-	token = value.toString();
-};
-
 const meta = $computed(() => instance);
 
 const emit = defineEmits<{
diff --git a/packages/client/src/components/MkSignup.vue b/packages/client/src/components/MkSignup.vue
index c597858da..5be3a364d 100644
--- a/packages/client/src/components/MkSignup.vue
+++ b/packages/client/src/components/MkSignup.vue
@@ -284,7 +284,6 @@
 </template>
 
 <script lang="ts" setup>
-import {} from "vue";
 import getPasswordStrength from "syuilo-password-strength";
 import { toUnicode } from "punycode/";
 import MkButton from "./MkButton.vue";
diff --git a/packages/client/src/components/MkSignupDialog.vue b/packages/client/src/components/MkSignupDialog.vue
index d9a1492e4..8a499106a 100644
--- a/packages/client/src/components/MkSignupDialog.vue
+++ b/packages/client/src/components/MkSignupDialog.vue
@@ -20,7 +20,6 @@
 </template>
 
 <script lang="ts" setup>
-import {} from "vue";
 import XSignup from "@/components/MkSignup.vue";
 import XModalWindow from "@/components/MkModalWindow.vue";
 import { i18n } from "@/i18n";
diff --git a/packages/client/src/components/MkStarButtonNoEmoji.vue b/packages/client/src/components/MkStarButtonNoEmoji.vue
index cc6a65ef2..aa4dea64b 100644
--- a/packages/client/src/components/MkStarButtonNoEmoji.vue
+++ b/packages/client/src/components/MkStarButtonNoEmoji.vue
@@ -47,7 +47,6 @@ import Ripple from "@/components/MkRipple.vue";
 import XDetails from "@/components/MkUsersTooltip.vue";
 import { pleaseLogin } from "@/scripts/please-login";
 import * as os from "@/os";
-import { defaultStore } from "@/store";
 import { i18n } from "@/i18n";
 import { instance } from "@/instance";
 import { useTooltip } from "@/scripts/use-tooltip";
diff --git a/packages/client/src/components/MkSuperMenu.vue b/packages/client/src/components/MkSuperMenu.vue
index 14974bbba..ac7cdc011 100644
--- a/packages/client/src/components/MkSuperMenu.vue
+++ b/packages/client/src/components/MkSuperMenu.vue
@@ -4,7 +4,7 @@
 			<div v-if="group.title" class="title">{{ group.title }}</div>
 
 			<div class="items">
-				<template v-for="(item, i) in group.items">
+				<template v-for="item in group.items">
 					<a
 						v-if="item.type === 'a'"
 						:href="item.href"
@@ -53,7 +53,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, ref, unref } from "vue";
+import { defineComponent } from "vue";
 
 export default defineComponent({
 	props: {
diff --git a/packages/client/src/components/MkTagCloud.vue b/packages/client/src/components/MkTagCloud.vue
index a44ca1272..b1ee057cc 100644
--- a/packages/client/src/components/MkTagCloud.vue
+++ b/packages/client/src/components/MkTagCloud.vue
@@ -17,7 +17,7 @@
 </template>
 
 <script lang="ts" setup>
-import { onMounted, ref, watch, PropType, onBeforeUnmount } from "vue";
+import { onMounted, watch, onBeforeUnmount } from "vue";
 import tinycolor from "tinycolor2";
 
 const loaded = !!window.TagCanvas;
diff --git a/packages/client/src/components/MkTimeline.vue b/packages/client/src/components/MkTimeline.vue
index a44d64184..f85f03121 100644
--- a/packages/client/src/components/MkTimeline.vue
+++ b/packages/client/src/components/MkTimeline.vue
@@ -28,10 +28,9 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, watch, computed, provide, onUnmounted } from "vue";
+import { computed, provide, onUnmounted } from "vue";
 import XNotes from "@/components/MkNotes.vue";
 import MkInfo from "@/components/MkInfo.vue";
-import * as os from "@/os";
 import { stream } from "@/stream";
 import * as sound from "@/scripts/sound";
 import { $i } from "@/account";
diff --git a/packages/client/src/components/MkToast.vue b/packages/client/src/components/MkToast.vue
index 8d173e3e1..1c5d2f795 100644
--- a/packages/client/src/components/MkToast.vue
+++ b/packages/client/src/components/MkToast.vue
@@ -18,7 +18,7 @@
 </template>
 
 <script lang="ts" setup>
-import { onMounted, ref } from "vue";
+import { onMounted } from "vue";
 import * as os from "@/os";
 
 defineProps<{
diff --git a/packages/client/src/components/MkTutorialDialog.vue b/packages/client/src/components/MkTutorialDialog.vue
index dd5336d47..369ec122d 100644
--- a/packages/client/src/components/MkTutorialDialog.vue
+++ b/packages/client/src/components/MkTutorialDialog.vue
@@ -206,7 +206,7 @@
 </template>
 
 <script lang="ts" setup>
-import { reactive, computed } from "vue";
+import { computed } from "vue";
 import XSettings from "@/pages/settings/profile.vue";
 import XModalWindow from "@/components/MkModalWindow.vue";
 import MkButton from "@/components/MkButton.vue";
diff --git a/packages/client/src/components/MkUrlPreview.vue b/packages/client/src/components/MkUrlPreview.vue
index 29d045ebf..3591cb91a 100644
--- a/packages/client/src/components/MkUrlPreview.vue
+++ b/packages/client/src/components/MkUrlPreview.vue
@@ -99,7 +99,7 @@
 </template>
 
 <script lang="ts" setup>
-import { onMounted, onUnmounted } from "vue";
+import { onUnmounted } from "vue";
 import { url as local, lang } from "@/config";
 import { i18n } from "@/i18n";
 import { defaultStore } from "@/store";
diff --git a/packages/client/src/components/MkUserList.vue b/packages/client/src/components/MkUserList.vue
index 99815e46e..d9560290f 100644
--- a/packages/client/src/components/MkUserList.vue
+++ b/packages/client/src/components/MkUserList.vue
@@ -28,7 +28,6 @@
 import { ref } from "vue";
 import MkUserInfo from "@/components/MkUserInfo.vue";
 import MkPagination, { Paging } from "@/components/MkPagination.vue";
-import { userPage } from "@/filters/user";
 import { i18n } from "@/i18n";
 
 const props = defineProps<{
diff --git a/packages/client/src/components/MkUserOnlineIndicator.vue b/packages/client/src/components/MkUserOnlineIndicator.vue
index 5b61e9d77..4c02e1243 100644
--- a/packages/client/src/components/MkUserOnlineIndicator.vue
+++ b/packages/client/src/components/MkUserOnlineIndicator.vue
@@ -3,7 +3,6 @@
 </template>
 
 <script lang="ts" setup>
-import {} from "vue";
 import * as misskey from "firefish-js";
 import { i18n } from "@/i18n";
 
diff --git a/packages/client/src/components/MkUserSelectDialog.vue b/packages/client/src/components/MkUserSelectDialog.vue
index cf0f6e148..ed5c1cfe4 100644
--- a/packages/client/src/components/MkUserSelectDialog.vue
+++ b/packages/client/src/components/MkUserSelectDialog.vue
@@ -88,7 +88,7 @@
 </template>
 
 <script lang="ts" setup>
-import { nextTick, onMounted } from "vue";
+import { onMounted } from "vue";
 import * as misskey from "firefish-js";
 import MkInput from "@/components/form/input.vue";
 import FormSplit from "@/components/form/split.vue";
diff --git a/packages/client/src/components/MkUserSelectLocalDialog.vue b/packages/client/src/components/MkUserSelectLocalDialog.vue
index d736b4c67..3572b110f 100644
--- a/packages/client/src/components/MkUserSelectLocalDialog.vue
+++ b/packages/client/src/components/MkUserSelectLocalDialog.vue
@@ -84,7 +84,7 @@
 </template>
 
 <script lang="ts" setup>
-import { nextTick, onMounted } from "vue";
+import { onMounted } from "vue";
 import * as misskey from "firefish-js";
 import MkInput from "@/components/form/input.vue";
 import FormSplit from "@/components/form/split.vue";
diff --git a/packages/client/src/components/MkVisibility.vue b/packages/client/src/components/MkVisibility.vue
index 3b22d5d08..1556f9cc0 100644
--- a/packages/client/src/components/MkVisibility.vue
+++ b/packages/client/src/components/MkVisibility.vue
@@ -25,7 +25,6 @@
 </template>
 
 <script lang="ts" setup>
-import { ref } from "vue";
 import XDetails from "@/components/MkUsersTooltip.vue";
 import * as os from "@/os";
 import { useTooltip } from "@/scripts/use-tooltip";
diff --git a/packages/client/src/components/MkWidgets.vue b/packages/client/src/components/MkWidgets.vue
index f6241512f..6b9827ddf 100644
--- a/packages/client/src/components/MkWidgets.vue
+++ b/packages/client/src/components/MkWidgets.vue
@@ -72,7 +72,7 @@
 </template>
 
 <script lang="ts" setup>
-import { defineAsyncComponent, reactive, ref, computed } from "vue";
+import { ref, computed } from "vue";
 import { v4 as uuid } from "uuid";
 import { VueDraggable } from "vue-draggable-plus";
 import MkSelect from "@/components/form/select.vue";
diff --git a/packages/client/src/components/form/input.vue b/packages/client/src/components/form/input.vue
index f54e25fdc..91f401ac9 100644
--- a/packages/client/src/components/form/input.vue
+++ b/packages/client/src/components/form/input.vue
@@ -46,15 +46,7 @@
 </template>
 
 <script lang="ts" setup>
-import {
-	computed,
-	nextTick,
-	onMounted,
-	onUnmounted,
-	ref,
-	toRefs,
-	watch,
-} from "vue";
+import { nextTick, onMounted, ref, toRefs, watch } from "vue";
 import { debounce } from "throttle-debounce";
 import MkButton from "@/components/MkButton.vue";
 import { useInterval } from "@/scripts/use-interval";
@@ -101,7 +93,6 @@ const id = Math.random().toString(); // TODO: uuid?
 const focused = ref(false);
 const changed = ref(false);
 const invalid = ref(false);
-const filled = computed(() => v.value !== "" && v.value != null);
 const inputEl = ref<HTMLElement>();
 const prefixEl = ref<HTMLElement>();
 const suffixEl = ref<HTMLElement>();
@@ -136,7 +127,7 @@ watch(modelValue, (newValue) => {
 	v.value = newValue;
 });
 
-watch(v, (newValue) => {
+watch(v, (_) => {
 	if (!props.manualSave) {
 		if (props.debounce) {
 			debouncedUpdated();
diff --git a/packages/client/src/components/form/link.vue b/packages/client/src/components/form/link.vue
index 01acb2951..208b40430 100644
--- a/packages/client/src/components/form/link.vue
+++ b/packages/client/src/components/form/link.vue
@@ -26,8 +26,6 @@
 </template>
 
 <script lang="ts" setup>
-import {} from "vue";
-
 const props = defineProps<{
 	to: string;
 	active?: boolean;
diff --git a/packages/client/src/components/form/radio.vue b/packages/client/src/components/form/radio.vue
index 31316fb85..8534dd122 100644
--- a/packages/client/src/components/form/radio.vue
+++ b/packages/client/src/components/form/radio.vue
@@ -14,8 +14,6 @@
 </template>
 
 <script lang="ts" setup>
-import {} from "vue";
-
 const props = defineProps<{
 	modelValue: any;
 	value: any;
diff --git a/packages/client/src/components/form/select.vue b/packages/client/src/components/form/select.vue
index 08f0e47df..cf5b90a53 100644
--- a/packages/client/src/components/form/select.vue
+++ b/packages/client/src/components/form/select.vue
@@ -84,7 +84,6 @@ const focused = ref(false);
 const opening = ref(false);
 const changed = ref(false);
 const invalid = ref(false);
-const filled = computed(() => v.value !== "" && v.value != null);
 const inputEl = ref(null);
 const prefixEl = ref(null);
 const suffixEl = ref(null);
diff --git a/packages/client/src/components/form/textarea.vue b/packages/client/src/components/form/textarea.vue
index a54f8830f..a47ae4158 100644
--- a/packages/client/src/components/form/textarea.vue
+++ b/packages/client/src/components/form/textarea.vue
@@ -43,7 +43,6 @@ import {
 	defineComponent,
 	nextTick,
 	onMounted,
-	onUnmounted,
 	ref,
 	toRefs,
 	watch,
diff --git a/packages/client/src/components/global/MkA.vue b/packages/client/src/components/global/MkA.vue
index 93a02d443..83882e4ed 100644
--- a/packages/client/src/components/global/MkA.vue
+++ b/packages/client/src/components/global/MkA.vue
@@ -10,11 +10,10 @@
 </template>
 
 <script lang="ts" setup>
-import { inject } from "vue";
 import * as os from "@/os";
 import copyToClipboard from "@/scripts/copy-to-clipboard";
 import { url } from "@/config";
-import { popout as popout_ } from "@/scripts/popout";
+// import { popout as popout_ } from "@/scripts/popout";
 import { i18n } from "@/i18n";
 import { useRouter } from "@/router";
 
@@ -93,9 +92,9 @@ function modalWindow() {
 	os.modalPageWindow(props.to);
 }
 
-function popout() {
-	popout_(props.to);
-}
+// function popout() {
+// 	popout_(props.to);
+// }
 
 function nav(ev: MouseEvent) {
 	if (!ev.ctrlKey && props.behavior !== "browser") {
diff --git a/packages/client/src/components/global/MkAvatar.vue b/packages/client/src/components/global/MkAvatar.vue
index b0970b806..f38e5cddc 100644
--- a/packages/client/src/components/global/MkAvatar.vue
+++ b/packages/client/src/components/global/MkAvatar.vue
@@ -42,7 +42,7 @@
 </template>
 
 <script lang="ts" setup>
-import { onMounted, watch } from "vue";
+import { watch } from "vue";
 import type * as misskey from "firefish-js";
 import { getStaticImageUrl } from "@/scripts/get-static-image-url";
 import { extractAvgColorFromBlurhash } from "@/scripts/extract-avg-color-from-blurhash";
diff --git a/packages/client/src/components/global/MkEmoji.vue b/packages/client/src/components/global/MkEmoji.vue
index da182d3d6..37fab5c14 100644
--- a/packages/client/src/components/global/MkEmoji.vue
+++ b/packages/client/src/components/global/MkEmoji.vue
@@ -21,7 +21,7 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, ref, watch } from "vue";
+import { computed } from "vue";
 import type { CustomEmoji } from "firefish-js/built/entities";
 import { getStaticImageUrl } from "@/scripts/get-static-image-url";
 import { char2filePath } from "@/scripts/twemoji-base";
diff --git a/packages/client/src/components/global/MkLoading.vue b/packages/client/src/components/global/MkLoading.vue
index 4f031829a..e5709d95c 100644
--- a/packages/client/src/components/global/MkLoading.vue
+++ b/packages/client/src/components/global/MkLoading.vue
@@ -30,8 +30,6 @@
 </template>
 
 <script lang="ts" setup>
-import {} from "vue";
-
 const props = withDefaults(
 	defineProps<{
 		inline?: boolean;
diff --git a/packages/client/src/components/global/MkPageHeader.vue b/packages/client/src/components/global/MkPageHeader.vue
index 7faec6882..48b675a03 100644
--- a/packages/client/src/components/global/MkPageHeader.vue
+++ b/packages/client/src/components/global/MkPageHeader.vue
@@ -121,21 +121,10 @@
 </template>
 
 <script lang="ts" setup>
-import {
-	computed,
-	inject,
-	nextTick,
-	onMounted,
-	onUnmounted,
-	reactive,
-	ref,
-	shallowReactive,
-	watch,
-} from "vue";
+import { inject, nextTick, onMounted, onUnmounted, ref, watch } from "vue";
 import MkFollowButton from "@/components/MkFollowButton.vue";
 import { popupMenu } from "@/os";
 import { scrollToTop } from "@/scripts/scroll";
-import { globalEvents } from "@/events";
 import { injectPageMetadata } from "@/scripts/page-metadata";
 import { $i, openAccountMenu as openAccountMenu_ } from "@/account";
 import { i18n } from "@/i18n";
@@ -182,7 +171,6 @@ const tabHighlightEl = $ref<HTMLElement | null>(null);
 const tabsEl = $ref<HTMLElement | null>(null);
 const bg = ref(null);
 let narrow = $ref(false);
-const height = ref(0);
 const hasTabs = $computed(() => props.tabs && props.tabs.length > 0);
 const hasActions = $computed(() => props.actions && props.actions.length > 0);
 const show = $computed(() => {
diff --git a/packages/client/src/components/global/MkSpacer.vue b/packages/client/src/components/global/MkSpacer.vue
index f5054bfbc..0914104d5 100644
--- a/packages/client/src/components/global/MkSpacer.vue
+++ b/packages/client/src/components/global/MkSpacer.vue
@@ -7,7 +7,7 @@
 </template>
 
 <script lang="ts" setup>
-import { inject, onMounted, onUnmounted, ref } from "vue";
+import { inject, onMounted, onUnmounted } from "vue";
 import { deviceKind } from "@/scripts/device-kind";
 import { ui } from "@/config";
 
diff --git a/packages/client/src/components/global/MkUserName.vue b/packages/client/src/components/global/MkUserName.vue
index 08f5e5029..5094d2f2a 100644
--- a/packages/client/src/components/global/MkUserName.vue
+++ b/packages/client/src/components/global/MkUserName.vue
@@ -9,7 +9,6 @@
 </template>
 
 <script lang="ts" setup>
-import {} from "vue";
 import type * as misskey from "firefish-js";
 
 const props = withDefaults(
diff --git a/packages/client/src/components/global/RouterView.vue b/packages/client/src/components/global/RouterView.vue
index 2073c3a55..e82c79496 100644
--- a/packages/client/src/components/global/RouterView.vue
+++ b/packages/client/src/components/global/RouterView.vue
@@ -18,15 +18,7 @@
 </template>
 
 <script lang="ts" setup>
-import {
-	inject,
-	nextTick,
-	onBeforeUnmount,
-	onMounted,
-	onUnmounted,
-	provide,
-	watch,
-} from "vue";
+import { inject, onBeforeUnmount, provide } from "vue";
 import type { Resolved, Router } from "@/nirax";
 import { defaultStore } from "@/store";
 
diff --git a/packages/client/src/components/page/page.canvas.vue b/packages/client/src/components/page/page.canvas.vue
index 1ed96e2ac..2e5a0baea 100644
--- a/packages/client/src/components/page/page.canvas.vue
+++ b/packages/client/src/components/page/page.canvas.vue
@@ -6,7 +6,6 @@
 
 <script lang="ts">
 import { defineComponent, onMounted, PropType, Ref, ref } from "vue";
-import * as os from "@/os";
 import { CanvasBlock } from "@/scripts/hpml/block";
 import { Hpml } from "@/scripts/hpml/evaluator";
 
diff --git a/packages/client/src/components/page/page.counter.vue b/packages/client/src/components/page/page.counter.vue
index 514790b5f..a17217f54 100644
--- a/packages/client/src/components/page/page.counter.vue
+++ b/packages/client/src/components/page/page.counter.vue
@@ -9,7 +9,6 @@
 <script lang="ts">
 import { computed, defineComponent, PropType } from "vue";
 import MkButton from "../MkButton.vue";
-import * as os from "@/os";
 import { CounterVarBlock } from "@/scripts/hpml/block";
 import { Hpml } from "@/scripts/hpml/evaluator";
 
diff --git a/packages/client/src/components/page/page.image.vue b/packages/client/src/components/page/page.image.vue
index 1dd0ec73e..0e900dc57 100644
--- a/packages/client/src/components/page/page.image.vue
+++ b/packages/client/src/components/page/page.image.vue
@@ -12,9 +12,8 @@
 </template>
 
 <script lang="ts" setup>
-import { defineComponent, PropType } from "vue";
+import { PropType } from "vue";
 import ImgWithBlurhash from "@/components/MkImgWithBlurhash.vue";
-import * as os from "@/os";
 import { ImageBlock } from "@/scripts/hpml/block";
 import { Hpml } from "@/scripts/hpml/evaluator";
 
diff --git a/packages/client/src/components/page/page.number-input.vue b/packages/client/src/components/page/page.number-input.vue
index 3426cf667..6a0c86cc7 100644
--- a/packages/client/src/components/page/page.number-input.vue
+++ b/packages/client/src/components/page/page.number-input.vue
@@ -14,7 +14,6 @@
 <script lang="ts">
 import { computed, defineComponent, PropType } from "vue";
 import MkInput from "../form/input.vue";
-import * as os from "@/os";
 import { Hpml } from "@/scripts/hpml/evaluator";
 import { NumberInputVarBlock } from "@/scripts/hpml/block";
 
diff --git a/packages/client/src/components/page/page.radio-button.vue b/packages/client/src/components/page/page.radio-button.vue
index 3d3878e4f..279974222 100644
--- a/packages/client/src/components/page/page.radio-button.vue
+++ b/packages/client/src/components/page/page.radio-button.vue
@@ -15,7 +15,6 @@
 <script lang="ts">
 import { computed, defineComponent, PropType } from "vue";
 import MkRadio from "../form/radio.vue";
-import * as os from "@/os";
 import { Hpml } from "@/scripts/hpml/evaluator";
 import { RadioButtonVarBlock } from "@/scripts/hpml/block";
 
diff --git a/packages/client/src/components/page/page.section.vue b/packages/client/src/components/page/page.section.vue
index 04de165f1..72b112f69 100644
--- a/packages/client/src/components/page/page.section.vue
+++ b/packages/client/src/components/page/page.section.vue
@@ -16,7 +16,6 @@
 
 <script lang="ts">
 import { defineComponent, defineAsyncComponent, PropType } from "vue";
-import * as os from "@/os";
 import { SectionBlock } from "@/scripts/hpml/block";
 import { Hpml } from "@/scripts/hpml/evaluator";
 
@@ -59,8 +58,8 @@ export default defineComponent({
 		margin: 0 0 0.5em 0;
 	}
 
-	> .children {
-		//padding 16px
-	}
+	// > .children {
+	// 	padding: 16px;
+	// }
 }
 </style>
diff --git a/packages/client/src/components/page/page.switch.vue b/packages/client/src/components/page/page.switch.vue
index 7a00694e0..dd33fc07c 100644
--- a/packages/client/src/components/page/page.switch.vue
+++ b/packages/client/src/components/page/page.switch.vue
@@ -11,7 +11,6 @@
 <script lang="ts">
 import { computed, defineComponent, PropType } from "vue";
 import MkSwitch from "../form/switch.vue";
-import * as os from "@/os";
 import { Hpml } from "@/scripts/hpml/evaluator";
 import { SwitchVarBlock } from "@/scripts/hpml/block";
 
diff --git a/packages/client/src/components/page/page.text-input.vue b/packages/client/src/components/page/page.text-input.vue
index eb76d1890..f2286f082 100644
--- a/packages/client/src/components/page/page.text-input.vue
+++ b/packages/client/src/components/page/page.text-input.vue
@@ -14,7 +14,6 @@
 <script lang="ts">
 import { computed, defineComponent, PropType } from "vue";
 import MkInput from "../form/input.vue";
-import * as os from "@/os";
 import { Hpml } from "@/scripts/hpml/evaluator";
 import { TextInputVarBlock } from "@/scripts/hpml/block";
 
diff --git a/packages/client/src/components/page/page.textarea-input.vue b/packages/client/src/components/page/page.textarea-input.vue
index fab665c6d..c074479cf 100644
--- a/packages/client/src/components/page/page.textarea-input.vue
+++ b/packages/client/src/components/page/page.textarea-input.vue
@@ -12,9 +12,7 @@
 <script lang="ts">
 import { computed, defineComponent, PropType } from "vue";
 import MkTextarea from "../form/textarea.vue";
-import * as os from "@/os";
 import { Hpml } from "@/scripts/hpml/evaluator";
-import { HpmlTextInput } from "@/scripts/hpml";
 import { TextInputVarBlock } from "@/scripts/hpml/block";
 
 export default defineComponent({
diff --git a/packages/client/src/directives/click-anime.ts b/packages/client/src/directives/click-anime.ts
index ee1cc59a5..5c2dff1ed 100644
--- a/packages/client/src/directives/click-anime.ts
+++ b/packages/client/src/directives/click-anime.ts
@@ -1,5 +1,5 @@
 import { Directive } from "vue";
-import { defaultStore } from "@/store";
+// import { defaultStore } from "@/store";
 
 export default {
 	mounted(el, binding, vn) {