From 5d06aa5f13a72f6299049ea50a17d07cb81216b8 Mon Sep 17 00:00:00 2001
From: ThatOneCalculator <kainoa@t1c.dev>
Date: Fri, 1 Sep 2023 16:27:33 -0700
Subject: [PATCH] chore: :rotating_light: lint

---
 .gitignore                                    |   3 +
 packages/client/.eslintrc.json                |   1 +
 packages/client/package.json                  |  27 +-
 packages/client/src/account.ts                |  10 +-
 packages/client/src/components/MkDialog.vue   |   6 +-
 .../client/src/components/MkDrive.file.vue    |   6 +-
 .../client/src/components/MkDrive.folder.vue  |  12 +-
 .../src/components/MkDrive.navFolder.vue      |  10 +-
 packages/client/src/components/MkDrive.vue    |  16 +-
 .../src/components/MkDriveFileThumbnail.vue   |   2 +-
 .../src/components/MkDriveSelectDialog.vue    |   2 +-
 .../client/src/components/MkDriveWindow.vue   |   2 +-
 .../src/components/MkEmojiPicker.section.vue  |   2 +-
 .../client/src/components/MkEmojiPicker.vue   |  12 +-
 .../src/components/MkFeaturedPhotos.vue       |   2 +-
 .../client/src/components/MkFollowButton.vue  |  14 +-
 .../src/components/MkForgotPassword.vue       |   9 +-
 packages/client/src/components/MkFormula.vue  |   2 +-
 packages/client/src/components/MkHeatmap.vue  |   8 +-
 .../client/src/components/MkImageViewer.vue   |   1 -
 .../src/components/MkImgWithBlurhash.vue      |   2 +-
 packages/client/src/components/MkInfo.vue     |   2 +-
 .../src/components/MkInstanceCardMini.vue     |   4 +-
 .../src/components/MkInstanceSelectDialog.vue |  10 +-
 .../client/src/components/MkInstanceStats.vue |  10 +-
 .../src/components/MkInstanceTicker.vue       |   6 +-
 packages/client/src/components/MkMedia.vue    |   6 +-
 .../client/src/components/MkMediaBanner.vue   |   2 +-
 .../client/src/components/MkMediaList.vue     |   6 +-
 .../client/src/components/MkMenu.child.vue    |   2 +-
 packages/client/src/components/MkMenu.vue     |  29 +-
 .../client/src/components/MkMiniChart.vue     |  10 +-
 packages/client/src/components/MkModal.vue    |  33 +-
 .../src/components/MkModalPageWindow.vue      |  20 +-
 .../client/src/components/MkModalWindow.vue   |   8 +-
 packages/client/src/components/MkNote.vue     |  32 +-
 .../client/src/components/MkNoteDetailed.vue  |  56 +-
 .../client/src/components/MkNoteHeader.vue    |   3 +-
 .../client/src/components/MkNotePreview.vue   |   4 +-
 .../client/src/components/MkNoteSimple.vue    |   2 +-
 packages/client/src/components/MkNoteSub.vue  |  28 +-
 packages/client/src/components/MkNotes.vue    |   2 +-
 .../client/src/components/MkNotification.vue  |   9 +-
 .../MkNotificationSettingWindow.vue           |   7 +-
 .../src/components/MkNotificationToast.vue    |   2 +-
 .../client/src/components/MkNotifications.vue |   9 +-
 .../client/src/components/MkPageWindow.vue    |  12 +-
 .../client/src/components/MkPagination.vue    |  38 +-
 packages/client/src/components/MkPoll.vue     |   2 +-
 .../client/src/components/MkPollEditor.vue    |   2 +-
 .../client/src/components/MkPopupMenu.vue     |   6 +-
 packages/client/src/components/MkPostForm.vue |  58 +-
 .../src/components/MkPostFormAttaches.vue     |   9 +-
 .../src/components/MkPostFormDialog.vue       |   7 +-
 .../MkPushNotificationAllowButton.vue         |  10 +-
 .../client/src/components/MkReactedUsers.vue  |  12 +-
 .../components/MkReactionsViewer.reaction.vue |   2 +-
 .../src/components/MkReactionsViewer.vue      |   2 +-
 .../client/src/components/MkRenoteButton.vue  |  10 +-
 .../src/components/MkShowMoreButton.vue       |   2 +-
 packages/client/src/components/MkSignin.vue   |  24 +-
 .../client/src/components/MkSigninDialog.vue  |   1 -
 packages/client/src/components/MkSignup.vue   |  34 +-
 packages/client/src/components/MkSparkle.vue  |   4 +-
 .../src/components/MkStarButtonNoEmoji.vue    |   2 +-
 .../src/components/MkSubNoteContent.vue       |  24 +-
 packages/client/src/components/MkTagCloud.vue |  14 +-
 packages/client/src/components/MkTimeline.vue |  16 +-
 packages/client/src/components/MkToast.vue    |   2 +-
 .../src/components/MkTokenGenerateWindow.vue  |  11 +-
 .../src/components/MkTutorialDialog.vue       |   2 +-
 packages/client/src/components/MkUpdated.vue  |   6 +-
 .../client/src/components/MkUrlPreview.vue    |  28 +-
 .../src/components/MkUrlPreviewPopup.vue      |   4 +-
 .../client/src/components/MkUserCardMini.vue  |   4 +-
 packages/client/src/components/MkUserInfo.vue |   6 +-
 packages/client/src/components/MkUserList.vue |   3 +-
 .../src/components/MkUserOnlineIndicator.vue  |   2 +-
 .../client/src/components/MkUserPreview.vue   |   8 +-
 .../src/components/MkUserSelectDialog.vue     |  18 +-
 .../components/MkUserSelectLocalDialog.vue    |  16 +-
 .../client/src/components/MkUsersTooltip.vue  |   2 +-
 .../client/src/components/MkVisibility.vue    |   6 +-
 .../src/components/MkVisibilityPicker.vue     |   8 +-
 .../client/src/components/MkWaitingDialog.vue |   2 +-
 packages/client/src/components/MkWidgets.vue  |  12 +-
 packages/client/src/components/MkWindow.vue   |  22 +-
 .../client/src/components/form/checkbox.vue   |   5 +-
 .../client/src/components/global/MkAvatar.vue |   4 +-
 .../src/components/global/MkPageHeader.vue    |   4 +-
 .../components/global/MkStickyContainer.vue   |   4 +-
 .../client/src/components/global/MkTime.vue   |   4 +-
 .../src/components/global/RouterView.vue      |  12 +-
 packages/client/src/components/global/i18n.ts |   2 +-
 packages/client/src/components/index.ts       |   2 +-
 packages/client/src/components/mfm.ts         |   2 +-
 .../client/src/components/page/page.block.vue |   7 +-
 .../src/components/page/page.button.vue       |   7 +-
 .../src/components/page/page.canvas.vue       |   7 +-
 .../src/components/page/page.counter.vue      |   7 +-
 .../client/src/components/page/page.if.vue    |   7 +-
 .../client/src/components/page/page.image.vue |   6 +-
 .../client/src/components/page/page.note.vue  |   5 +-
 .../src/components/page/page.number-input.vue |   7 +-
 .../client/src/components/page/page.post.vue  |   7 +-
 .../src/components/page/page.radio-button.vue |   9 +-
 .../src/components/page/page.section.vue      |   7 +-
 .../src/components/page/page.switch.vue       |   7 +-
 .../src/components/page/page.text-input.vue   |   7 +-
 .../client/src/components/page/page.text.vue  |   7 +-
 .../components/page/page.textarea-input.vue   |   7 +-
 .../src/components/page/page.textarea.vue     |   8 +-
 packages/client/src/components/page/page.vue  |  19 +-
 .../client/src/directives/adaptive-border.ts  |   2 +-
 packages/client/src/directives/anim.ts        |   4 +-
 packages/client/src/directives/appear.ts      |   2 +-
 packages/client/src/directives/click-anime.ts |   2 +-
 .../client/src/directives/follow-append.ts    |   2 +-
 packages/client/src/directives/get-size.ts    |   2 +-
 packages/client/src/directives/hotkey.ts      |   2 +-
 packages/client/src/directives/index.ts       |   2 +-
 packages/client/src/directives/panel.ts       |   2 +-
 packages/client/src/directives/size.ts        |  13 +-
 packages/client/src/directives/tooltip.ts     |   5 +-
 .../client/src/directives/user-preview.ts     |   3 +-
 packages/client/src/filters/user.ts           |   2 +-
 packages/client/src/init.ts                   |  38 +-
 packages/client/src/instance.ts               |   2 +-
 packages/client/src/navbar.ts                 |   2 +-
 packages/client/src/nirax.ts                  |  20 +-
 packages/client/src/os.ts                     |  37 +-
 packages/client/src/pages/_error_.vue         |   2 +-
 packages/client/src/pages/about-firefish.vue  |   6 +-
 packages/client/src/pages/about.vue           |  10 +-
 packages/client/src/pages/admin-file.vue      |   6 +-
 packages/client/src/pages/admin/_header_.vue  |   6 +-
 .../client/src/pages/admin/announcements.vue  |   3 +-
 .../client/src/pages/admin/email-settings.vue |   2 +-
 packages/client/src/pages/admin/emojis.vue    |   2 +-
 .../client/src/pages/admin/experiments.vue    |   8 +-
 packages/client/src/pages/admin/hashtags.vue  |   2 +-
 packages/client/src/pages/admin/index.vue     |   6 +-
 .../client/src/pages/admin/instance-block.vue |   2 +-
 .../client/src/pages/admin/integrations.vue   |   2 +-
 .../client/src/pages/admin/object-storage.vue |   2 +-
 .../src/pages/admin/overview.active-users.vue |   4 +-
 .../src/pages/admin/overview.ap-requests.vue  |   2 +-
 .../src/pages/admin/overview.metrics.vue      |   2 +-
 .../src/pages/admin/overview.moderators.vue   |   2 +-
 .../src/pages/admin/overview.queue-chart.vue  |  18 +-
 .../src/pages/admin/overview.queue.chart.vue  |   2 +-
 .../client/src/pages/admin/overview.user.vue  |   2 +-
 packages/client/src/pages/admin/overview.vue  |   6 +-
 .../client/src/pages/admin/promotions.vue     |   4 +-
 .../client/src/pages/admin/proxy-account.vue  |   2 +-
 .../src/pages/admin/queue.chart.chart.vue     |  20 +-
 .../client/src/pages/admin/queue.chart.vue    |   2 +-
 packages/client/src/pages/admin/queue.vue     |   2 +-
 packages/client/src/pages/admin/relays.vue    |   2 +-
 packages/client/src/pages/admin/security.vue  |   2 +-
 packages/client/src/pages/admin/settings.vue  |   2 +-
 packages/client/src/pages/admin/users.vue     |   4 +-
 packages/client/src/pages/announcements.vue   |   2 +-
 .../client/src/pages/antenna-timeline.vue     |   2 +-
 packages/client/src/pages/api-console.vue     |   4 +-
 packages/client/src/pages/auth.vue            |   2 +-
 packages/client/src/pages/channel-editor.vue  |   2 +-
 packages/client/src/pages/channel.vue         |   2 +-
 packages/client/src/pages/channels.vue        |  10 +-
 packages/client/src/pages/clip.vue            |   2 +-
 packages/client/src/pages/explore.users.vue   |   2 +-
 packages/client/src/pages/explore.vue         |   4 +-
 packages/client/src/pages/follow-requests.vue |  10 +-
 packages/client/src/pages/gallery/edit.vue    |   4 +-
 packages/client/src/pages/gallery/index.vue   |   4 +-
 packages/client/src/pages/gallery/post.vue    |   2 +-
 packages/client/src/pages/instance-info.vue   |   8 +-
 packages/client/src/pages/messaging/index.vue |   6 +-
 .../pages/messaging/messaging-room.form.vue   |  14 +-
 .../src/pages/messaging/messaging-room.vue    |  15 +-
 .../client/src/pages/my-antennas/editor.vue   |   4 +-
 .../client/src/pages/my-antennas/index.vue    |   6 +-
 packages/client/src/pages/my-clips/index.vue  |   2 +-
 packages/client/src/pages/my-groups/group.vue |   4 +-
 packages/client/src/pages/my-groups/index.vue |   2 +-
 packages/client/src/pages/my-lists/index.vue  |   4 +-
 packages/client/src/pages/my-lists/list.vue   |   6 +-
 packages/client/src/pages/note.vue            |   6 +-
 packages/client/src/pages/notifications.vue   |   2 +-
 .../page-editor/els/page-editor.el.note.vue   |   2 +-
 .../els/page-editor.el.radio-button.vue       |   2 +-
 .../pages/page-editor/page-editor.blocks.vue  |   2 +-
 .../src/pages/page-editor/page-editor.vue     |   6 +-
 packages/client/src/pages/page.vue            |   4 +-
 packages/client/src/pages/pages.vue           |   4 +-
 packages/client/src/pages/registry.keys.vue   |   2 +-
 packages/client/src/pages/registry.value.vue  |   2 +-
 packages/client/src/pages/registry.vue        |   2 +-
 packages/client/src/pages/reset-password.vue  |   2 +-
 packages/client/src/pages/search.vue          |   4 +-
 packages/client/src/pages/settings/2fa.vue    |   6 +-
 .../client/src/pages/settings/accounts.vue    |  10 +-
 packages/client/src/pages/settings/api.vue    |   2 +-
 .../src/pages/settings/custom-katex-macro.vue |   2 +-
 .../src/pages/settings/delete-account.vue     |   2 +-
 packages/client/src/pages/settings/email.vue  |   2 +-
 packages/client/src/pages/settings/index.vue  |   2 +-
 .../client/src/pages/settings/migration.vue   |   2 +-
 packages/client/src/pages/settings/navbar.vue |   2 +-
 .../src/pages/settings/notifications.vue      |   2 +-
 .../src/pages/settings/plugin.install.vue     |   6 +-
 .../pages/settings/preferences-backups.vue    |  10 +-
 .../client/src/pages/settings/privacy.vue     |   2 +-
 .../client/src/pages/settings/profile.vue     |   2 +-
 .../client/src/pages/settings/reaction.vue    |   4 +-
 .../client/src/pages/settings/security.vue    |   2 +-
 .../src/pages/settings/theme.manage.vue       |   3 +-
 .../client/src/pages/settings/word-mute.vue   |   2 +-
 packages/client/src/pages/share.vue           |  16 +-
 packages/client/src/pages/tag.vue             |   4 +-
 packages/client/src/pages/theme-editor.vue    |   5 +-
 packages/client/src/pages/timeline.vue        |   8 +-
 packages/client/src/pages/user-info.vue       |   8 +-
 .../client/src/pages/user-list-timeline.vue   |   2 +-
 packages/client/src/pages/user/clips.vue      |   2 +-
 .../client/src/pages/user/follow-list.vue     |   2 +-
 packages/client/src/pages/user/followers.vue  |   4 +-
 packages/client/src/pages/user/following.vue  |   4 +-
 packages/client/src/pages/user/gallery.vue    |   2 +-
 packages/client/src/pages/user/home.vue       |  12 +-
 .../client/src/pages/user/index.activity.vue  |   4 +-
 .../client/src/pages/user/index.photos.vue    |   2 +-
 .../client/src/pages/user/index.timeline.vue  |   4 +-
 packages/client/src/pages/user/index.vue      |   2 +-
 packages/client/src/pages/user/pages.vue      |   2 +-
 packages/client/src/pages/user/reactions.vue  |   2 +-
 .../client/src/pages/welcome.entrance.a.vue   |   2 +-
 .../client/src/pages/welcome.entrance.b.vue   |   2 +-
 .../client/src/pages/welcome.timeline.vue     |  10 +-
 packages/client/src/pizzax.ts                 |   8 +-
 packages/client/src/plugin.ts                 |  16 +-
 packages/client/src/router.ts                 |   5 +-
 packages/client/src/scripts/array.ts          |   2 +-
 packages/client/src/scripts/autocomplete.ts   |  14 +-
 packages/client/src/scripts/chart-vline.ts    |   2 +-
 .../client/src/scripts/check-word-mute.ts     |  12 +-
 packages/client/src/scripts/emojilist.ts      |   4 +-
 packages/client/src/scripts/extract-mfm.ts    |   2 +-
 .../client/src/scripts/format-time-string.ts  |   4 +-
 .../client/src/scripts/gen-search-query.ts    |   7 +-
 packages/client/src/scripts/get-note-menu.ts  |   7 +-
 .../client/src/scripts/get-note-summary.ts    |   2 +-
 packages/client/src/scripts/get-user-menu.ts  |   8 +-
 packages/client/src/scripts/helpMenu.ts       |   2 +-
 packages/client/src/scripts/hotkey.ts         |  10 +-
 packages/client/src/scripts/hpml/block.ts     |   4 +-
 packages/client/src/scripts/hpml/evaluator.ts |  17 +-
 packages/client/src/scripts/hpml/expr.ts      |  11 +-
 packages/client/src/scripts/hpml/index.ts     |  18 +-
 packages/client/src/scripts/hpml/lib.ts       |   8 +-
 .../client/src/scripts/hpml/type-checker.ts   |  10 +-
 packages/client/src/scripts/i18n.ts           |   4 +-
 packages/client/src/scripts/idb-proxy.ts      |   2 +-
 packages/client/src/scripts/init-chart.ts     |  20 +-
 packages/client/src/scripts/katex-macro.ts    |  54 +-
 packages/client/src/scripts/page-metadata.ts  |  18 +-
 packages/client/src/scripts/physics.ts        |  18 +-
 packages/client/src/scripts/popout.ts         |   2 +-
 packages/client/src/scripts/popup-position.ts |  12 +-
 packages/client/src/scripts/preprocess.ts     |  10 +-
 .../client/src/scripts/reaction-picker.ts     |   3 +-
 packages/client/src/scripts/search.ts         |   2 +-
 packages/client/src/scripts/select-file.ts    |   4 +-
 packages/client/src/scripts/shuffle.ts        |   4 +-
 packages/client/src/scripts/theme-editor.ts   |  27 +-
 packages/client/src/scripts/theme.ts          |   6 +-
 packages/client/src/scripts/upload.ts         |   8 +-
 .../client/src/scripts/use-chart-tooltip.ts   |   2 +-
 .../client/src/scripts/use-leave-guard.ts     |   3 +-
 .../client/src/scripts/use-note-capture.ts    |   5 +-
 packages/client/src/scripts/use-tooltip.ts    |  32 +-
 packages/client/src/store.ts                  |   4 +-
 packages/client/src/theme-store.ts            |   2 +-
 packages/client/src/types/menu.ts             |  36 +-
 packages/client/src/ui/_common_/common.vue    |   4 +-
 .../src/ui/_common_/navbar-for-mobile.vue     |   2 +-
 packages/client/src/ui/_common_/navbar.vue    |  12 +-
 .../src/ui/_common_/statusbar-federation.vue  |   4 +-
 .../client/src/ui/_common_/statusbar-rss.vue  |   2 +-
 .../src/ui/_common_/statusbar-user-list.vue   |   4 +-
 .../src/ui/_common_/stream-indicator.vue      |   2 +-
 packages/client/src/ui/_common_/sw-inject.ts  |   1 -
 .../client/src/ui/deck/channel-column.vue     |   1 -
 packages/client/src/ui/deck/column.vue        |  10 +-
 packages/client/src/ui/deck/deck-store.ts     |  21 +-
 packages/client/src/ui/deck/list-column.vue   |   1 -
 packages/client/src/ui/deck/main-column.vue   |   2 +-
 packages/client/src/ui/deck/tl-column.vue     |   6 +-
 .../client/src/ui/deck/widgets-column.vue     |   3 +-
 packages/client/src/ui/universal.vue          |   2 +-
 packages/client/src/ui/visitor/b.vue          |  12 +-
 packages/client/src/ui/zen.vue                |   2 +-
 .../client/src/widgets/activity.chart.vue     |  12 +-
 packages/client/src/widgets/clock.vue         |   1 -
 packages/client/src/widgets/digital-clock.vue |   2 +-
 packages/client/src/widgets/index.ts          |   3 +-
 .../client/src/widgets/instance-cloud.vue     |   3 +-
 packages/client/src/widgets/rss-ticker.vue    |   2 +-
 .../src/widgets/server-metric/cpu-mem.vue     |  20 +-
 .../client/src/widgets/server-metric/cpu.vue  |   2 +-
 .../client/src/widgets/server-metric/disk.vue |   1 -
 .../src/widgets/server-metric/meilisearch.vue |  10 +-
 .../client/src/widgets/server-metric/mem.vue  |   8 +-
 .../client/src/widgets/server-metric/net.vue  |  20 +-
 .../client/src/widgets/server-metric/pie.vue  |   2 -
 packages/client/src/widgets/user-list.vue     |   6 +-
 packages/client/src/widgets/widget.ts         |  18 +-
 pnpm-lock.yaml                                | 845 +++++++++++-------
 318 files changed, 1702 insertions(+), 1473 deletions(-)

diff --git a/.gitignore b/.gitignore
index c5ff3fb98..3c55ec0d7 100644
--- a/.gitignore
+++ b/.gitignore
@@ -32,6 +32,9 @@ coverage
 # docker dev config
 /dev/docker-compose.yml
 
+# ESLint
+.eslintcache
+
 # misskey
 built
 db
diff --git a/packages/client/.eslintrc.json b/packages/client/.eslintrc.json
index fd4718003..6c11c2429 100644
--- a/packages/client/.eslintrc.json
+++ b/packages/client/.eslintrc.json
@@ -1,6 +1,7 @@
 {
   "extends": ["@eslint-sets/vue3", "@eslint-sets/vue3-ts"],
 	"plugins": ["file-progress", "prettier"],
+	"ignorePatterns": ["**/*.json5"],
 	"rules": {
 		"file-progress/activate": 1
 	}
diff --git a/packages/client/package.json b/packages/client/package.json
index 9efe66f4b..ef28a5db6 100644
--- a/packages/client/package.json
+++ b/packages/client/package.json
@@ -5,8 +5,8 @@
 		"watch": "pnpm vite build --watch --mode development",
 		"build": "pnpm vite build",
 		"build:debug": "pnpm run build",
-		"lint": "pnpm rome check **/*.ts --apply && pnpm run lint:vue",
-		"lint:vue": "pnpm paralint --ext .vue --fix '**/*.vue' --cache",
+		"lint": "pnpm rome check **/*.ts --apply ; pnpm run lint:vue",
+		"lint:vue": "pnpm eslint src --fix '**/*.vue' --cache ; pnpm run format",
 		"format": "pnpm rome format * --write && pnpm prettier --write '**/*.{scss,vue}' --cache --cache-strategy metadata"
 	},
 	"devDependencies": {
@@ -16,7 +16,7 @@
 		"@phosphor-icons/web": "^2.0.3",
 		"@rollup/plugin-alias": "5.0.0",
 		"@rollup/plugin-json": "6.0.0",
-		"@rollup/pluginutils": "^5.0.3",
+		"@rollup/pluginutils": "^5.0.4",
 		"@syuilo/aiscript": "0.11.1",
 		"@types/escape-regexp": "0.0.1",
 		"@types/glob": "8.1.0",
@@ -28,15 +28,15 @@
 		"@types/seedrandom": "3.0.5",
 		"@types/throttle-debounce": "5.0.0",
 		"@types/tinycolor2": "1.4.3",
-		"@types/uuid": "9.0.2",
-		"@vitejs/plugin-vue": "4.3.1",
+		"@types/uuid": "9.0.3",
+		"@vitejs/plugin-vue": "4.3.4",
 		"@vue/compiler-sfc": "3.3.4",
 		"autobind-decorator": "2.4.0",
 		"autosize": "6.0.1",
 		"blurhash": "2.0.5",
-		"broadcast-channel": "5.2.0",
+		"broadcast-channel": "5.3.0",
 		"browser-image-resizer": "github:misskey-dev/browser-image-resizer",
-		"chart.js": "4.3.3",
+		"chart.js": "4.4.0",
 		"chartjs-adapter-date-fns": "3.0.0",
 		"chartjs-chart-matrix": "^2.0.1",
 		"chartjs-plugin-gradient": "0.6.1",
@@ -63,36 +63,35 @@
 		"katex": "0.16.8",
 		"matter-js": "0.19.0",
 		"mfm-js": "0.23.3",
-		"paralint": "^1.2.1",
 		"photoswipe": "5.3.8",
-		"prettier": "3.0.2",
+		"prettier": "3.0.3",
 		"prettier-plugin-vue": "1.1.6",
 		"prismjs": "1.29.0",
 		"punycode": "2.3.0",
 		"rndstr": "1.0.0",
-		"rollup": "3.28.0",
+		"rollup": "3.28.1",
 		"s-age": "1.1.2",
-		"sass": "1.66.0",
+		"sass": "1.66.1",
 		"seedrandom": "3.0.5",
 		"strict-event-emitter-types": "2.0.0",
 		"stringz": "2.1.0",
 		"swiper": "10.2.0",
 		"syuilo-password-strength": "0.0.1",
 		"textarea-caret": "3.1.0",
-		"three": "0.155.0",
+		"three": "0.156.0",
 		"throttle-debounce": "5.0.0",
 		"tinycolor2": "1.6.0",
 		"tsc-alias": "1.8.7",
 		"tsconfig-paths": "4.2.0",
 		"twemoji-parser": "14.0.0",
-		"typescript": "5.1.6",
+		"typescript": "5.2.2",
 		"unicode-emoji-json": "^0.4.0",
 		"uuid": "9.0.0",
 		"vanilla-tilt": "1.8.1",
 		"vite": "4.4.9",
 		"vite-plugin-compression": "^0.5.1",
 		"vue": "3.3.4",
-		"vue-draggable-plus": "^0.2.5",
+		"vue-draggable-plus": "^0.2.6",
 		"vue-isyourpasswordsafe": "^2.0.0",
 		"vue-plyr": "^7.0.0",
 		"vue-prism-editor": "2.0.0-alpha.2"
diff --git a/packages/client/src/account.ts b/packages/client/src/account.ts
index b2d6df033..13408b525 100644
--- a/packages/client/src/account.ts
+++ b/packages/client/src/account.ts
@@ -1,10 +1,10 @@
 import { defineAsyncComponent, reactive } from "vue";
-import * as misskey from "firefish-js";
+import type * as misskey from "firefish-js";
 import { i18n } from "./i18n";
 import { del, get, set } from "@/scripts/idb-proxy";
 import { apiUrl } from "@/config";
-import { waiting, api, popup, popupMenu, success, alert } from "@/os";
-import { unisonReload, reloadChannel } from "@/scripts/unison-reload";
+import { alert, api, popup, popupMenu, success, waiting } from "@/os";
+import { reloadChannel, unisonReload } from "@/scripts/unison-reload";
 
 // TODO: 他のタブと永続化されたstateを同期
 
@@ -28,7 +28,7 @@ export async function signout() {
 
 	const accounts = await getAccounts();
 
-	//#region Remove service worker registration
+	// #region Remove service worker registration
 	try {
 		if (navigator.serviceWorker.controller) {
 			const registration = await navigator.serviceWorker.ready;
@@ -52,7 +52,7 @@ export async function signout() {
 			});
 		}
 	} catch (err) {}
-	//#endregion
+	// #endregion
 
 	document.cookie = "igi=; path=/";
 
diff --git a/packages/client/src/components/MkDialog.vue b/packages/client/src/components/MkDialog.vue
index 3cfd332c7..5acef3965 100644
--- a/packages/client/src/components/MkDialog.vue
+++ b/packages/client/src/components/MkDialog.vue
@@ -199,7 +199,7 @@
 </template>
 
 <script lang="ts" setup>
-import { onBeforeUnmount, onMounted, ref, shallowRef, computed } from "vue";
+import { computed, onBeforeUnmount, onMounted, ref, shallowRef } from "vue";
 import * as Acct from "firefish-js/built/acct";
 import MkModal from "@/components/MkModal.vue";
 import MkButton from "@/components/MkButton.vue";
@@ -281,7 +281,9 @@ const modal = shallowRef<InstanceType<typeof MkModal>>();
 const inputValue = ref<string | number | null>(props.input?.default ?? null);
 const selectedValue = ref(props.select?.default ?? null);
 
-let disabledReason = ref<null | "charactersExceeded" | "charactersBelow">(null);
+const disabledReason = ref<null | "charactersExceeded" | "charactersBelow">(
+	null,
+);
 const okButtonDisabled = computed<boolean>(() => {
 	if (props.input) {
 		if (props.input.minLength) {
diff --git a/packages/client/src/components/MkDrive.file.vue b/packages/client/src/components/MkDrive.file.vue
index 3fe0316bc..53705ca23 100644
--- a/packages/client/src/components/MkDrive.file.vue
+++ b/packages/client/src/components/MkDrive.file.vue
@@ -39,7 +39,7 @@
 
 <script lang="ts" setup>
 import { computed, defineAsyncComponent, ref } from "vue";
-import * as Misskey from "firefish-js";
+import type * as Misskey from "firefish-js";
 import copyToClipboard from "@/scripts/copy-to-clipboard";
 import MkDriveFileThumbnail from "@/components/MkDriveFileThumbnail.vue";
 import bytes from "@/filters/bytes";
@@ -160,7 +160,7 @@ function rename() {
 		if (canceled) return;
 		os.api("drive/files/update", {
 			fileId: props.file.id,
-			name: name,
+			name,
 		});
 	});
 }
@@ -179,7 +179,7 @@ function describe() {
 		{
 			done: (result) => {
 				if (!result || result.canceled) return;
-				let comment = result.result;
+				const comment = result.result;
 				os.api("drive/files/update", {
 					fileId: props.file.id,
 					comment: comment.length === 0 ? null : comment,
diff --git a/packages/client/src/components/MkDrive.folder.vue b/packages/client/src/components/MkDrive.folder.vue
index 7f63df771..60700781a 100644
--- a/packages/client/src/components/MkDrive.folder.vue
+++ b/packages/client/src/components/MkDrive.folder.vue
@@ -38,7 +38,7 @@
 
 <script lang="ts" setup>
 import { computed, defineAsyncComponent, ref } from "vue";
-import * as Misskey from "firefish-js";
+import type * as Misskey from "firefish-js";
 import * as os from "@/os";
 import { i18n } from "@/i18n";
 import { defaultStore } from "@/store";
@@ -131,7 +131,7 @@ function onDrop(ev: DragEvent) {
 		return;
 	}
 
-	//#region ドライブのファイル
+	// #region ドライブのファイル
 	const driveFile = ev.dataTransfer.getData(_DATA_TRANSFER_DRIVE_FILE_);
 	if (driveFile != null && driveFile !== "") {
 		const file = JSON.parse(driveFile);
@@ -141,9 +141,9 @@ function onDrop(ev: DragEvent) {
 			folderId: props.folder.id,
 		});
 	}
-	//#endregion
+	// #endregion
 
-	//#region ドライブのフォルダ
+	// #region ドライブのフォルダ
 	const driveFolder = ev.dataTransfer.getData(_DATA_TRANSFER_DRIVE_FOLDER_);
 	if (driveFolder != null && driveFolder !== "") {
 		const folder = JSON.parse(driveFolder);
@@ -175,7 +175,7 @@ function onDrop(ev: DragEvent) {
 				}
 			});
 	}
-	//#endregion
+	// #endregion
 }
 
 function onDragstart(ev: DragEvent) {
@@ -207,7 +207,7 @@ function rename() {
 		if (canceled) return;
 		os.api("drive/folders/update", {
 			folderId: props.folder.id,
-			name: name,
+			name,
 		});
 	});
 }
diff --git a/packages/client/src/components/MkDrive.navFolder.vue b/packages/client/src/components/MkDrive.navFolder.vue
index 4cdd42537..df0b3c49d 100644
--- a/packages/client/src/components/MkDrive.navFolder.vue
+++ b/packages/client/src/components/MkDrive.navFolder.vue
@@ -15,7 +15,7 @@
 
 <script lang="ts" setup>
 import { ref } from "vue";
-import * as Misskey from "firefish-js";
+import type * as Misskey from "firefish-js";
 import * as os from "@/os";
 import { i18n } from "@/i18n";
 
@@ -86,7 +86,7 @@ function onDrop(ev: DragEvent) {
 		return;
 	}
 
-	//#region ドライブのファイル
+	// #region ドライブのファイル
 	const driveFile = ev.dataTransfer.getData(_DATA_TRANSFER_DRIVE_FILE_);
 	if (driveFile != null && driveFile !== "") {
 		const file = JSON.parse(driveFile);
@@ -96,9 +96,9 @@ function onDrop(ev: DragEvent) {
 			folderId: props.folder ? props.folder.id : null,
 		});
 	}
-	//#endregion
+	// #endregion
 
-	//#region ドライブのフォルダ
+	// #region ドライブのフォルダ
 	const driveFolder = ev.dataTransfer.getData(_DATA_TRANSFER_DRIVE_FOLDER_);
 	if (driveFolder != null && driveFolder !== "") {
 		const folder = JSON.parse(driveFolder);
@@ -110,7 +110,7 @@ function onDrop(ev: DragEvent) {
 			parentId: props.folder ? props.folder.id : null,
 		});
 	}
-	//#endregion
+	// #endregion
 }
 </script>
 
diff --git a/packages/client/src/components/MkDrive.vue b/packages/client/src/components/MkDrive.vue
index a0b3713a7..28204fe86 100644
--- a/packages/client/src/components/MkDrive.vue
+++ b/packages/client/src/components/MkDrive.vue
@@ -139,7 +139,7 @@ import {
 	ref,
 	watch,
 } from "vue";
-import * as Misskey from "firefish-js";
+import type * as Misskey from "firefish-js";
 import MkButton from "./MkButton.vue";
 import XNavFolder from "@/components/MkDrive.navFolder.vue";
 import XFolder from "@/components/MkDrive.folder.vue";
@@ -294,7 +294,7 @@ function onDrop(ev: DragEvent): any {
 		return;
 	}
 
-	//#region ドライブのファイル
+	// #region ドライブのファイル
 	const driveFile = ev.dataTransfer.getData(_DATA_TRANSFER_DRIVE_FILE_);
 	if (driveFile != null && driveFile !== "") {
 		const file = JSON.parse(driveFile);
@@ -305,9 +305,9 @@ function onDrop(ev: DragEvent): any {
 			folderId: folder.value ? folder.value.id : null,
 		});
 	}
-	//#endregion
+	// #endregion
 
-	//#region ドライブのフォルダ
+	// #region ドライブのフォルダ
 	const driveFolder = ev.dataTransfer.getData(_DATA_TRANSFER_DRIVE_FOLDER_);
 	if (driveFolder != null && driveFolder !== "") {
 		const droppedFolder = JSON.parse(driveFolder);
@@ -339,7 +339,7 @@ function onDrop(ev: DragEvent): any {
 				}
 			});
 	}
-	//#endregion
+	// #endregion
 }
 
 function selectLocalFile() {
@@ -354,7 +354,7 @@ function urlUpload() {
 	}).then(({ canceled, result: url }) => {
 		if (canceled || !url) return;
 		os.api("drive/files/upload-from-url", {
-			url: url,
+			url,
 			folderId: folder.value ? folder.value.id : undefined,
 		});
 
@@ -372,7 +372,7 @@ function createFolder() {
 	}).then(({ canceled, result: name }) => {
 		if (canceled) return;
 		os.api("drive/folders/create", {
-			name: name,
+			name,
 			parentId: folder.value ? folder.value.id : undefined,
 		}).then((createdFolder) => {
 			addFolder(createdFolder, true);
@@ -389,7 +389,7 @@ function renameFolder(folderToRename: Misskey.entities.DriveFolder) {
 		if (canceled) return;
 		os.api("drive/folders/update", {
 			folderId: folderToRename.id,
-			name: name,
+			name,
 		}).then((updatedFolder) => {
 			// FIXME: 画面を更新するために自分自身に移動
 			move(updatedFolder);
diff --git a/packages/client/src/components/MkDriveFileThumbnail.vue b/packages/client/src/components/MkDriveFileThumbnail.vue
index c5af469e9..7d9b43635 100644
--- a/packages/client/src/components/MkDriveFileThumbnail.vue
+++ b/packages/client/src/components/MkDriveFileThumbnail.vue
@@ -68,7 +68,7 @@ const is = computed(() => {
 			"application/x-tar",
 			"application/gzip",
 			"application/x-7z-compressed",
-		].some((archiveType) => archiveType === props.file.type)
+		].includes(props.file.type)
 	)
 		return "archive";
 	return "unknown";
diff --git a/packages/client/src/components/MkDriveSelectDialog.vue b/packages/client/src/components/MkDriveSelectDialog.vue
index 5b3b33d6c..ae292b96a 100644
--- a/packages/client/src/components/MkDriveSelectDialog.vue
+++ b/packages/client/src/components/MkDriveSelectDialog.vue
@@ -37,7 +37,7 @@
 
 <script lang="ts" setup>
 import { ref } from "vue";
-import * as Misskey from "firefish-js";
+import type * as Misskey from "firefish-js";
 import XDrive from "@/components/MkDrive.vue";
 import XModalWindow from "@/components/MkModalWindow.vue";
 import number from "@/filters/number";
diff --git a/packages/client/src/components/MkDriveWindow.vue b/packages/client/src/components/MkDriveWindow.vue
index 646440cba..24daea977 100644
--- a/packages/client/src/components/MkDriveWindow.vue
+++ b/packages/client/src/components/MkDriveWindow.vue
@@ -15,7 +15,7 @@
 
 <script lang="ts" setup>
 import {} from "vue";
-import * as Misskey from "firefish-js";
+import type * as Misskey from "firefish-js";
 import XDrive from "@/components/MkDrive.vue";
 import XWindow from "@/components/MkWindow.vue";
 import { i18n } from "@/i18n";
diff --git a/packages/client/src/components/MkEmojiPicker.section.vue b/packages/client/src/components/MkEmojiPicker.section.vue
index d7d1ba8f0..2ffe84289 100644
--- a/packages/client/src/components/MkEmojiPicker.section.vue
+++ b/packages/client/src/components/MkEmojiPicker.section.vue
@@ -48,7 +48,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, watch, onMounted } from "vue";
+import { onMounted, ref, watch } from "vue";
 import { addSkinTone } from "@/scripts/emojilist";
 
 const props = defineProps<{
diff --git a/packages/client/src/components/MkEmojiPicker.vue b/packages/client/src/components/MkEmojiPicker.vue
index b3b5c9d31..799b7462c 100644
--- a/packages/client/src/components/MkEmojiPicker.vue
+++ b/packages/client/src/components/MkEmojiPicker.vue
@@ -1,5 +1,5 @@
 <template>
-	<FocusTrap v-bind:active="isActive">
+	<FocusTrap :active="isActive">
 		<div
 			class="omfetrab"
 			:class="['s' + size, 'w' + width, 'h' + height, { asDrawer }]"
@@ -163,14 +163,15 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, computed, watch, onMounted } from "vue";
-import * as Misskey from "firefish-js";
+import { computed, onMounted, ref, watch } from "vue";
+import type * as Misskey from "firefish-js";
+import { FocusTrap } from "focus-trap-vue";
 import XSection from "@/components/MkEmojiPicker.section.vue";
+import type { UnicodeEmojiDef } from "@/scripts/emojilist";
 import {
 	emojilist,
-	unicodeEmojiCategories,
-	UnicodeEmojiDef,
 	getNicelyLabeledCategory,
+	unicodeEmojiCategories,
 } from "@/scripts/emojilist";
 import { getStaticImageUrl } from "@/scripts/get-static-image-url";
 import Ripple from "@/components/MkRipple.vue";
@@ -180,7 +181,6 @@ import { deviceKind } from "@/scripts/device-kind";
 import { emojiCategories, instance } from "@/instance";
 import { i18n } from "@/i18n";
 import { defaultStore } from "@/store";
-import { FocusTrap } from "focus-trap-vue";
 
 const props = withDefaults(
 	defineProps<{
diff --git a/packages/client/src/components/MkFeaturedPhotos.vue b/packages/client/src/components/MkFeaturedPhotos.vue
index 3ce037d52..c3610ae2e 100644
--- a/packages/client/src/components/MkFeaturedPhotos.vue
+++ b/packages/client/src/components/MkFeaturedPhotos.vue
@@ -8,7 +8,7 @@
 
 <script lang="ts" setup>
 import { ref } from "vue";
-import * as Misskey from "firefish-js";
+import type * as Misskey from "firefish-js";
 import * as os from "@/os";
 
 const meta = ref<Misskey.entities.DetailedInstanceMetadata>();
diff --git a/packages/client/src/components/MkFollowButton.vue b/packages/client/src/components/MkFollowButton.vue
index 6f003b320..394baab18 100644
--- a/packages/client/src/components/MkFollowButton.vue
+++ b/packages/client/src/components/MkFollowButton.vue
@@ -1,14 +1,15 @@
 <template>
 	<button
 		v-if="!hideMenu"
+		v-tooltip="i18n.ts.menu"
 		class="menu _button"
 		@click.stop="menu"
-		v-tooltip="i18n.ts.menu"
 	>
 		<i class="ph-dots-three-outline ph-bold ph-lg"></i>
 	</button>
 	<button
 		v-if="$i != null && $i.id != user.id"
+		v-tooltip="full ? null : `${state} ${user.name || user.username}`"
 		class="kpoogebi _button follow-button"
 		:class="{
 			wait,
@@ -18,9 +19,8 @@
 			blocking: isBlocking,
 		}"
 		:disabled="wait"
-		@click.stop="onClick"
 		:aria-label="`${state} ${user.name || user.username}`"
-		v-tooltip="full ? null : `${state} ${user.name || user.username}`"
+		@click.stop="onClick"
 	>
 		<template v-if="!wait">
 			<template v-if="isBlocking">
@@ -88,13 +88,13 @@ const props = withDefaults(
 
 const isBlocking = computed(() => props.user.isBlocking);
 
-let state = ref(i18n.ts.processing);
+const state = ref(i18n.ts.processing);
 
-let isFollowing = ref(props.user.isFollowing);
-let hasPendingFollowRequestFromYou = ref(
+const isFollowing = ref(props.user.isFollowing);
+const hasPendingFollowRequestFromYou = ref(
 	props.user.hasPendingFollowRequestFromYou,
 );
-let wait = ref(false);
+const wait = ref(false);
 const connection = stream.useChannel("main");
 
 if (props.user.isFollowing == null) {
diff --git a/packages/client/src/components/MkForgotPassword.vue b/packages/client/src/components/MkForgotPassword.vue
index e4898faba..feaaa5f12 100644
--- a/packages/client/src/components/MkForgotPassword.vue
+++ b/packages/client/src/components/MkForgotPassword.vue
@@ -64,7 +64,6 @@
 <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";
@@ -77,11 +76,11 @@ const emit = defineEmits<{
 	(ev: "closed"): void;
 }>();
 
-let dialog: InstanceType<typeof XModalWindow> = ref();
+const dialog: InstanceType<typeof XModalWindow> = ref();
 
-let username = ref("");
-let email = ref("");
-let processing = ref(false);
+const username = ref("");
+const email = ref("");
+const processing = ref(false);
 
 async function onSubmit() {
 	processing.value = true;
diff --git a/packages/client/src/components/MkFormula.vue b/packages/client/src/components/MkFormula.vue
index e2e3e1121..f39a8db01 100644
--- a/packages/client/src/components/MkFormula.vue
+++ b/packages/client/src/components/MkFormula.vue
@@ -3,7 +3,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, defineAsyncComponent } from "vue";
+import { defineAsyncComponent, defineComponent } from "vue";
 
 export default defineComponent({
 	components: {
diff --git a/packages/client/src/components/MkHeatmap.vue b/packages/client/src/components/MkHeatmap.vue
index b3592b6e0..0565c5914 100644
--- a/packages/client/src/components/MkHeatmap.vue
+++ b/packages/client/src/components/MkHeatmap.vue
@@ -8,7 +8,7 @@
 </template>
 
 <script lang="ts" setup>
-import { onMounted, nextTick, watch, shallowRef, ref } from "vue";
+import { nextTick, onMounted, ref, shallowRef, watch } from "vue";
 import { Chart } from "chart.js";
 import * as os from "@/os";
 import { defaultStore } from "@/store";
@@ -26,8 +26,8 @@ const props = defineProps<{
 const rootEl = shallowRef<HTMLDivElement>(null);
 const chartEl = shallowRef<HTMLCanvasElement>(null);
 const now = new Date();
-let chartInstance: Chart = null;
-let fetching = ref(true);
+let chartInstance: Chart = null,
+	fetching = ref(true);
 
 const { handler: externalTooltipHandler } = useChartTooltip({
 	position: "middle",
@@ -233,7 +233,7 @@ async function renderChart() {
 							return ["Active: " + v.v];
 						},
 					},
-					//mode: 'index',
+					// mode: 'index',
 					animation: {
 						duration: 0,
 					},
diff --git a/packages/client/src/components/MkImageViewer.vue b/packages/client/src/components/MkImageViewer.vue
index 90db31a8d..882701e95 100644
--- a/packages/client/src/components/MkImageViewer.vue
+++ b/packages/client/src/components/MkImageViewer.vue
@@ -28,7 +28,6 @@
 <script lang="ts" setup>
 import { ref } from "vue";
 
-import {} from "vue";
 import type * as misskey from "firefish-js";
 import bytes from "@/filters/bytes";
 import number from "@/filters/number";
diff --git a/packages/client/src/components/MkImgWithBlurhash.vue b/packages/client/src/components/MkImgWithBlurhash.vue
index c436fcd32..54ea5d9c9 100644
--- a/packages/client/src/components/MkImgWithBlurhash.vue
+++ b/packages/client/src/components/MkImgWithBlurhash.vue
@@ -49,7 +49,7 @@ const props = withDefaults(
 );
 
 const canvas = ref<HTMLCanvasElement>();
-let loaded = ref(false);
+const loaded = ref(false);
 
 function draw() {
 	if (props.hash == null || canvas.value == null) return;
diff --git a/packages/client/src/components/MkInfo.vue b/packages/client/src/components/MkInfo.vue
index 0a9373885..92f935e48 100644
--- a/packages/client/src/components/MkInfo.vue
+++ b/packages/client/src/components/MkInfo.vue
@@ -11,8 +11,8 @@
 			v-if="closeable"
 			v-tooltip="i18n.ts.close"
 			class="_buttonIcon close"
-			@click.stop="close"
 			:aria-label="i18n.t('close')"
+			@click.stop="close"
 		>
 			<i class="ph-x ph-bold ph-lg"></i>
 		</button>
diff --git a/packages/client/src/components/MkInstanceCardMini.vue b/packages/client/src/components/MkInstanceCardMini.vue
index c774efcdc..81aa52dc2 100644
--- a/packages/client/src/components/MkInstanceCardMini.vue
+++ b/packages/client/src/components/MkInstanceCardMini.vue
@@ -26,7 +26,7 @@
 <script lang="ts" setup>
 import { ref } from "vue";
 
-import * as firefish from "firefish-js";
+import type * as firefish from "firefish-js";
 import MkMiniChart from "@/components/MkMiniChart.vue";
 import * as os from "@/os";
 import { getProxiedImageUrlNullable } from "@/scripts/media-proxy";
@@ -35,7 +35,7 @@ const props = defineProps<{
 	instance: firefish.entities.Instance;
 }>();
 
-let chartValues = ref<number[] | null>(null);
+const chartValues = ref<number[] | null>(null);
 
 os.apiGet("charts/instance", {
 	host: props.instance.host,
diff --git a/packages/client/src/components/MkInstanceSelectDialog.vue b/packages/client/src/components/MkInstanceSelectDialog.vue
index 312b656ba..e328695e2 100644
--- a/packages/client/src/components/MkInstanceSelectDialog.vue
+++ b/packages/client/src/components/MkInstanceSelectDialog.vue
@@ -58,11 +58,11 @@
 <script lang="ts" setup>
 import { ref } from "vue";
 
+import type { Instance } from "firefish-js/built/entities";
 import MkInput from "@/components/form/input.vue";
 import XModalWindow from "@/components/MkModalWindow.vue";
 import * as os from "@/os";
 import { i18n } from "@/i18n";
-import { Instance } from "firefish-js/built/entities";
 
 const emit = defineEmits<{
 	(ev: "ok", selected: Instance): void;
@@ -70,10 +70,10 @@ const emit = defineEmits<{
 	(ev: "closed"): void;
 }>();
 
-let hostname = ref("");
-let instances: Instance[] = ref([]);
-let selected: Instance | null = ref(null);
-let dialogEl = ref<InstanceType<typeof XModalWindow>>();
+const hostname = ref("");
+const instances: Instance[] = ref([]);
+const selected: Instance | null = ref(null);
+const dialogEl = ref<InstanceType<typeof XModalWindow>>();
 
 let searchOrderLatch = 0;
 const search = () => {
diff --git a/packages/client/src/components/MkInstanceStats.vue b/packages/client/src/components/MkInstanceStats.vue
index 516264e3a..768c55344 100644
--- a/packages/client/src/components/MkInstanceStats.vue
+++ b/packages/client/src/components/MkInstanceStats.vue
@@ -116,11 +116,11 @@ import { initChart } from "@/scripts/init-chart";
 initChart();
 
 const chartLimit = 500;
-let chartSpan = ref<"hour" | "day">("hour");
-let chartSrc = ref("active-users");
-let heatmapSrc = ref("active-users");
-let subDoughnutEl = shallowRef<HTMLCanvasElement>();
-let pubDoughnutEl = shallowRef<HTMLCanvasElement>();
+const chartSpan = ref<"hour" | "day">("hour");
+const chartSrc = ref("active-users");
+const heatmapSrc = ref("active-users");
+const subDoughnutEl = shallowRef<HTMLCanvasElement>();
+const pubDoughnutEl = shallowRef<HTMLCanvasElement>();
 
 const { handler: externalTooltipHandler1 } = useChartTooltip({
 	position: "middle",
diff --git a/packages/client/src/components/MkInstanceTicker.vue b/packages/client/src/components/MkInstanceTicker.vue
index 5715319ad..6bd87201b 100644
--- a/packages/client/src/components/MkInstanceTicker.vue
+++ b/packages/client/src/components/MkInstanceTicker.vue
@@ -1,8 +1,8 @@
 <template>
 	<div
-		class="hpaizdrt"
-		v-tooltip="capitalize(instance.softwareName)"
 		ref="ticker"
+		v-tooltip="capitalize(instance.softwareName)"
+		class="hpaizdrt"
 		:style="bg"
 	>
 		<img class="icon" :src="getInstanceIcon(instance)" aria-hidden="true" />
@@ -26,7 +26,7 @@ const props = defineProps<{
 	};
 }>();
 
-let ticker = ref<HTMLElement | null>(null);
+const ticker = ref<HTMLElement | null>(null);
 
 // if no instance data is given, this is for the local instance
 const instance = props.instance ?? {
diff --git a/packages/client/src/components/MkMedia.vue b/packages/client/src/components/MkMedia.vue
index 0539ed44f..6428eeafb 100644
--- a/packages/client/src/components/MkMedia.vue
+++ b/packages/client/src/components/MkMedia.vue
@@ -1,5 +1,5 @@
 <template>
-	<div class="media" v-size="{ max: [350] }">
+	<div v-size="{ max: [350] }" class="media">
 		<button v-if="hide" class="hidden" @click="hide = false">
 			<ImgWithBlurhash
 				:hash="media.blurhash"
@@ -89,7 +89,7 @@
 </template>
 
 <script lang="ts" setup>
-import { watch, ref, computed } from "vue";
+import { computed, ref, watch } from "vue";
 import VuePlyr from "vue-plyr";
 import "vue-plyr/dist/vue-plyr.css";
 import type * as misskey from "firefish-js";
@@ -104,7 +104,7 @@ const props = defineProps<{
 	raw?: boolean;
 }>();
 
-let hide = ref(true);
+const hide = ref(true);
 
 const plyr = ref();
 
diff --git a/packages/client/src/components/MkMediaBanner.vue b/packages/client/src/components/MkMediaBanner.vue
index bcf2b8305..21f2f8033 100644
--- a/packages/client/src/components/MkMediaBanner.vue
+++ b/packages/client/src/components/MkMediaBanner.vue
@@ -71,7 +71,7 @@ const props = withDefaults(
 );
 
 const audioEl = ref<HTMLAudioElement | null>();
-let hide = ref(true);
+const hide = ref(true);
 
 function volumechange() {
 	if (audioEl.value)
diff --git a/packages/client/src/components/MkMediaList.vue b/packages/client/src/components/MkMediaList.vue
index 4b7b7e716..5a51be938 100644
--- a/packages/client/src/components/MkMediaList.vue
+++ b/packages/client/src/components/MkMediaList.vue
@@ -29,7 +29,7 @@
 
 <script lang="ts" setup>
 import { onMounted, ref } from "vue";
-import * as misskey from "firefish-js";
+import type * as misskey from "firefish-js";
 import PhotoSwipeLightbox from "photoswipe/lightbox";
 import PhotoSwipe from "photoswipe";
 import "photoswipe/style.css";
@@ -125,11 +125,11 @@ onMounted(() => {
 			className: "pwsp__alt-text-container",
 			appendTo: "wrapper",
 			onInit: (el, pwsp) => {
-				let textBox = document.createElement("p");
+				const textBox = document.createElement("p");
 				textBox.className = "pwsp__alt-text";
 				el.appendChild(textBox);
 
-				let preventProp = function (ev: Event): void {
+				const preventProp = function (ev: Event): void {
 					ev.stopPropagation();
 				};
 
diff --git a/packages/client/src/components/MkMenu.child.vue b/packages/client/src/components/MkMenu.child.vue
index c7813e850..688b3ce3a 100644
--- a/packages/client/src/components/MkMenu.child.vue
+++ b/packages/client/src/components/MkMenu.child.vue
@@ -14,7 +14,7 @@
 <script lang="ts" setup>
 import { nextTick, onMounted, ref } from "vue";
 import MkMenu from "./MkMenu.vue";
-import { MenuItem } from "@/types/menu";
+import type { MenuItem } from "@/types/menu";
 
 const props = defineProps<{
 	items: MenuItem[];
diff --git a/packages/client/src/components/MkMenu.vue b/packages/client/src/components/MkMenu.vue
index 95370eebd..323983c49 100644
--- a/packages/client/src/components/MkMenu.vue
+++ b/packages/client/src/components/MkMenu.vue
@@ -14,8 +14,8 @@
 					width: width && !asDrawer ? width + 'px' : '',
 					maxHeight: maxHeight ? maxHeight + 'px' : '',
 				}"
-				@contextmenu.self="(e) => e.preventDefault()"
 				tabindex="-1"
+				@contextmenu.self="(e) => e.preventDefault()"
 			>
 				<template v-for="item in items2">
 					<div v-if="item === null" class="divider"></div>
@@ -47,7 +47,7 @@
 							v-if="item.avatar"
 							:user="item.avatar"
 							class="avatar"
-							disableLink
+							disable-link
 						/>
 						<span :style="item.textStyle || ''">{{
 							item.text
@@ -100,7 +100,7 @@
 						<MkAvatar
 							:user="item.user"
 							class="avatar"
-							disableLink
+							disable-link
 						/><MkUserName :user="item.user" />
 						<span
 							v-if="item.indicate"
@@ -168,7 +168,7 @@
 							v-if="item.avatar"
 							:user="item.avatar"
 							class="avatar"
-							disableLink
+							disable-link
 						/>
 						<span :style="item.textStyle || ''">{{
 							item.text
@@ -210,11 +210,16 @@ import {
 	ref,
 	watch,
 } from "vue";
+import { FocusTrap } from "focus-trap-vue";
 import FormSwitch from "@/components/form/switch.vue";
-import { MenuItem, InnerMenuItem, MenuPending, MenuAction } from "@/types/menu";
+import type {
+	InnerMenuItem,
+	MenuAction,
+	MenuItem,
+	MenuPending,
+} from "@/types/menu";
 import * as os from "@/os";
 import { i18n } from "@/i18n";
-import { FocusTrap } from "focus-trap-vue";
 
 const XChild = defineAsyncComponent(() => import("./MkMenu.child.vue"));
 const focusTrap = ref();
@@ -233,13 +238,13 @@ const emit = defineEmits<{
 	(ev: "close", actioned?: boolean): void;
 }>();
 
-let itemsEl = ref<HTMLDivElement>();
+const itemsEl = ref<HTMLDivElement>();
 
-let items2: InnerMenuItem[] = ref([]);
+const items2: InnerMenuItem[] = ref([]);
 
-let child = ref<InstanceType<typeof XChild>>();
+const child = ref<InstanceType<typeof XChild>>();
 
-let childShowingItem = ref<MenuItem | null>();
+const childShowingItem = ref<MenuItem | null>();
 
 watch(
 	() => props.items,
@@ -267,8 +272,8 @@ watch(
 	},
 );
 
-let childMenu = ref<MenuItem[] | null>();
-let childTarget = ref<HTMLElement | null>();
+const childMenu = ref<MenuItem[] | null>();
+const childTarget = ref<HTMLElement | null>();
 
 function closeChild() {
 	childMenu.value = null;
diff --git a/packages/client/src/components/MkMiniChart.vue b/packages/client/src/components/MkMiniChart.vue
index 8c604e5fc..bfa83f3d8 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 { watch, ref } from "vue";
+import { ref, watch } from "vue";
 import { v4 as uuid } from "uuid";
 import tinycolor from "tinycolor2";
 import { useInterval } from "@/scripts/use-interval";
@@ -37,10 +37,10 @@ const props = defineProps<{
 const viewBoxX = 50;
 const viewBoxY = 50;
 const gradientId = uuid();
-let polylinePoints = ref("");
-let polygonPoints = ref("");
-let headX = ref<number | null>(null);
-let headY = ref<number | null>(null);
+const polylinePoints = ref("");
+const polygonPoints = ref("");
+const headX = ref<number | null>(null);
+const headY = ref<number | null>(null);
 const accent = tinycolor(
 	getComputedStyle(document.documentElement).getPropertyValue("--accent"),
 );
diff --git a/packages/client/src/components/MkModal.vue b/packages/client/src/components/MkModal.vue
index c7a12ecad..893cced0d 100644
--- a/packages/client/src/components/MkModal.vue
+++ b/packages/client/src/components/MkModal.vue
@@ -25,6 +25,7 @@
 			<div
 				v-show="manualShowing != null ? manualShowing : showing"
 				v-hotkey.global="keymap"
+				v-focus
 				:class="[
 					$style.root,
 					{
@@ -44,7 +45,6 @@
 					'--transformOrigin': transformOrigin,
 				}"
 				tabindex="-1"
-				v-focus
 			>
 				<div
 					class="_modalBg data-cy-bg"
@@ -78,20 +78,20 @@
 
 <script lang="ts" setup>
 import {
+	computed,
 	nextTick,
 	onMounted,
-	watch,
-	provide,
 	onUnmounted,
+	provide,
 	ref,
 	shallowRef,
-	computed,
+	watch,
 } from "vue";
+import { FocusTrap } from "focus-trap-vue";
 import * as os from "@/os";
 import { isTouchUsing } from "@/scripts/touch";
 import { defaultStore } from "@/store";
 import { deviceKind } from "@/scripts/device-kind";
-import { FocusTrap } from "focus-trap-vue";
 
 function getFixedContainer(el: Element | null): Element | null {
 	if (el == null || el.tagName === "BODY") return null;
@@ -139,13 +139,13 @@ const emit = defineEmits<{
 
 provide("modal", true);
 
-let maxHeight = ref<number>();
-let fixed = ref(false);
-let transformOrigin = ref("center");
-let showing = ref(true);
-let content = shallowRef<HTMLElement>();
+const maxHeight = ref<number>();
+const fixed = ref(false);
+const transformOrigin = ref("center");
+const showing = ref(true);
+const content = shallowRef<HTMLElement>();
 const zIndex = os.claimZIndex(props.zPriority);
-let useSendAnime = ref(false);
+const useSendAnime = ref(false);
 const type = computed<ModalTypes>(() => {
 	if (props.preferType === "auto") {
 		if (
@@ -164,7 +164,7 @@ const type = computed<ModalTypes>(() => {
 const isEnableBgTransparent = computed(
 	() => props.transparentBg && type.value === "popup",
 );
-let transitionName = computed(() =>
+const transitionName = computed(() =>
 	defaultStore.state.animation
 		? useSendAnime.value
 			? "send"
@@ -175,7 +175,7 @@ let transitionName = computed(() =>
 			: "modal"
 		: "",
 );
-let transitionDuration = computed(() =>
+const transitionDuration = computed(() =>
 	transitionName.value === "send"
 		? 400
 		: transitionName.value === "modal-popup"
@@ -235,8 +235,7 @@ const align = () => {
 	const width = content.value!.offsetWidth;
 	const height = content.value!.offsetHeight;
 
-	let left;
-	let top;
+	let left, top;
 
 	const x = srcRect.left + (fixed.value ? 0 : window.pageXOffset);
 	const y = srcRect.top + (fixed.value ? 0 : window.pageYOffset);
@@ -321,8 +320,8 @@ const align = () => {
 		left = 0;
 	}
 
-	let transformOriginX = "center";
-	let transformOriginY = "center";
+	let transformOriginX = "center",
+		transformOriginY = "center";
 
 	if (
 		top >=
diff --git a/packages/client/src/components/MkModalPageWindow.vue b/packages/client/src/components/MkModalPageWindow.vue
index 811f3cad7..e745499dd 100644
--- a/packages/client/src/components/MkModalPageWindow.vue
+++ b/packages/client/src/components/MkModalPageWindow.vue
@@ -28,8 +28,8 @@
 				</span>
 				<button
 					class="_button"
-					@click="$refs.modal.close()"
 					:aria-label="i18n.t('close')"
+					@click="$refs.modal.close()"
 				>
 					<i class="ph-x ph-bold ph-lg"></i>
 				</button>
@@ -52,7 +52,8 @@
 </template>
 
 <script lang="ts" setup>
-import { ComputedRef, provide, ref, computed } from "vue";
+import type { ComputedRef } from "vue";
+import { computed, provide, ref } from "vue";
 import MkModal from "@/components/MkModal.vue";
 import { popout as _popout } from "@/scripts/popout";
 import copyToClipboard from "@/scripts/copy-to-clipboard";
@@ -60,7 +61,8 @@ import { url } from "@/config";
 import * as os from "@/os";
 import { mainRouter, routes } from "@/router";
 import { i18n } from "@/i18n";
-import { PageMetadata, provideMetadataReceiver } from "@/scripts/page-metadata";
+import type { PageMetadata } from "@/scripts/page-metadata";
+import { provideMetadataReceiver } from "@/scripts/page-metadata";
 import { Router } from "@/nirax";
 
 const props = defineProps<{
@@ -76,12 +78,12 @@ const router = new Router(routes, props.initialPath);
 
 router.addListener("push", (ctx) => {});
 
-let pageMetadata = ref<null | ComputedRef<PageMetadata>>();
-let rootEl = ref();
-let modal = ref<InstanceType<typeof MkModal>>();
-let path = ref(props.initialPath);
-let width = ref(860);
-let height = ref(660);
+const pageMetadata = ref<null | ComputedRef<PageMetadata>>();
+const rootEl = ref();
+const modal = ref<InstanceType<typeof MkModal>>();
+const path = ref(props.initialPath);
+const width = ref(860);
+const height = ref(660);
 const history = [];
 
 provide("router", router);
diff --git a/packages/client/src/components/MkModalWindow.vue b/packages/client/src/components/MkModalWindow.vue
index e0d1366a1..6e5a321ae 100644
--- a/packages/client/src/components/MkModalWindow.vue
+++ b/packages/client/src/components/MkModalWindow.vue
@@ -25,10 +25,10 @@
 				<div ref="headerEl" class="header">
 					<button
 						v-if="props.withOkButton"
+						v-tooltip="i18n.ts.close"
 						:aria-label="i18n.t('close')"
 						class="_button"
 						@click="$emit('close')"
-						v-tooltip="i18n.ts.close"
 					>
 						<i class="ph-x ph-bold ph-lg"></i>
 					</button>
@@ -92,9 +92,9 @@ const emit = defineEmits<{
 	(event: "ok"): void;
 }>();
 
-let modal = shallowRef<InstanceType<typeof MkModal>>();
-let rootEl = shallowRef<HTMLElement>();
-let headerEl = shallowRef<HTMLElement>();
+const modal = shallowRef<InstanceType<typeof MkModal>>();
+const rootEl = shallowRef<HTMLElement>();
+const headerEl = shallowRef<HTMLElement>();
 
 const close = (ev) => {
 	modal.value?.close(ev);
diff --git a/packages/client/src/components/MkNote.vue b/packages/client/src/components/MkNote.vue
index b1c6114e1..539b734d6 100644
--- a/packages/client/src/components/MkNote.vue
+++ b/packages/client/src/components/MkNote.vue
@@ -1,15 +1,15 @@
 <template>
 	<div
-		:aria-label="accessibleLabel"
 		v-if="!muted.muted"
 		v-show="!isDeleted"
+		:id="appearNote.id"
 		ref="el"
 		v-hotkey="keymap"
 		v-size="{ max: [500, 350] }"
+		:aria-label="accessibleLabel"
 		class="tkcbzcuz note-container"
 		:tabindex="!isDeleted ? '-1' : null"
 		:class="{ renote: isRenote }"
-		:id="appearNote.id"
 	>
 		<MkNoteSub
 			v-if="appearNote.reply && !detailedView && !collapsedReply"
@@ -19,10 +19,10 @@
 		<div
 			v-if="!detailedView"
 			class="note-context"
-			@click="noteClick"
 			:class="{
 				collapsedReply: collapsedReply && appearNote.reply,
 			}"
+			@click="noteClick"
 		>
 			<div class="line"></div>
 			<div v-if="appearNote._prId_" class="info">
@@ -87,11 +87,11 @@
 		</div>
 		<article
 			class="article"
-			@contextmenu.stop="onContextmenu"
-			@click="noteClick"
 			:style="{
 				cursor: expandOnNoteClick && !detailedView ? 'pointer' : '',
 			}"
+			@contextmenu.stop="onContextmenu"
+			@click="noteClick"
 		>
 			<div class="main">
 				<div class="header-container">
@@ -103,8 +103,8 @@
 						class="text"
 						:note="appearNote"
 						:detailed="true"
-						:detailedView="detailedView"
-						:parentId="appearNote.parentId"
+						:detailed-view="detailedView"
+						:parent-id="appearNote.parentId"
 						@push="(e) => router.push(notePage(e))"
 						@focusfooter="footerEl.focus()"
 						@expanded="(e) => setPostExpanded(e)"
@@ -171,7 +171,7 @@
 						class="button"
 						:note="appearNote"
 						:count="appearNote.renoteCount"
-						:detailedView="detailedView"
+						:detailed-view="detailedView"
 					/>
 					<XStarButtonNoEmoji
 						v-if="!enableEmojiReactions"
@@ -212,9 +212,9 @@
 							appearNote.myReaction != null
 						"
 						ref="reactButton"
+						v-tooltip.noDelay.bottom="i18n.ts.removeReaction"
 						class="button _button reacted"
 						@click.stop="undoReact(appearNote)"
-						v-tooltip.noDelay.bottom="i18n.ts.removeReaction"
 					>
 						<i class="ph-minus ph-bold ph-lg"></i>
 					</button>
@@ -259,8 +259,8 @@ 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";
-import MkNoteSub from "@/components/MkNoteSub.vue";
 import MkSubNoteContent from "./MkSubNoteContent.vue";
+import MkNoteSub from "@/components/MkNoteSub.vue";
 import XNoteHeader from "@/components/MkNoteHeader.vue";
 import XRenoteButton from "@/components/MkRenoteButton.vue";
 import XReactionsViewer from "@/components/MkReactionsViewer.vue";
@@ -271,7 +271,7 @@ import MkVisibility from "@/components/MkVisibility.vue";
 import copyToClipboard from "@/scripts/copy-to-clipboard";
 import { url } from "@/config";
 import { pleaseLogin } from "@/scripts/please-login";
-import { focusPrev, focusNext } from "@/scripts/focus";
+import { focusNext, focusPrev } from "@/scripts/focus";
 import { getWordSoftMute } from "@/scripts/check-word-mute";
 import { useRouter } from "@/router";
 import { userPage } from "@/filters/user";
@@ -297,7 +297,7 @@ const props = defineProps<{
 
 const inChannel = inject("inChannel", null);
 
-let note = ref(deepClone(props.note));
+const note = ref(deepClone(props.note));
 
 const softMuteReasonI18nSrc = (what?: string) => {
 	if (what === "note") return i18n.ts.userSaysSomethingReason;
@@ -333,7 +333,7 @@ const starButton = ref<InstanceType<typeof XStarButton>>();
 const renoteButton = ref<InstanceType<typeof XRenoteButton>>();
 const renoteTime = ref<HTMLElement>();
 const reactButton = ref<HTMLElement>();
-let appearNote = computed(() =>
+const appearNote = computed(() =>
 	isRenote ? (note.value.renote as misskey.entities.Note) : note.value,
 );
 const isMyRenote = $i && $i.id === note.value.userId;
@@ -385,7 +385,7 @@ function react(viaKeyboard = false): void {
 		(reaction) => {
 			os.api("notes/reactions/create", {
 				noteId: appearNote.value.id,
-				reaction: reaction,
+				reaction,
 			});
 		},
 		() => {
@@ -516,7 +516,7 @@ function showRenoteMenu(viaKeyboard = false): void {
 		],
 		renoteTime.value,
 		{
-			viaKeyboard: viaKeyboard,
+			viaKeyboard,
 		},
 	);
 }
@@ -560,7 +560,7 @@ function readPromo() {
 	isDeleted.value = true;
 }
 
-let postIsExpanded = ref(false);
+const postIsExpanded = ref(false);
 
 function setPostExpanded(val: boolean) {
 	postIsExpanded.value = val;
diff --git a/packages/client/src/components/MkNoteDetailed.vue b/packages/client/src/components/MkNoteDetailed.vue
index 041239b19..9da05073a 100644
--- a/packages/client/src/components/MkNoteDetailed.vue
+++ b/packages/client/src/components/MkNoteDetailed.vue
@@ -10,27 +10,27 @@
 		:class="{ renote: isRenote }"
 	>
 		<MkNoteSub
-			v-if="conversation"
 			v-for="note in conversation"
+			v-if="conversation"
 			:key="note.id"
 			class="reply-to"
 			:note="note"
-			:detailedView="true"
+			:detailed-view="true"
 		/>
 		<MkLoading v-else-if="note.reply" mini />
 		<MkNoteSub
 			v-if="note.reply"
 			:note="note.reply"
 			class="reply-to"
-			:detailedView="true"
+			:detailed-view="true"
 		/>
 
 		<MkNote
 			ref="noteEl"
-			@contextmenu.stop="onContextmenu"
 			tabindex="-1"
 			:note="note"
-			detailedView
+			detailed-view
+			@contextmenu.stop="onContextmenu"
 		></MkNote>
 
 		<MkTab v-model="tab" :style="'underline'" @update:modelValue="loadTab">
@@ -41,22 +41,22 @@
 				}}</span>
 				{{ i18n.ts._notification._types.reply }}
 			</option>
-			<option value="renotes" v-if="note.renoteCount > 0">
+			<option v-if="note.renoteCount > 0" value="renotes">
 				<!-- <i class="ph-repeat ph-bold ph-lg"></i> -->
 				<span class="count">{{ note.renoteCount }}</span>
 				{{ i18n.ts._notification._types.renote }}
 			</option>
-			<option value="reactions" v-if="reactionsCount > 0">
+			<option v-if="reactionsCount > 0" value="reactions">
 				<!-- <i class="ph-smiley ph-bold ph-lg"></i> -->
 				<span class="count">{{ reactionsCount }}</span>
 				{{ i18n.ts.reaction }}
 			</option>
-			<option value="quotes" v-if="directQuotes?.length > 0">
+			<option v-if="directQuotes?.length > 0" value="quotes">
 				<!-- <i class="ph-quotes ph-bold ph-lg"></i> -->
 				<span class="count">{{ directQuotes.length }}</span>
 				{{ i18n.ts._notification._types.quote }}
 			</option>
-			<option value="clips" v-if="clips?.length > 0">
+			<option v-if="clips?.length > 0" value="clips">
 				<!-- <i class="ph-paperclip ph-bold ph-lg"></i> -->
 				<span class="count">{{ clips.length }}</span>
 				{{ i18n.ts.clips }}
@@ -64,26 +64,26 @@
 		</MkTab>
 
 		<MkNoteSub
-			v-if="directReplies && tab === 'replies'"
 			v-for="note in directReplies"
+			v-if="directReplies && tab === 'replies'"
 			:key="note.id"
 			:note="note"
 			class="reply"
 			:conversation="replies"
-			:detailedView="true"
-			:parentId="note.id"
+			:detailed-view="true"
+			:parent-id="note.id"
 		/>
 		<MkLoading v-else-if="tab === 'replies' && note.repliesCount > 0" />
 
 		<MkNoteSub
-			v-if="directQuotes && tab === 'quotes'"
 			v-for="note in directQuotes"
+			v-if="directQuotes && tab === 'quotes'"
 			:key="note.id"
 			:note="note"
 			class="reply"
 			:conversation="replies"
-			:detailedView="true"
-			:parentId="note.id"
+			:detailed-view="true"
+			:parent-id="note.id"
 		/>
 		<MkLoading v-else-if="tab === 'quotes' && directQuotes.length > 0" />
 
@@ -94,8 +94,8 @@
 			:pagination="pagination"
 		> -->
 		<MkUserCardMini
-			v-if="tab === 'renotes' && renotes"
 			v-for="item in renotes"
+			v-if="tab === 'renotes' && renotes"
 			:key="item.user.id"
 			:user="item.user"
 			:with-chart="false"
@@ -151,11 +151,12 @@
 
 <script lang="ts" setup>
 import { onMounted, onUnmounted, onUpdated, ref } from "vue";
-import * as misskey from "firefish-js";
+import type * as misskey from "firefish-js";
+import type { NoteUpdatedEvent } from "firefish-js/built/streaming.types";
 import MkTab from "@/components/MkTab.vue";
 import MkNote from "@/components/MkNote.vue";
 import MkNoteSub from "@/components/MkNoteSub.vue";
-import XRenoteButton from "@/components/MkRenoteButton.vue";
+import type XRenoteButton from "@/components/MkRenoteButton.vue";
 import MkUserCardMini from "@/components/MkUserCardMini.vue";
 import MkReactedUsers from "@/components/MkReactedUsers.vue";
 import { pleaseLogin } from "@/scripts/please-login";
@@ -170,16 +171,15 @@ import { getNoteMenu } from "@/scripts/get-note-menu";
 import { useNoteCapture } from "@/scripts/use-note-capture";
 import { deepClone } from "@/scripts/clone";
 import { stream } from "@/stream";
-import { NoteUpdatedEvent } from "firefish-js/built/streaming.types";
 
 const props = defineProps<{
 	note: misskey.entities.Note;
 	pinned?: boolean;
 }>();
 
-let tab = ref("replies");
+const tab = ref("replies");
 
-let note = ref(deepClone(props.note));
+const note = ref(deepClone(props.note));
 
 const softMuteReasonI18nSrc = (what?: string) => {
 	if (what === "note") return i18n.ts.userSaysSomethingReason;
@@ -214,12 +214,12 @@ const muted = ref(
 );
 const translation = ref(null);
 const translating = ref(false);
-let conversation = ref<null | misskey.entities.Note[]>([]);
+const conversation = ref<null | misskey.entities.Note[]>([]);
 const replies = ref<misskey.entities.Note[]>([]);
-let directReplies = ref<null | misskey.entities.Note[]>([]);
-let directQuotes = ref<null | misskey.entities.Note[]>([]);
-let clips = ref();
-let renotes = ref();
+const directReplies = ref<null | misskey.entities.Note[]>([]);
+const directQuotes = ref<null | misskey.entities.Note[]>([]);
+const clips = ref();
+const renotes = ref();
 let isScrolling;
 
 const reactionsCount = Object.values(props.note.reactions).reduce(
@@ -238,7 +238,7 @@ const keymap = {
 
 useNoteCapture({
 	rootEl: el,
-	note: note,
+	note,
 	isDeletedRef: isDeleted,
 });
 
@@ -260,7 +260,7 @@ function react(viaKeyboard = false): void {
 		(reaction) => {
 			os.api("notes/reactions/create", {
 				noteId: note.value.id,
-				reaction: reaction,
+				reaction,
 			});
 		},
 		() => {
diff --git a/packages/client/src/components/MkNoteHeader.vue b/packages/client/src/components/MkNoteHeader.vue
index a0ccedd60..c3429bddf 100644
--- a/packages/client/src/components/MkNoteHeader.vue
+++ b/packages/client/src/components/MkNoteHeader.vue
@@ -49,7 +49,6 @@
 <script lang="ts" setup>
 import { ref } from "vue";
 
-import {} from "vue";
 import type * as misskey from "firefish-js";
 import { defaultStore } from "@/store";
 import MkVisibility from "@/components/MkVisibility.vue";
@@ -63,7 +62,7 @@ const props = defineProps<{
 	pinned?: boolean;
 }>();
 
-let note = ref(props.note);
+const note = ref(props.note);
 
 const showTicker =
 	defaultStore.state.instanceTicker === "always" ||
diff --git a/packages/client/src/components/MkNotePreview.vue b/packages/client/src/components/MkNotePreview.vue
index 607df89eb..88ea43a9f 100644
--- a/packages/client/src/components/MkNotePreview.vue
+++ b/packages/client/src/components/MkNotePreview.vue
@@ -1,6 +1,6 @@
 <template>
 	<div v-size="{ min: [350, 500] }" class="fefdfafb">
-		<MkAvatar class="avatar" :user="$i" disableLink />
+		<MkAvatar class="avatar" :user="$i" disable-link />
 		<div class="main">
 			<div class="header">
 				<MkUserName :user="$i" />
@@ -11,7 +11,7 @@
 						:text="preprocess(text).trim()"
 						:author="$i"
 						:i="$i"
-						advancedMfm
+						advanced-mfm
 					/>
 				</div>
 			</div>
diff --git a/packages/client/src/components/MkNoteSimple.vue b/packages/client/src/components/MkNoteSimple.vue
index b8f4a218a..280abe25a 100644
--- a/packages/client/src/components/MkNoteSimple.vue
+++ b/packages/client/src/components/MkNoteSimple.vue
@@ -11,7 +11,7 @@
 </template>
 
 <script lang="ts" setup>
-import * as misskey from "firefish-js";
+import type * as misskey from "firefish-js";
 import XNoteHeader from "@/components/MkNoteHeader.vue";
 import MkSubNoteContent from "@/components/MkSubNoteContent.vue";
 
diff --git a/packages/client/src/components/MkNoteSub.vue b/packages/client/src/components/MkNoteSub.vue
index 5d73ac24b..11db10ddd 100644
--- a/packages/client/src/components/MkNoteSub.vue
+++ b/packages/client/src/components/MkNoteSub.vue
@@ -1,10 +1,10 @@
 <template>
 	<article
 		v-if="!muted.muted || muted.what === 'reply'"
+		:id="detailedView ? appearNote.id : null"
 		ref="el"
 		v-size="{ max: [450, 500] }"
 		class="wrpstxzv"
-		:id="detailedView ? appearNote.id : null"
 		tabindex="-1"
 		:class="{
 			children: depth > 1,
@@ -16,8 +16,8 @@
 		<div v-if="conversation && depth > 1" class="line"></div>
 		<div
 			class="main"
-			@click="noteClick"
 			:style="{ cursor: expandOnNoteClick ? 'pointer' : '' }"
+			@click="noteClick"
 		>
 			<div class="avatar-container">
 				<MkAvatar class="avatar" :user="appearNote.user" />
@@ -32,9 +32,9 @@
 					<MkSubNoteContent
 						class="text"
 						:note="note"
-						:parentId="parentId"
+						:parent-id="parentId"
 						:conversation="conversation"
-						:detailedView="detailedView"
+						:detailed-view="detailedView"
 						@focusfooter="footerEl.focus()"
 					/>
 					<div v-if="translating || translation" class="translation">
@@ -117,9 +117,9 @@
 							appearNote.myReaction != null
 						"
 						ref="reactButton"
+						v-tooltip.noDelay.bottom="i18n.ts.removeReaction"
 						class="button _button reacted"
 						@click.stop="undoReact(appearNote)"
-						v-tooltip.noDelay.bottom="i18n.ts.removeReaction"
 					>
 						<i class="ph-minus ph-bold ph-lg"></i>
 					</button>
@@ -137,17 +137,17 @@
 		</div>
 		<template v-if="conversation">
 			<MkNoteSub
-				v-if="replyLevel < 11 && depth < 5"
 				v-for="reply in replies"
+				v-if="replyLevel < 11 && depth < 5"
 				:key="reply.id"
 				:note="reply"
 				class="reply"
 				:class="{ single: replies.length == 1 }"
 				:conversation="conversation"
 				:depth="replies.length == 1 ? depth : depth + 1"
-				:replyLevel="replyLevel + 1"
-				:parentId="appearNote.id"
-				:detailedView="detailedView"
+				:reply-level="replyLevel + 1"
+				:parent-id="appearNote.id"
+				:detailed-view="detailedView"
 			/>
 			<div v-else-if="replies.length > 0" class="more">
 				<div class="line"></div>
@@ -177,9 +177,9 @@
 </template>
 
 <script lang="ts" setup>
-import { inject, ref, computed } from "vue";
+import { computed, inject, ref } from "vue";
 import type { Ref } from "vue";
-import * as misskey from "firefish-js";
+import type * as misskey from "firefish-js";
 import XNoteHeader from "@/components/MkNoteHeader.vue";
 import MkSubNoteContent from "@/components/MkSubNoteContent.vue";
 import XReactionsViewer from "@/components/MkReactionsViewer.vue";
@@ -223,7 +223,7 @@ const props = withDefaults(
 	},
 );
 
-let note = ref(deepClone(props.note));
+const note = ref(deepClone(props.note));
 
 const softMuteReasonI18nSrc = (what?: string) => {
 	if (what === "note") return i18n.ts.userSaysSomethingReason;
@@ -247,7 +247,7 @@ const menuButton = ref<HTMLElement>();
 const starButton = ref<InstanceType<typeof XStarButton>>();
 const renoteButton = ref<InstanceType<typeof XRenoteButton>>();
 const reactButton = ref<HTMLElement>();
-let appearNote = computed(() =>
+const appearNote = computed(() =>
 	isRenote ? (note.value.renote as misskey.entities.Note) : note.value,
 );
 const isDeleted = ref(false);
@@ -291,7 +291,7 @@ function react(viaKeyboard = false): void {
 		(reaction) => {
 			os.api("notes/reactions/create", {
 				noteId: appearNote.value.id,
-				reaction: reaction,
+				reaction,
 			});
 		},
 		() => {
diff --git a/packages/client/src/components/MkNotes.vue b/packages/client/src/components/MkNotes.vue
index 591662184..07881b2e6 100644
--- a/packages/client/src/components/MkNotes.vue
+++ b/packages/client/src/components/MkNotes.vue
@@ -12,7 +12,7 @@
 		</template>
 
 		<template #default="{ items: notes }">
-			<div class="giivymft" :class="{ noGap }" ref="tlEl">
+			<div ref="tlEl" class="giivymft" :class="{ noGap }">
 				<XList
 					ref="notes"
 					v-slot="{ item: note }"
diff --git a/packages/client/src/components/MkNotification.vue b/packages/client/src/components/MkNotification.vue
index 76fbdd29f..d89e27c88 100644
--- a/packages/client/src/components/MkNotification.vue
+++ b/packages/client/src/components/MkNotification.vue
@@ -219,7 +219,7 @@
 					<MkFollowButton
 						:user="notification.user"
 						:full="true"
-						:hideMenu="true"
+						:hide-menu="true"
 					/></div
 			></span>
 			<span
@@ -273,8 +273,8 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, onMounted, onUnmounted, watch } from "vue";
-import * as misskey from "firefish-js";
+import { onMounted, onUnmounted, ref, watch } from "vue";
+import type * as misskey from "firefish-js";
 import XReactionIcon from "@/components/MkReactionIcon.vue";
 import MkFollowButton from "@/components/MkFollowButton.vue";
 import XReactionTooltip from "@/components/MkReactionTooltip.vue";
@@ -310,8 +310,7 @@ const defaultReaction = ["⭐", "👍", "❤️"].includes(instance.defaultReact
 	? instance.defaultReaction
 	: "⭐";
 
-let readObserver: IntersectionObserver | undefined;
-let connection;
+let readObserver: IntersectionObserver | undefined, connection;
 
 onMounted(() => {
 	if (!props.notification.isRead) {
diff --git a/packages/client/src/components/MkNotificationSettingWindow.vue b/packages/client/src/components/MkNotificationSettingWindow.vue
index 9131a6778..df5d16246 100644
--- a/packages/client/src/components/MkNotificationSettingWindow.vue
+++ b/packages/client/src/components/MkNotificationSettingWindow.vue
@@ -41,7 +41,6 @@
 <script lang="ts" setup>
 import { computed, ref } from "vue";
 
-import {} from "vue";
 import { notificationTypes } from "firefish-js";
 import MkSwitch from "./form/switch.vue";
 import MkInfo from "./MkInfo.vue";
@@ -65,12 +64,12 @@ const props = withDefaults(
 	},
 );
 
-let includingTypes = computed(() => props.includingTypes || []);
+const includingTypes = computed(() => props.includingTypes || []);
 
 const dialog = ref<InstanceType<typeof XModalWindow>>();
 
-let typesMap = ref<Record<(typeof notificationTypes)[number], boolean>>({});
-let useGlobalSetting = ref(
+const typesMap = ref<Record<(typeof notificationTypes)[number], boolean>>({});
+const useGlobalSetting = ref(
 	(includingTypes.value === null || includingTypes.value.length === 0) &&
 		props.showGlobalToggle,
 );
diff --git a/packages/client/src/components/MkNotificationToast.vue b/packages/client/src/components/MkNotificationToast.vue
index d6ee9ea6b..491595e23 100644
--- a/packages/client/src/components/MkNotificationToast.vue
+++ b/packages/client/src/components/MkNotificationToast.vue
@@ -28,7 +28,7 @@ const emit = defineEmits<{
 }>();
 
 const zIndex = os.claimZIndex("high");
-let showing = ref(true);
+const showing = ref(true);
 
 onMounted(() => {
 	window.setTimeout(() => {
diff --git a/packages/client/src/components/MkNotifications.vue b/packages/client/src/components/MkNotifications.vue
index f13669612..980eb1040 100644
--- a/packages/client/src/components/MkNotifications.vue
+++ b/packages/client/src/components/MkNotifications.vue
@@ -26,7 +26,7 @@
 					"
 					:key="notification.id"
 					:note="notification.note"
-					:collapsedReply="
+					:collapsed-reply="
 						notification.type === 'reply' ||
 						(notification.type === 'mention' &&
 							notification.note.replyId != null)
@@ -46,9 +46,10 @@
 </template>
 
 <script lang="ts" setup>
-import { onUnmounted, onMounted, computed, ref } from "vue";
-import { notificationTypes } from "firefish-js";
-import MkPagination, { Paging } from "@/components/MkPagination.vue";
+import { computed, onMounted, onUnmounted, ref } from "vue";
+import type { notificationTypes } from "firefish-js";
+import type { Paging } from "@/components/MkPagination.vue";
+import MkPagination from "@/components/MkPagination.vue";
 import XNotification from "@/components/MkNotification.vue";
 import XList from "@/components/MkDateSeparatedList.vue";
 import XNote from "@/components/MkNote.vue";
diff --git a/packages/client/src/components/MkPageWindow.vue b/packages/client/src/components/MkPageWindow.vue
index dc4d29c89..47c9db522 100644
--- a/packages/client/src/components/MkPageWindow.vue
+++ b/packages/client/src/components/MkPageWindow.vue
@@ -8,8 +8,8 @@
 		:buttons-left="buttonsLeft"
 		:buttons-right="buttonsRight"
 		:contextmenu="contextmenu"
-		@closed="$emit('closed')"
 		class="page-window"
+		@closed="$emit('closed')"
 	>
 		<template #header>
 			<template v-if="pageMetadata?.value">
@@ -30,7 +30,8 @@
 </template>
 
 <script lang="ts" setup>
-import { ComputedRef, provide, ref, computed } from "vue";
+import type { ComputedRef } from "vue";
+import { computed, provide, ref } from "vue";
 import RouterView from "@/components/global/RouterView.vue";
 import XWindow from "@/components/MkWindow.vue";
 import { popout as _popout } from "@/scripts/popout";
@@ -39,7 +40,8 @@ import { url } from "@/config";
 import { mainRouter, routes } from "@/router";
 import { Router } from "@/nirax";
 import { i18n } from "@/i18n";
-import { PageMetadata, provideMetadataReceiver } from "@/scripts/page-metadata";
+import type { PageMetadata } from "@/scripts/page-metadata";
+import { provideMetadataReceiver } from "@/scripts/page-metadata";
 
 const props = defineProps<{
 	initialPath: string;
@@ -51,8 +53,8 @@ defineEmits<{
 
 const router = new Router(routes, props.initialPath);
 
-let pageMetadata = ref<null | ComputedRef<PageMetadata>>();
-let windowEl = ref<InstanceType<typeof XWindow>>();
+const pageMetadata = ref<null | ComputedRef<PageMetadata>>();
+const windowEl = ref<InstanceType<typeof XWindow>>();
 const history = ref<{ path: string; key: any }[]>([
 	{
 		path: router.getCurrentPath(),
diff --git a/packages/client/src/components/MkPagination.vue b/packages/client/src/components/MkPagination.vue
index 2d9aeb72e..6acc5b285 100644
--- a/packages/client/src/components/MkPagination.vue
+++ b/packages/client/src/components/MkPagination.vue
@@ -63,29 +63,22 @@
 </template>
 
 <script lang="ts" setup>
-import {
-	computed,
-	ComputedRef,
-	isRef,
-	onActivated,
-	onDeactivated,
-	ref,
-	watch,
-} from "vue";
-import * as misskey from "firefish-js";
+import type { ComputedRef } from "vue";
+import { computed, isRef, onActivated, onDeactivated, ref, watch } from "vue";
+import type * as misskey from "firefish-js";
 import * as os from "@/os";
 import {
-	onScrollTop,
-	isTopVisible,
-	getScrollPosition,
 	getScrollContainer,
+	getScrollPosition,
+	isTopVisible,
+	onScrollTop,
 } from "@/scripts/scroll";
 import MkButton from "@/components/MkButton.vue";
 import { i18n } from "@/i18n";
 
-export type Paging<
+export interface Paging<
 	E extends keyof misskey.Endpoints = keyof misskey.Endpoints,
-> = {
+> {
 	endpoint: E;
 	limit: number;
 	params?:
@@ -104,7 +97,7 @@ export type Paging<
 	reversed?: boolean;
 
 	offsetMode?: boolean;
-};
+}
 
 const SECOND_FETCH_LIMIT = 30;
 
@@ -123,7 +116,10 @@ const emit = defineEmits<{
 	(ev: "queue", count: number): void;
 }>();
 
-type Item = { id: string; [another: string]: unknown };
+interface Item {
+	id: string;
+	[another: string]: unknown;
+}
 
 const rootEl = ref<HTMLElement>();
 const items = ref<Item[]>([]);
@@ -207,12 +203,12 @@ const refresh = async (): void => {
 		})
 		.then(
 			(res) => {
-				let ids = items.value.reduce(
+				const ids = items.value.reduce(
 					(a, b) => {
 						a[b.id] = true;
 						return a;
 					},
-					{} as { [id: string]: boolean },
+					{} as Record<string, boolean>,
 				);
 
 				for (let i = 0; i < res.length; i++) {
@@ -364,7 +360,7 @@ const prepend = (item: Item): void => {
 					// オーバーフローしたら古いアイテムは捨てる
 					if (items.value.length >= props.displayLimit) {
 						// このやり方だとVue 3.2以降アニメーションが動かなくなる
-						//items.value = items.value.slice(-props.displayLimit);
+						// items.value = items.value.slice(-props.displayLimit);
 						while (items.value.length >= props.displayLimit) {
 							items.value.shift();
 						}
@@ -394,7 +390,7 @@ const prepend = (item: Item): void => {
 			// オーバーフローしたら古いアイテムは捨てる
 			if (items.value.length >= props.displayLimit) {
 				// このやり方だとVue 3.2以降アニメーションが動かなくなる
-				//this.items = items.value.slice(0, props.displayLimit);
+				// this.items = items.value.slice(0, props.displayLimit);
 				while (items.value.length >= props.displayLimit) {
 					items.value.pop();
 				}
diff --git a/packages/client/src/components/MkPoll.vue b/packages/client/src/components/MkPoll.vue
index 899e6c2da..8eb83a2dc 100644
--- a/packages/client/src/components/MkPoll.vue
+++ b/packages/client/src/components/MkPoll.vue
@@ -53,7 +53,7 @@
 
 <script lang="ts" setup>
 import { computed, ref } from "vue";
-import * as misskey from "firefish-js";
+import type * as misskey from "firefish-js";
 import { sum } from "@/scripts/array";
 import { pleaseLogin } from "@/scripts/please-login";
 import * as os from "@/os";
diff --git a/packages/client/src/components/MkPollEditor.vue b/packages/client/src/components/MkPollEditor.vue
index de691ba88..51d0a80d3 100644
--- a/packages/client/src/components/MkPollEditor.vue
+++ b/packages/client/src/components/MkPollEditor.vue
@@ -16,8 +16,8 @@
 				</MkInput>
 				<button
 					class="_button"
-					@click="remove(i)"
 					:aria-label="i18n.t('remove')"
+					@click="remove(i)"
 				>
 					<i class="ph-x ph-bold ph-lg"></i>
 				</button>
diff --git a/packages/client/src/components/MkPopupMenu.vue b/packages/client/src/components/MkPopupMenu.vue
index 9537ac9ed..9a98648ea 100644
--- a/packages/client/src/components/MkPopupMenu.vue
+++ b/packages/client/src/components/MkPopupMenu.vue
@@ -5,9 +5,9 @@
 		:z-priority="'high'"
 		:src="src"
 		:transparent-bg="true"
+		tabindex="-1"
 		@click="modal?.close()"
 		@closed="emit('closed')"
-		tabindex="-1"
 	>
 		<MkMenu
 			:items="items"
@@ -28,7 +28,7 @@ import { ref } from "vue";
 
 import MkModal from "./MkModal.vue";
 import MkMenu from "./MkMenu.vue";
-import { MenuItem } from "@/types/menu";
+import type { MenuItem } from "@/types/menu";
 
 defineProps<{
 	items: MenuItem[];
@@ -43,7 +43,7 @@ const emit = defineEmits<{
 	(ev: "closed"): void;
 }>();
 
-let modal = ref<InstanceType<typeof MkModal>>();
+const modal = ref<InstanceType<typeof MkModal>>();
 </script>
 
 <style lang="scss" scoped>
diff --git a/packages/client/src/components/MkPostForm.vue b/packages/client/src/components/MkPostForm.vue
index a65f48d56..9e08edbef 100644
--- a/packages/client/src/components/MkPostForm.vue
+++ b/packages/client/src/components/MkPostForm.vue
@@ -86,8 +86,8 @@
 				{{ i18n.ts.quoteAttached
 				}}<button
 					class="_button"
-					@click="quoteId = null"
 					:aria-label="i18n.t('removeQuote')"
+					@click="quoteId = null"
 				>
 					<i class="ph-x ph-bold ph-lg"></i>
 				</button>
@@ -99,8 +99,8 @@
 						<MkAcct :user="u" />
 						<button
 							class="_button"
-							@click="removeVisibleUser(u)"
 							:aria-label="i18n.t('removeRecipient')"
+							@click="removeVisibleUser(u)"
 						>
 							<i class="ph-x ph-bold ph-lg"></i>
 						</button>
@@ -234,16 +234,16 @@
 
 <script lang="ts" setup>
 import {
+	computed,
+	defineAsyncComponent,
 	inject,
-	watch,
 	nextTick,
 	onMounted,
-	defineAsyncComponent,
 	ref,
-	computed,
+	watch,
 } from "vue";
 import * as mfm from "mfm-js";
-import * as misskey from "firefish-js";
+import type * as misskey from "firefish-js";
 import autosize from "autosize";
 import insertTextAtCursor from "insert-text-at-cursor";
 import { length } from "stringz";
@@ -315,40 +315,42 @@ const cwInputEl = ref<HTMLInputElement | null>(null);
 const hashtagsInputEl = ref<HTMLInputElement | null>(null);
 const visibilityButton = ref<HTMLElement | null>(null);
 
-let posting = ref(false);
-let text = ref(props.initialText ?? "");
-let files = ref(props.initialFiles ?? []);
-let poll = ref<{
+const posting = ref(false);
+const text = ref(props.initialText ?? "");
+const files = ref(props.initialFiles ?? []);
+const poll = ref<{
 	choices: string[];
 	multiple: boolean;
 	expiresAt: string | null;
 	expiredAfter: string | null;
 } | null>(null);
-let useCw = ref(false);
-let showPreview = ref(false);
-let cw = ref<string | null>(null);
-let localOnly = ref<boolean>(
+const useCw = ref(false);
+const showPreview = ref(false);
+const cw = ref<string | null>(null);
+const localOnly = ref<boolean>(
 	props.initialLocalOnly ?? defaultStore.state.rememberNoteVisibility
 		? defaultStore.state.localOnly
 		: defaultStore.state.defaultNoteLocalOnly,
 );
-let visibility = ref(
+const visibility = ref(
 	props.initialVisibility ??
 		((defaultStore.state.rememberNoteVisibility
 			? defaultStore.state.visibility
 			: defaultStore.state
 					.defaultNoteVisibility) as (typeof misskey.noteVisibilities)[number]),
 );
-let visibleUsers = ref([]);
+const 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") || "[]"));
-let imeText = ref("");
+const autocomplete = ref(null);
+const draghover = ref(false);
+const quoteId = ref(null);
+const hasNotSpecifiedMentions = ref(false);
+const recentHashtags = ref(
+	JSON.parse(localStorage.getItem("hashtags") || "[]"),
+);
+const imeText = ref("");
 
 const typing = throttle(3000, () => {
 	if (props.channel) {
@@ -415,8 +417,8 @@ const maxTextLength = computed((): number => {
 const canPost = computed((): boolean => {
 	return (
 		!posting.value &&
-		(1 <= textLength.value ||
-			1 <= files.value.length ||
+		(textLength.value >= 1 ||
+			files.value.length >= 1 ||
 			!!poll.value ||
 			!!props.renote) &&
 		textLength.value <= maxTextLength.value &&
@@ -816,14 +818,14 @@ function onDrop(ev): void {
 		return;
 	}
 
-	//#region ドライブのファイル
+	// #region ドライブのファイル
 	const driveFile = ev.dataTransfer.getData(_DATA_TRANSFER_DRIVE_FILE_);
 	if (driveFile != null && driveFile !== "") {
 		const file = JSON.parse(driveFile);
 		files.value.push(file);
 		ev.preventDefault();
 	}
-	//#endregion
+	// #endregion
 }
 
 function saveDraft() {
@@ -896,7 +898,7 @@ async function post() {
 		}
 	}
 
-	let token = undefined;
+	let token;
 
 	if (postAccount.value) {
 		const storedAccounts = await getAccounts();
@@ -976,7 +978,7 @@ function showActions(ev) {
 	);
 }
 
-let postAccount = ref<misskey.entities.UserDetailed | null>(null);
+const postAccount = ref<misskey.entities.UserDetailed | null>(null);
 
 function openAccountMenu(ev: MouseEvent) {
 	openAccountMenu_(
diff --git a/packages/client/src/components/MkPostFormAttaches.vue b/packages/client/src/components/MkPostFormAttaches.vue
index a1cb191de..7deab50c4 100644
--- a/packages/client/src/components/MkPostFormAttaches.vue
+++ b/packages/client/src/components/MkPostFormAttaches.vue
@@ -8,9 +8,9 @@
 			delay-on-touch-only="true"
 		>
 			<div
-				class="file"
 				v-for="element in _files"
 				:key="element.id"
+				class="file"
 				@click="showFileMenu(element, $event)"
 				@contextmenu.prevent="showFileMenu(element, $event)"
 			>
@@ -30,7 +30,7 @@
 </template>
 
 <script lang="ts" setup>
-import { defineAsyncComponent, ref, computed } from "vue";
+import { computed, defineAsyncComponent, ref } from "vue";
 import { VueDraggable } from "vue-draggable-plus";
 import MkDriveFileThumbnail from "@/components/MkDriveFileThumbnail.vue";
 import * as os from "@/os";
@@ -105,10 +105,11 @@ async function describe(file) {
 		{
 			done: (result) => {
 				if (!result || result.canceled) return;
-				let comment = result.result.length === 0 ? null : result.result;
+				const comment =
+					result.result.length === 0 ? null : result.result;
 				os.api("drive/files/update", {
 					fileId: file.id,
-					comment: comment,
+					comment,
 				}).then(() => {
 					file.comment = comment;
 				});
diff --git a/packages/client/src/components/MkPostFormDialog.vue b/packages/client/src/components/MkPostFormDialog.vue
index 9e43aef4f..1dd90eebe 100644
--- a/packages/client/src/components/MkPostFormDialog.vue
+++ b/packages/client/src/components/MkPostFormDialog.vue
@@ -21,8 +21,7 @@
 <script lang="ts" setup>
 import { shallowRef } from "vue";
 
-import {} from "vue";
-import * as misskey from "firefish-js";
+import type * as misskey from "firefish-js";
 import MkModal from "@/components/MkModal.vue";
 import MkPostForm from "@/components/MkPostForm.vue";
 
@@ -48,8 +47,8 @@ const emit = defineEmits<{
 	(ev: "closed"): void;
 }>();
 
-let modal = shallowRef<InstanceType<typeof MkModal>>();
-let form = shallowRef<InstanceType<typeof MkPostForm>>();
+const modal = shallowRef<InstanceType<typeof MkModal>>();
+const form = shallowRef<InstanceType<typeof MkPostForm>>();
 
 function onPosted() {
 	modal.value.close({
diff --git a/packages/client/src/components/MkPushNotificationAllowButton.vue b/packages/client/src/components/MkPushNotificationAllowButton.vue
index f911cfe41..37ba5ceef 100644
--- a/packages/client/src/components/MkPushNotificationAllowButton.vue
+++ b/packages/client/src/components/MkPushNotificationAllowButton.vue
@@ -76,12 +76,12 @@ defineProps<{
 }>();
 
 // ServiceWorker registration
-let registration = ref<ServiceWorkerRegistration | undefined>();
+const registration = ref<ServiceWorkerRegistration | undefined>();
 // If this browser supports push notification
-let supported = ref(false);
+const supported = ref(false);
 // If this browser has already subscribed to push notification
-let pushSubscription = ref<PushSubscription | null>(null);
-let pushRegistrationInServer = ref<
+const pushSubscription = ref<PushSubscription | null>(null);
+const pushRegistrationInServer = ref<
 	| {
 			state?: string;
 			key?: string;
@@ -209,6 +209,6 @@ if (navigator.serviceWorker == null) {
 }
 
 defineExpose({
-	pushRegistrationInServer: pushRegistrationInServer,
+	pushRegistrationInServer,
 });
 </script>
diff --git a/packages/client/src/components/MkReactedUsers.vue b/packages/client/src/components/MkReactedUsers.vue
index ab740c859..3b0c7f0d0 100644
--- a/packages/client/src/components/MkReactedUsers.vue
+++ b/packages/client/src/components/MkReactedUsers.vue
@@ -36,8 +36,8 @@
 </template>
 
 <script lang="ts" setup>
-import { onMounted, watch, ref } from "vue";
-import * as misskey from "firefish-js";
+import { onMounted, ref, watch } from "vue";
+import type * as misskey from "firefish-js";
 import MkReactionIcon from "@/components/MkReactionIcon.vue";
 import MkUserCardMini from "@/components/MkUserCardMini.vue";
 import * as os from "@/os";
@@ -46,10 +46,10 @@ const props = defineProps<{
 	noteId: misskey.entities.Note["id"];
 }>();
 
-let note = ref<misskey.entities.Note>();
-let tab = ref<string>();
-let reactions = ref<string[]>();
-let users = ref();
+const note = ref<misskey.entities.Note>();
+const tab = ref<string>();
+const reactions = ref<string[]>();
+const users = ref();
 
 watch(tab, async () => {
 	const res = await os.api("notes/reactions", {
diff --git a/packages/client/src/components/MkReactionsViewer.reaction.vue b/packages/client/src/components/MkReactionsViewer.reaction.vue
index 8dbdc86da..3f7935e27 100644
--- a/packages/client/src/components/MkReactionsViewer.reaction.vue
+++ b/packages/client/src/components/MkReactionsViewer.reaction.vue
@@ -22,7 +22,7 @@
 
 <script lang="ts" setup>
 import { computed, ref } from "vue";
-import * as misskey from "firefish-js";
+import type * as misskey from "firefish-js";
 import XDetails from "@/components/MkReactionsViewer.details.vue";
 import XReactionIcon from "@/components/MkReactionIcon.vue";
 import * as os from "@/os";
diff --git a/packages/client/src/components/MkReactionsViewer.vue b/packages/client/src/components/MkReactionsViewer.vue
index 4608628f1..fc41499ad 100644
--- a/packages/client/src/components/MkReactionsViewer.vue
+++ b/packages/client/src/components/MkReactionsViewer.vue
@@ -18,7 +18,7 @@
 
 <script lang="ts" setup>
 import { computed, ref } from "vue";
-import * as misskey from "firefish-js";
+import type * as misskey from "firefish-js";
 import { $i } from "@/account";
 import XReaction from "@/components/MkReactionsViewer.reaction.vue";
 
diff --git a/packages/client/src/components/MkRenoteButton.vue b/packages/client/src/components/MkRenoteButton.vue
index c008137d8..bf1275f3f 100644
--- a/packages/client/src/components/MkRenoteButton.vue
+++ b/packages/client/src/components/MkRenoteButton.vue
@@ -12,9 +12,9 @@
 	</button>
 	<button
 		v-else
+		v-tooltip.noDelay.bottom="i18n.ts.disabled"
 		class="eddddedb _button"
 		disabled="true"
-		v-tooltip.noDelay.bottom="i18n.ts.disabled"
 	>
 		<i class="ph-repeat ph-bold ph-lg"></i>
 	</button>
@@ -31,7 +31,7 @@ import { $i } from "@/account";
 import { useTooltip } from "@/scripts/use-tooltip";
 import { i18n } from "@/i18n";
 import { defaultStore } from "@/store";
-import { MenuItem } from "@/types/menu";
+import type { MenuItem } from "@/types/menu";
 
 const props = defineProps<{
 	note: misskey.entities.Note;
@@ -70,7 +70,7 @@ useTooltip(buttonRef, async (showing) => {
 	);
 });
 
-let hasRenotedBefore = ref(false);
+const hasRenotedBefore = ref(false);
 os.api("notes/renotes", {
 	noteId: props.note.id,
 	userId: $i.id,
@@ -82,7 +82,7 @@ os.api("notes/renotes", {
 const renote = (viaKeyboard = false, ev?: MouseEvent) => {
 	pleaseLogin();
 
-	let buttonActions: Array<MenuItem> = [];
+	const buttonActions: Array<MenuItem> = [];
 
 	if (props.note.visibility === "public") {
 		buttonActions.push({
@@ -191,7 +191,7 @@ const renote = (viaKeyboard = false, ev?: MouseEvent) => {
 		});
 	}
 
-	if (canRenote) {
+	if (canRenote.value) {
 		buttonActions.push({
 			text: `${i18n.ts.renote} (${i18n.ts.local})`,
 			icon: "ph-hand-fist ph-bold ph-lg",
diff --git a/packages/client/src/components/MkShowMoreButton.vue b/packages/client/src/components/MkShowMoreButton.vue
index e2d9b7d49..9b817e126 100644
--- a/packages/client/src/components/MkShowMoreButton.vue
+++ b/packages/client/src/components/MkShowMoreButton.vue
@@ -9,8 +9,8 @@
 	</button>
 </template>
 <script lang="ts" setup>
-import { i18n } from "@/i18n";
 import { ref } from "vue";
+import { i18n } from "@/i18n";
 
 const props = defineProps<{
 	modelValue: boolean;
diff --git a/packages/client/src/components/MkSignin.vue b/packages/client/src/components/MkSignin.vue
index b9e7a3d5c..d7630f8d0 100644
--- a/packages/client/src/components/MkSignin.vue
+++ b/packages/client/src/components/MkSignin.vue
@@ -160,7 +160,7 @@
 </template>
 
 <script lang="ts" setup>
-import { defineAsyncComponent, ref, computed } from "vue";
+import { computed, defineAsyncComponent, ref } from "vue";
 import { toUnicode } from "punycode/";
 import MkButton from "@/components/MkButton.vue";
 import MkInput from "@/components/form/input.vue";
@@ -172,17 +172,17 @@ import { login } from "@/account";
 import { instance } from "@/instance";
 import { i18n } from "@/i18n";
 
-let signing = ref(false);
-let user = ref(null);
-let username = ref("");
-let password = ref("");
-let token = ref("");
-let host = ref(toUnicode(configHost));
-let totpLogin = ref(false);
-let challengeData = ref(null);
-let queryingKey = ref(false);
-let hCaptchaResponse = ref(null);
-let reCaptchaResponse = ref(null);
+const signing = ref(false);
+const user = ref(null);
+const username = ref("");
+const password = ref("");
+const token = ref("");
+const host = ref(toUnicode(configHost));
+const totpLogin = ref(false);
+const challengeData = ref(null);
+const queryingKey = ref(false);
+const hCaptchaResponse = ref(null);
+const reCaptchaResponse = ref(null);
 
 const meta = computed(() => instance);
 
diff --git a/packages/client/src/components/MkSigninDialog.vue b/packages/client/src/components/MkSigninDialog.vue
index 0afb1f789..cecf60594 100644
--- a/packages/client/src/components/MkSigninDialog.vue
+++ b/packages/client/src/components/MkSigninDialog.vue
@@ -14,7 +14,6 @@
 <script lang="ts" setup>
 import { ref } from "vue";
 
-import {} from "vue";
 import MkSignin from "@/components/MkSignin.vue";
 import XModalWindow from "@/components/MkModalWindow.vue";
 import { i18n } from "@/i18n";
diff --git a/packages/client/src/components/MkSignup.vue b/packages/client/src/components/MkSignup.vue
index 274463a57..933a26204 100644
--- a/packages/client/src/components/MkSignup.vue
+++ b/packages/client/src/components/MkSignup.vue
@@ -284,7 +284,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, computed } from "vue";
+import { computed, ref } from "vue";
 
 import getPasswordStrength from "syuilo-password-strength";
 import { toUnicode } from "punycode/";
@@ -314,15 +314,15 @@ const emit = defineEmits<{
 
 const host = toUnicode(config.host);
 
-let hcaptcha = ref();
-let recaptcha = ref();
+const hcaptcha = ref();
+const recaptcha = ref();
 
-let username: string = ref("");
-let password: string = ref("");
-let retypedPassword: string = ref("");
-let invitationCode: string = ref("");
-let email = ref("");
-let usernameState:
+const username: string = ref("");
+const password: string = ref("");
+const retypedPassword: string = ref("");
+const invitationCode: string = ref("");
+const email = ref("");
+const usernameState:
 	| null
 	| "wait"
 	| "ok"
@@ -331,8 +331,8 @@ let usernameState:
 	| "invalid-format"
 	| "min-range"
 	| "max-range" = ref(null);
-let invitationState: null | "entered" = ref(null);
-let emailState:
+const invitationState: null | "entered" = ref(null);
+const emailState:
 	| null
 	| "wait"
 	| "ok"
@@ -343,12 +343,12 @@ let emailState:
 	| "unavailable:smtp"
 	| "unavailable"
 	| "error" = ref(null);
-let passwordStrength: "" | "low" | "medium" | "high" = ref("");
-let passwordRetypeState: null | "match" | "not-match" = ref(null);
-let submitting: boolean = ref(false);
-let ToSAgreement: boolean = ref(false);
-let hCaptchaResponse = ref(null);
-let reCaptchaResponse = ref(null);
+const passwordStrength: "" | "low" | "medium" | "high" = ref("");
+const passwordRetypeState: null | "match" | "not-match" = ref(null);
+const submitting: boolean = ref(false);
+const ToSAgreement: boolean = ref(false);
+const hCaptchaResponse = ref(null);
+const reCaptchaResponse = ref(null);
 
 const shouldDisableSubmitting = computed((): boolean => {
 	return (
diff --git a/packages/client/src/components/MkSparkle.vue b/packages/client/src/components/MkSparkle.vue
index 6cfe4401a..f97a9d686 100644
--- a/packages/client/src/components/MkSparkle.vue
+++ b/packages/client/src/components/MkSparkle.vue
@@ -79,8 +79,8 @@ const el = ref<HTMLElement>();
 const width = ref(0);
 const height = ref(0);
 const colors = ["#eb6f92", "#9ccfd8", "#f6c177", "#f6c177", "#f6c177"];
-let stop = false;
-let ro: ResizeObserver | undefined;
+let stop = false,
+	ro: ResizeObserver | undefined;
 
 onMounted(() => {
 	if (!reducedMotion()) {
diff --git a/packages/client/src/components/MkStarButtonNoEmoji.vue b/packages/client/src/components/MkStarButtonNoEmoji.vue
index aa4dea64b..1e29ca5e2 100644
--- a/packages/client/src/components/MkStarButtonNoEmoji.vue
+++ b/packages/client/src/components/MkStarButtonNoEmoji.vue
@@ -1,9 +1,9 @@
 <template>
 	<button
+		ref="buttonRef"
 		v-tooltip.noDelay.bottom="i18n.ts._gallery.like"
 		class="button _button"
 		:class="$style.root"
-		ref="buttonRef"
 		@click.stop="toggleStar($event)"
 	>
 		<span v-if="!reacted">
diff --git a/packages/client/src/components/MkSubNoteContent.vue b/packages/client/src/components/MkSubNoteContent.vue
index 2ffc9483b..394dfb34c 100644
--- a/packages/client/src/components/MkSubNoteContent.vue
+++ b/packages/client/src/components/MkSubNoteContent.vue
@@ -13,13 +13,13 @@
 		</MkA>
 		<MkA
 			v-else-if="!detailed && note.replyId"
+			v-tooltip="i18n.ts.jumpToPrevious"
 			:to="
 				detailedView
 					? `#${note.replyId}`
 					: `${notePage(note)}#${note.replyId}`
 			"
 			behavior="browser"
-			v-tooltip="i18n.ts.jumpToPrevious"
 			class="reply-icon"
 			@click.stop
 		>
@@ -46,18 +46,18 @@
 			}"
 		>
 			<XShowMoreButton
-				ref="showMoreButton"
 				v-if="isLong && collapsed"
+				ref="showMoreButton"
 				v-model="collapsed"
-				v-on:keydown="focusFooter"
+				@keydown="focusFooter"
 			></XShowMoreButton>
 			<XCwButton
-				ref="cwButton"
 				v-if="note.cw && !showContent"
+				ref="cwButton"
 				v-model="showContent"
 				:note="note"
-				v-on:keydown="focusFooter"
-				v-on:update:model-value="(val) => emit('expanded', val)"
+				@keydown="focusFooter"
+				@update:model-value="(val) => emit('expanded', val)"
 			/>
 			<div
 				class="body"
@@ -85,13 +85,13 @@
 					</MkA>
 					<MkA
 						v-else-if="!detailed && note.replyId"
+						v-tooltip="i18n.ts.jumpToPrevious"
 						:to="
 							detailedView
 								? `#${note.replyId}`
 								: `${notePage(note)}#${note.replyId}`
 						"
 						behavior="browser"
-						v-tooltip="i18n.ts.jumpToPrevious"
 						class="reply-icon"
 						@click.stop
 					>
@@ -139,7 +139,7 @@
 						(showMoreButton && collapsed)
 					"
 					tabindex="0"
-					v-on:focus="
+					@focus="
 						cwButton?.focus();
 						showMoreButton?.focus();
 					"
@@ -157,9 +157,9 @@
 		</div>
 		<MkButton
 			v-if="hasMfm && defaultStore.state.animatedMfm"
-			@click.stop="toggleMfm"
 			mini
 			rounded
+			@click.stop="toggleMfm"
 		>
 			<template v-if="disableMfm">
 				<i class="ph-play ph-bold"></i> {{ i18n.ts._mfm.play }}
@@ -177,7 +177,7 @@
 
 <script lang="ts" setup>
 import { ref } from "vue";
-import * as misskey from "firefish-js";
+import type * as misskey from "firefish-js";
 import * as mfm from "mfm-js";
 import * as os from "@/os";
 import XNoteSimple from "@/components/MkNoteSimple.vue";
@@ -222,7 +222,7 @@ const urls = props.note.text
 	? extractUrlFromMfm(mfm.parse(props.note.text)).slice(0, 5)
 	: null;
 
-let showContent = ref(false);
+const showContent = ref(false);
 
 const mfms = props.note.text
 	? extractMfmWithAnimation(mfm.parse(props.note.text))
@@ -230,7 +230,7 @@ const mfms = props.note.text
 
 const hasMfm = ref(mfms && mfms.length > 0);
 
-let disableMfm = ref(defaultStore.state.animatedMfm);
+const disableMfm = ref(defaultStore.state.animatedMfm);
 
 async function toggleMfm() {
 	if (disableMfm.value) {
diff --git a/packages/client/src/components/MkTagCloud.vue b/packages/client/src/components/MkTagCloud.vue
index 41db86161..3a40fbde6 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, watch, onBeforeUnmount, ref } from "vue";
+import { onBeforeUnmount, onMounted, ref, watch } from "vue";
 import tinycolor from "tinycolor2";
 
 const loaded = !!window.TagCanvas;
@@ -39,11 +39,11 @@ const idForTags = Array.from(Array(16))
 			],
 	)
 	.join("");
-let available = ref(false);
-let rootEl = ref<HTMLElement | null>(null);
-let canvasEl = ref<HTMLCanvasElement | null>(null);
-let tagsEl = ref<HTMLElement | null>(null);
-let width = ref(300);
+const available = ref(false);
+const rootEl = ref<HTMLElement | null>(null);
+const canvasEl = ref<HTMLCanvasElement | null>(null);
+const tagsEl = ref<HTMLElement | null>(null);
+const width = ref(300);
 
 watch(available, () => {
 	try {
@@ -56,7 +56,7 @@ watch(available, () => {
 			initial: [-0.03, -0.01],
 			frontSelect: true,
 			imageRadius: 8,
-			//dragControl: true,
+			// dragControl: true,
 			dragThreshold: 3,
 			wheelZoom: false,
 			reverse: true,
diff --git a/packages/client/src/components/MkTimeline.vue b/packages/client/src/components/MkTimeline.vue
index 8f7808694..812c33071 100644
--- a/packages/client/src/components/MkTimeline.vue
+++ b/packages/client/src/components/MkTimeline.vue
@@ -12,8 +12,8 @@
 	<div v-if="queue > 0" class="new">
 		<button
 			class="_buttonPrimary _shadow"
-			@click="tlComponent.scrollTop()"
 			:class="{ instant: !$store.state.animation }"
+			@click="tlComponent.scrollTop()"
 		>
 			{{ i18n.ts.newNoteRecived }}
 			<i class="ph-arrow-up ph-bold"></i>
@@ -28,7 +28,7 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, provide, onUnmounted, ref } from "vue";
+import { computed, onUnmounted, provide, ref } from "vue";
 import XNotes from "@/components/MkNotes.vue";
 import MkInfo from "@/components/MkInfo.vue";
 import { stream } from "@/stream";
@@ -45,7 +45,7 @@ const props = defineProps<{
 	sound?: boolean;
 }>();
 
-let queue = ref(0);
+const queue = ref(0);
 
 const emit = defineEmits<{
 	(ev: "note"): void;
@@ -83,13 +83,7 @@ const onChangeFollowing = () => {
 	}
 };
 
-let endpoint;
-let query;
-let connection;
-let connection2;
-
-let tlHint;
-let tlHintClosed;
+let endpoint, query, connection, connection2, tlHint, tlHintClosed;
 
 if (props.src === "antenna") {
 	endpoint = "antennas/notes";
@@ -223,7 +217,7 @@ function closeHint() {
 }
 
 const pagination = {
-	endpoint: endpoint,
+	endpoint,
 	limit: 10,
 	params: query,
 };
diff --git a/packages/client/src/components/MkToast.vue b/packages/client/src/components/MkToast.vue
index a06820253..8ef5abbb9 100644
--- a/packages/client/src/components/MkToast.vue
+++ b/packages/client/src/components/MkToast.vue
@@ -30,7 +30,7 @@ const emit = defineEmits<{
 }>();
 
 const zIndex = os.claimZIndex("high");
-let showing = ref(true);
+const showing = ref(true);
 
 onMounted(() => {
 	window.setTimeout(() => {
diff --git a/packages/client/src/components/MkTokenGenerateWindow.vue b/packages/client/src/components/MkTokenGenerateWindow.vue
index 6386f6c6d..7e440c959 100644
--- a/packages/client/src/components/MkTokenGenerateWindow.vue
+++ b/packages/client/src/components/MkTokenGenerateWindow.vue
@@ -6,10 +6,10 @@
 		:with-ok-button="true"
 		:ok-button-disabled="false"
 		:can-close="false"
+		style="padding: 12px"
 		@close="dialog.close()"
 		@closed="$emit('closed')"
 		@ok="ok()"
-		style="padding: 12px"
 	>
 		<template #header>{{ title || i18n.ts.generateAccessToken }}</template>
 		<div v-if="information" class="_section">
@@ -19,7 +19,7 @@
 			<div style="margin-bottom: 16px">
 				<b>{{ i18n.ts.name }}</b>
 			</div>
-			<MkInput style="margin-bottom: 16px" v-model="name" />
+			<MkInput v-model="name" style="margin-bottom: 16px" />
 		</div>
 		<div class="_section">
 			<div style="margin-bottom: 16px">
@@ -32,10 +32,10 @@
 				i18n.ts.enableAll
 			}}</MkButton>
 			<MkSwitch
-				style="margin-bottom: 6px"
 				v-for="kind in initialPermissions || kinds"
 				:key="kind"
 				v-model="permissions[kind]"
+				style="margin-bottom: 6px"
 				>{{ i18n.t(`_permissions.${kind}`) }}</MkSwitch
 			>
 		</div>
@@ -45,7 +45,6 @@
 <script lang="ts" setup>
 import { ref } from "vue";
 
-import {} from "vue";
 import { permissions as kinds } from "firefish-js";
 import MkInput from "./form/input.vue";
 import MkSwitch from "./form/switch.vue";
@@ -75,8 +74,8 @@ const emit = defineEmits<{
 }>();
 
 const dialog = ref<InstanceType<typeof XModalWindow>>();
-let name = ref(props.initialName);
-let permissions = ref({});
+const name = ref(props.initialName);
+const permissions = ref({});
 
 if (props.initialPermissions) {
 	for (const kind of props.initialPermissions) {
diff --git a/packages/client/src/components/MkTutorialDialog.vue b/packages/client/src/components/MkTutorialDialog.vue
index 1c5ec315d..5f9a108e9 100644
--- a/packages/client/src/components/MkTutorialDialog.vue
+++ b/packages/client/src/components/MkTutorialDialog.vue
@@ -230,7 +230,7 @@ const isGlobalTimelineAvailable =
 	!instance.disableGlobalTimeline ||
 	($i != null && ($i.isModerator || $i.isAdmin));
 
-let timelines = ["home"];
+const timelines = ["home"];
 
 if (isLocalTimelineAvailable) {
 	timelines.push("local");
diff --git a/packages/client/src/components/MkUpdated.vue b/packages/client/src/components/MkUpdated.vue
index bd62d8e22..7004be11c 100644
--- a/packages/client/src/components/MkUpdated.vue
+++ b/packages/client/src/components/MkUpdated.vue
@@ -33,7 +33,7 @@
 </template>
 
 <script lang="ts" setup>
-import { shallowRef, ref } from "vue";
+import { ref, shallowRef } from "vue";
 import MkModal from "@/components/MkModal.vue";
 import MkSparkle from "@/components/MkSparkle.vue";
 import MkButton from "@/components/MkButton.vue";
@@ -43,8 +43,8 @@ import * as os from "@/os";
 
 const modal = shallowRef<InstanceType<typeof MkModal>>();
 
-let newRelease = ref(false);
-let data = ref(Object);
+const newRelease = ref(false);
+const data = ref(Object);
 
 os.api("release").then((res) => {
 	data.value = res;
diff --git a/packages/client/src/components/MkUrlPreview.vue b/packages/client/src/components/MkUrlPreview.vue
index f7326caf2..098b9a846 100644
--- a/packages/client/src/components/MkUrlPreview.vue
+++ b/packages/client/src/components/MkUrlPreview.vue
@@ -20,10 +20,10 @@
 					<img :src="thumbnail" loading="lazy" />
 					<button
 						v-if="tweetId"
-						class="_button"
 						v-tooltip="
 							tweetExpanded ? i18n.ts.close : i18n.ts.expandTweet
 						"
+						class="_button"
 						@click.stop.prevent="tweetExpanded = !tweetExpanded"
 					>
 						<i
@@ -34,10 +34,10 @@
 					</button>
 					<button
 						v-else-if="player.url"
-						class="_button"
 						v-tooltip="
 							playerEnabled ? i18n.ts.close : i18n.ts.enablePlayer
 						"
+						class="_button"
 						@click.stop.prevent="playerEnabled = !playerEnabled"
 					>
 						<i
@@ -100,7 +100,7 @@
 
 <script lang="ts" setup>
 import { onUnmounted, ref } from "vue";
-import { url as local, lang } from "@/config";
+import { lang, url as local } from "@/config";
 import { i18n } from "@/i18n";
 import { defaultStore } from "@/store";
 
@@ -117,22 +117,22 @@ const props = withDefaults(
 const self = props.url.startsWith(local);
 const attr = self ? "to" : "href";
 const target = self ? null : "_blank";
-let fetching = ref(true);
-let title = ref<string | null>(null);
-let description = ref<string | null>(null);
-let thumbnail = ref<string | null>(null);
-let icon = ref<string | null>(null);
-let sitename = ref<string | null>(null);
-let player = ref({
+const fetching = ref(true);
+const title = ref<string | null>(null);
+const description = ref<string | null>(null);
+const thumbnail = ref<string | null>(null);
+const icon = ref<string | null>(null);
+const sitename = ref<string | null>(null);
+const player = ref({
 	url: null,
 	width: null,
 	height: null,
 });
-let playerEnabled = ref(false);
-let tweetId = ref<string | null>(null);
-let tweetExpanded = ref(props.detail);
+const playerEnabled = ref(false);
+const tweetId = ref<string | null>(null);
+const tweetExpanded = ref(props.detail);
 const embedId = `embed${Math.random().toString().replace(/\D/, "")}`;
-let tweetHeight = ref(150);
+const tweetHeight = ref(150);
 
 const requestUrl = new URL(props.url);
 if (!["http:", "https:"].includes(requestUrl.protocol))
diff --git a/packages/client/src/components/MkUrlPreviewPopup.vue b/packages/client/src/components/MkUrlPreviewPopup.vue
index aaaf9ad7d..c0ee0b284 100644
--- a/packages/client/src/components/MkUrlPreviewPopup.vue
+++ b/packages/client/src/components/MkUrlPreviewPopup.vue
@@ -28,8 +28,8 @@ const emit = defineEmits<{
 }>();
 
 const zIndex = os.claimZIndex("middle");
-let top = ref(0);
-let left = ref(0);
+const top = ref(0);
+const left = ref(0);
 
 onMounted(() => {
 	const rect = props.source.getBoundingClientRect();
diff --git a/packages/client/src/components/MkUserCardMini.vue b/packages/client/src/components/MkUserCardMini.vue
index 9ab9237b2..2a22858f8 100644
--- a/packages/client/src/components/MkUserCardMini.vue
+++ b/packages/client/src/components/MkUserCardMini.vue
@@ -26,7 +26,7 @@
 <script lang="ts" setup>
 import { ref } from "vue";
 
-import * as misskey from "firefish-js";
+import type * as misskey from "firefish-js";
 import MkMiniChart from "@/components/MkMiniChart.vue";
 import * as os from "@/os";
 import { acct, userPage } from "@/filters/user";
@@ -43,7 +43,7 @@ const props = withDefaults(
 	},
 );
 
-let chartValues = ref<number[] | null>(null);
+const chartValues = ref<number[] | null>(null);
 
 if (props.withChart) {
 	os.apiGet("charts/user/notes", {
diff --git a/packages/client/src/components/MkUserInfo.vue b/packages/client/src/components/MkUserInfo.vue
index 784211057..27a75a4be 100644
--- a/packages/client/src/components/MkUserInfo.vue
+++ b/packages/client/src/components/MkUserInfo.vue
@@ -88,7 +88,7 @@
 <script lang="ts" setup>
 import { ref } from "vue";
 
-import * as misskey from "firefish-js";
+import type * as misskey from "firefish-js";
 import MkFollowButton from "@/components/MkFollowButton.vue";
 import XShowMoreButton from "@/components/MkShowMoreButton.vue";
 import MkNumber from "@/components/MkNumber.vue";
@@ -100,13 +100,13 @@ const props = defineProps<{
 	detailed?: boolean;
 }>();
 
-let isLong = ref(
+const isLong = ref(
 	props.detailed &&
 		props.user.description &&
 		(props.user.description.split("\n").length > 9 ||
 			props.user.description.length > 400),
 );
-let collapsed = ref(isLong.value);
+const collapsed = ref(isLong.value);
 </script>
 
 <style lang="scss" scoped>
diff --git a/packages/client/src/components/MkUserList.vue b/packages/client/src/components/MkUserList.vue
index d9560290f..ec5bf8a71 100644
--- a/packages/client/src/components/MkUserList.vue
+++ b/packages/client/src/components/MkUserList.vue
@@ -27,7 +27,8 @@
 <script lang="ts" setup>
 import { ref } from "vue";
 import MkUserInfo from "@/components/MkUserInfo.vue";
-import MkPagination, { Paging } from "@/components/MkPagination.vue";
+import type { Paging } from "@/components/MkPagination.vue";
+import MkPagination from "@/components/MkPagination.vue";
 import { i18n } from "@/i18n";
 
 const props = defineProps<{
diff --git a/packages/client/src/components/MkUserOnlineIndicator.vue b/packages/client/src/components/MkUserOnlineIndicator.vue
index f219988d7..b988aa732 100644
--- a/packages/client/src/components/MkUserOnlineIndicator.vue
+++ b/packages/client/src/components/MkUserOnlineIndicator.vue
@@ -5,7 +5,7 @@
 <script lang="ts" setup>
 import { computed } from "vue";
 
-import * as misskey from "firefish-js";
+import type * as misskey from "firefish-js";
 import { i18n } from "@/i18n";
 
 const props = defineProps<{
diff --git a/packages/client/src/components/MkUserPreview.vue b/packages/client/src/components/MkUserPreview.vue
index dd195947a..38fc41df4 100644
--- a/packages/client/src/components/MkUserPreview.vue
+++ b/packages/client/src/components/MkUserPreview.vue
@@ -29,9 +29,9 @@
 
 <script lang="ts" setup>
 import { onMounted, ref } from "vue";
-import MkUserInfo from "@/components/MkUserInfo.vue";
 import * as Acct from "firefish-js/built/acct";
 import type * as misskey from "firefish-js";
+import MkUserInfo from "@/components/MkUserInfo.vue";
 import * as os from "@/os";
 
 const props = defineProps<{
@@ -47,9 +47,9 @@ const emit = defineEmits<{
 }>();
 
 const zIndex = os.claimZIndex("middle");
-let user = ref<misskey.entities.UserDetailed | null>(null);
-let top = ref(0);
-let left = ref(0);
+const user = ref<misskey.entities.UserDetailed | null>(null);
+const top = ref(0);
+const left = ref(0);
 
 onMounted(() => {
 	if (typeof props.q === "object") {
diff --git a/packages/client/src/components/MkUserSelectDialog.vue b/packages/client/src/components/MkUserSelectDialog.vue
index 458e9a4bd..3a4310c0b 100644
--- a/packages/client/src/components/MkUserSelectDialog.vue
+++ b/packages/client/src/components/MkUserSelectDialog.vue
@@ -46,7 +46,7 @@
 							:user="user"
 							class="avatar"
 							:show-indicator="true"
-							disableLink
+							disable-link
 						/>
 						<div class="body">
 							<MkUserName :user="user" class="name" />
@@ -74,7 +74,7 @@
 							:user="user"
 							class="avatar"
 							:show-indicator="true"
-							disableLink
+							disable-link
 						/>
 						<div class="body">
 							<MkUserName :user="user" class="name" />
@@ -89,7 +89,7 @@
 
 <script lang="ts" setup>
 import { onMounted, ref } from "vue";
-import * as misskey from "firefish-js";
+import type * as misskey from "firefish-js";
 import MkInput from "@/components/form/input.vue";
 import FormSplit from "@/components/form/split.vue";
 import XModalWindow from "@/components/MkModalWindow.vue";
@@ -103,12 +103,12 @@ const emit = defineEmits<{
 	(ev: "closed"): void;
 }>();
 
-let username = ref("");
-let host = ref("");
-let users: misskey.entities.UserDetailed[] = ref([]);
-let recentUsers: misskey.entities.UserDetailed[] = ref([]);
-let selected: misskey.entities.UserDetailed | null = ref(null);
-let dialogEl = ref();
+const username = ref("");
+const host = ref("");
+const users: misskey.entities.UserDetailed[] = ref([]);
+const recentUsers: misskey.entities.UserDetailed[] = ref([]);
+const selected: misskey.entities.UserDetailed | null = ref(null);
+const dialogEl = ref();
 
 const search = () => {
 	if (username.value === "" && host.value === "") {
diff --git a/packages/client/src/components/MkUserSelectLocalDialog.vue b/packages/client/src/components/MkUserSelectLocalDialog.vue
index 595e61c3b..d72892edc 100644
--- a/packages/client/src/components/MkUserSelectLocalDialog.vue
+++ b/packages/client/src/components/MkUserSelectLocalDialog.vue
@@ -42,7 +42,7 @@
 							:user="user"
 							class="avatar"
 							:show-indicator="true"
-							disableLink
+							disable-link
 						/>
 						<div class="body">
 							<MkUserName :user="user" class="name" />
@@ -70,7 +70,7 @@
 							:user="user"
 							class="avatar"
 							:show-indicator="true"
-							disableLink
+							disable-link
 						/>
 						<div class="body">
 							<MkUserName :user="user" class="name" />
@@ -85,7 +85,7 @@
 
 <script lang="ts" setup>
 import { onMounted, ref } from "vue";
-import * as misskey from "firefish-js";
+import type * as misskey from "firefish-js";
 import MkInput from "@/components/form/input.vue";
 import FormSplit from "@/components/form/split.vue";
 import XModalWindow from "@/components/MkModalWindow.vue";
@@ -99,11 +99,11 @@ const emit = defineEmits<{
 	(ev: "closed"): void;
 }>();
 
-let username = ref("");
-let users: misskey.entities.UserDetailed[] = ref([]);
-let recentUsers: misskey.entities.UserDetailed[] = ref([]);
-let selected: misskey.entities.UserDetailed | null = ref(null);
-let dialogEl = ref();
+const username = ref("");
+const users: misskey.entities.UserDetailed[] = ref([]);
+const recentUsers: misskey.entities.UserDetailed[] = ref([]);
+const selected: misskey.entities.UserDetailed | null = ref(null);
+const dialogEl = ref();
 
 const search = () => {
 	if (username.value === "") {
diff --git a/packages/client/src/components/MkUsersTooltip.vue b/packages/client/src/components/MkUsersTooltip.vue
index 78a4f90f2..dd6018cb6 100644
--- a/packages/client/src/components/MkUsersTooltip.vue
+++ b/packages/client/src/components/MkUsersTooltip.vue
@@ -7,7 +7,7 @@
 	>
 		<div class="beaffaef">
 			<div v-for="u in users" :key="u.id" class="user">
-				<MkAvatar class="avatar" :user="u" disableLink />
+				<MkAvatar class="avatar" :user="u" disable-link />
 				<MkUserName class="name" :user="u" :nowrap="true" />
 			</div>
 			<div v-if="users.length < count" class="omitted">
diff --git a/packages/client/src/components/MkVisibility.vue b/packages/client/src/components/MkVisibility.vue
index fb7c472f9..72e2dd7ce 100644
--- a/packages/client/src/components/MkVisibility.vue
+++ b/packages/client/src/components/MkVisibility.vue
@@ -2,13 +2,13 @@
 	<span v-if="note.visibility !== 'public'" :class="$style.visibility">
 		<i
 			v-if="note.visibility === 'home'"
-			class="ph-house ph-bold ph-lg"
 			v-tooltip="i18n.ts._visibility.home"
+			class="ph-house ph-bold ph-lg"
 		></i>
 		<i
 			v-else-if="note.visibility === 'followers'"
-			class="ph-lock ph-bold ph-lg"
 			v-tooltip="i18n.ts._visibility.followers"
+			class="ph-lock ph-bold ph-lg"
 		></i>
 		<i
 			v-else-if="note.visibility === 'specified'"
@@ -18,8 +18,8 @@
 	</span>
 	<span v-if="note.localOnly" :class="$style.localOnly"
 		><i
-			class="ph-hand-fist ph-bold ph-lg"
 			v-tooltip="i18n.ts._visibility.localOnly"
+			class="ph-hand-fist ph-bold ph-lg"
 		></i
 	></span>
 </template>
diff --git a/packages/client/src/components/MkVisibilityPicker.vue b/packages/client/src/components/MkVisibilityPicker.vue
index e44b5b71e..9b521711f 100644
--- a/packages/client/src/components/MkVisibilityPicker.vue
+++ b/packages/client/src/components/MkVisibilityPicker.vue
@@ -122,8 +122,8 @@
 </template>
 
 <script lang="ts" setup>
-import { nextTick, watch, shallowRef, ref } from "vue";
-import * as misskey from "firefish-js";
+import { nextTick, ref, shallowRef, watch } from "vue";
+import type * as misskey from "firefish-js";
 import MkModal from "@/components/MkModal.vue";
 import { i18n } from "@/i18n";
 
@@ -147,8 +147,8 @@ const emit = defineEmits<{
 	(ev: "closed"): void;
 }>();
 
-let v = ref(props.currentVisibility);
-let localOnly = ref(props.currentLocalOnly);
+const v = ref(props.currentVisibility);
+const localOnly = ref(props.currentLocalOnly);
 
 watch(localOnly, () => {
 	emit("changeLocalOnly", localOnly.value);
diff --git a/packages/client/src/components/MkWaitingDialog.vue b/packages/client/src/components/MkWaitingDialog.vue
index cc9784d8d..d16be15eb 100644
--- a/packages/client/src/components/MkWaitingDialog.vue
+++ b/packages/client/src/components/MkWaitingDialog.vue
@@ -30,7 +30,7 @@
 </template>
 
 <script lang="ts" setup>
-import { watch, shallowRef } from "vue";
+import { shallowRef, watch } from "vue";
 import MkModal from "@/components/MkModal.vue";
 
 const modal = shallowRef<InstanceType<typeof MkModal>>();
diff --git a/packages/client/src/components/MkWidgets.vue b/packages/client/src/components/MkWidgets.vue
index 6b9827ddf..b8411c732 100644
--- a/packages/client/src/components/MkWidgets.vue
+++ b/packages/client/src/components/MkWidgets.vue
@@ -1,7 +1,7 @@
 <template>
 	<div class="vjoppmmu">
 		<template v-if="edit">
-			<header tabindex="-1" v-focus>
+			<header v-focus tabindex="-1">
 				<MkSelect
 					v-model="widgetAdderSelected"
 					style="margin-bottom: var(--margin)"
@@ -39,8 +39,8 @@
 						</button>
 						<button
 							class="remove _button"
-							@click.prevent.stop="removeWidget(element)"
 							:aria-label="i18n.t('close')"
+							@click.prevent.stop="removeWidget(element)"
 						>
 							<i class="ph-x ph-bold ph-lg"></i>
 						</button>
@@ -72,7 +72,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, computed } from "vue";
+import { computed, ref } from "vue";
 import { v4 as uuid } from "uuid";
 import { VueDraggable } from "vue-draggable-plus";
 import MkSelect from "@/components/form/select.vue";
@@ -81,11 +81,11 @@ import { widgets as widgetDefs } from "@/widgets";
 import * as os from "@/os";
 import { i18n } from "@/i18n";
 
-type Widget = {
+interface Widget {
 	name: string;
 	id: string;
 	data: Record<string, any>;
-};
+}
 
 const props = defineProps<{
 	widgets: Widget[];
@@ -141,7 +141,7 @@ function onContextmenu(widget: Widget, ev: MouseEvent) {
 		["INPUT", "TEXTAREA", "IMG", "VIDEO", "CANVAS"].includes(
 			ev.target.tagName,
 		) ||
-		ev.target.attributes["contenteditable"]
+		ev.target.attributes.contenteditable
 	)
 		return;
 	if (window.getSelection()?.toString() !== "") return;
diff --git a/packages/client/src/components/MkWindow.vue b/packages/client/src/components/MkWindow.vue
index 7f80b7f88..98482c8e3 100644
--- a/packages/client/src/components/MkWindow.vue
+++ b/packages/client/src/components/MkWindow.vue
@@ -118,7 +118,7 @@
 import { onBeforeUnmount, onMounted, provide, ref } from "vue";
 import contains from "@/scripts/contains";
 import * as os from "@/os";
-import { MenuItem } from "@/types/menu";
+import type { MenuItem } from "@/types/menu";
 
 const minHeight = 50;
 const minWidth = 250;
@@ -170,14 +170,14 @@ const emit = defineEmits<{
 
 provide("inWindow", true);
 
-let rootEl = ref<HTMLElement | null>();
-let showing = ref(true);
-let beforeClickedAt = 0;
-let maximized = ref(false);
-let unMaximizedTop = "";
-let unMaximizedLeft = "";
-let unMaximizedWidth = "";
-let unMaximizedHeight = "";
+const rootEl = ref<HTMLElement | null>();
+const showing = ref(true);
+let beforeClickedAt = 0,
+	maximized = ref(false),
+	unMaximizedTop = "",
+	unMaximizedLeft = "",
+	unMaximizedWidth = "",
+	unMaximizedHeight = "";
 
 function close() {
 	showing.value = false;
@@ -280,8 +280,8 @@ function onHeaderMousedown(evt: MouseEvent) {
 	const windowHeight = main.offsetHeight;
 
 	function move(x: number, y: number) {
-		let moveLeft = x - moveBaseX;
-		let moveTop = y - moveBaseY;
+		let moveLeft = x - moveBaseX,
+			moveTop = y - moveBaseY;
 
 		// 下はみ出し
 		if (moveTop + windowHeight > browserHeight)
diff --git a/packages/client/src/components/form/checkbox.vue b/packages/client/src/components/form/checkbox.vue
index 0f4528808..352fbac9e 100644
--- a/packages/client/src/components/form/checkbox.vue
+++ b/packages/client/src/components/form/checkbox.vue
@@ -24,7 +24,8 @@
 </template>
 
 <script lang="ts" setup>
-import { toRefs, Ref, ref } from "vue";
+import type { Ref } from "vue";
+import { ref, toRefs } from "vue";
 import * as os from "@/os";
 import Ripple from "@/components/MkRipple.vue";
 import { i18n } from "@/i18n";
@@ -38,7 +39,7 @@ const emit = defineEmits<{
 	(ev: "update:modelValue", v: boolean): void;
 }>();
 
-let button = ref<HTMLElement>();
+const button = ref<HTMLElement>();
 const checked = toRefs(props).modelValue;
 const toggle = () => {
 	if (props.disabled) return;
diff --git a/packages/client/src/components/global/MkAvatar.vue b/packages/client/src/components/global/MkAvatar.vue
index 3c363c249..cf780009a 100644
--- a/packages/client/src/components/global/MkAvatar.vue
+++ b/packages/client/src/components/global/MkAvatar.vue
@@ -36,7 +36,7 @@
 </template>
 
 <script lang="ts" setup>
-import { watch, computed, ref } from "vue";
+import { computed, ref, 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";
@@ -74,7 +74,7 @@ function onClick(ev: MouseEvent) {
 	emit("click", ev);
 }
 
-let color = ref();
+const color = ref();
 
 watch(
 	() => props.user.avatarBlurhash,
diff --git a/packages/client/src/components/global/MkPageHeader.vue b/packages/client/src/components/global/MkPageHeader.vue
index cad993bf8..639d472d0 100644
--- a/packages/client/src/components/global/MkPageHeader.vue
+++ b/packages/client/src/components/global/MkPageHeader.vue
@@ -122,13 +122,13 @@
 
 <script lang="ts" setup>
 import {
+	computed,
 	inject,
 	nextTick,
 	onMounted,
 	onUnmounted,
 	ref,
 	watch,
-	computed,
 } from "vue";
 import MkFollowButton from "@/components/MkFollowButton.vue";
 import { popupMenu } from "@/os";
@@ -178,7 +178,7 @@ const tabRefs = {};
 const tabHighlightEl = ref<HTMLElement | null>(null);
 const tabsEl = ref<HTMLElement | null>(null);
 const bg = ref(null);
-let narrow = ref(false);
+const narrow = ref(false);
 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/MkStickyContainer.vue b/packages/client/src/components/global/MkStickyContainer.vue
index 0bb8ebee9..8d426ce77 100644
--- a/packages/client/src/components/global/MkStickyContainer.vue
+++ b/packages/client/src/components/global/MkStickyContainer.vue
@@ -22,8 +22,8 @@ import { inject, onMounted, onUnmounted, provide, ref, watch } from "vue";
 const headerEl = ref<HTMLElement>();
 const bodyEl = ref<HTMLElement>();
 
-let headerHeight = ref<string | undefined>(),
-	childStickyTop = ref(0);
+const headerHeight = ref<string | undefined>();
+const childStickyTop = ref(0);
 const parentStickyTop = inject<Ref<number>>(CURRENT_STICKY_TOP, ref(0));
 provide(CURRENT_STICKY_TOP, childStickyTop);
 
diff --git a/packages/client/src/components/global/MkTime.vue b/packages/client/src/components/global/MkTime.vue
index 39d021712..a8819c610 100644
--- a/packages/client/src/components/global/MkTime.vue
+++ b/packages/client/src/components/global/MkTime.vue
@@ -10,7 +10,7 @@
 </template>
 
 <script lang="ts" setup>
-import { onMounted, onUnmounted, ref, computed } from "vue";
+import { computed, onMounted, onUnmounted, ref } from "vue";
 import { i18n } from "@/i18n";
 import { dateTimeFormat } from "@/scripts/intl-const";
 
@@ -37,7 +37,7 @@ const _time =
 const invalid = Number.isNaN(_time);
 const absolute = !invalid ? dateTimeFormat.format(_time) : i18n.ts._ago.invalid;
 
-let now = ref((props.origin ?? new Date()).getTime());
+const now = ref((props.origin ?? new Date()).getTime());
 const relative = computed<string>(() => {
 	if (props.mode === "absolute") return ""; // absoluteではrelativeを使わないので計算しない
 	if (invalid) return i18n.ts._ago.invalid;
diff --git a/packages/client/src/components/global/RouterView.vue b/packages/client/src/components/global/RouterView.vue
index 9f6f2dafc..7b93cf827 100644
--- a/packages/client/src/components/global/RouterView.vue
+++ b/packages/client/src/components/global/RouterView.vue
@@ -18,7 +18,7 @@
 </template>
 
 <script lang="ts" setup>
-import { inject, onBeforeUnmount, provide, shallowRef, ref } from "vue";
+import { inject, onBeforeUnmount, provide, ref, shallowRef } from "vue";
 import type { Resolved, Router } from "@/nirax";
 import { defaultStore } from "@/store";
 
@@ -48,11 +48,11 @@ function resolveNested(current: Resolved, d = 0): Resolved | null {
 }
 
 const current = resolveNested(router.current)!;
-let currentPageComponent = shallowRef(current.route.component),
-	currentPageProps = ref(current.props),
-	key = ref(
-		current.route.path + JSON.stringify(Object.fromEntries(current.props)),
-	);
+const currentPageComponent = shallowRef(current.route.component);
+const currentPageProps = ref(current.props);
+const key = ref(
+	current.route.path + JSON.stringify(Object.fromEntries(current.props)),
+);
 
 function onChange({ resolved, key: newKey }) {
 	const current = resolveNested(resolved);
diff --git a/packages/client/src/components/global/i18n.ts b/packages/client/src/components/global/i18n.ts
index 4475b62a4..a0113a654 100644
--- a/packages/client/src/components/global/i18n.ts
+++ b/packages/client/src/components/global/i18n.ts
@@ -1,4 +1,4 @@
-import { h, defineComponent } from "vue";
+import { defineComponent, h } from "vue";
 
 export default defineComponent({
 	props: {
diff --git a/packages/client/src/components/index.ts b/packages/client/src/components/index.ts
index 7da095e7d..6cf61617d 100644
--- a/packages/client/src/components/index.ts
+++ b/packages/client/src/components/index.ts
@@ -1,4 +1,4 @@
-import { App } from "vue";
+import type { App } from "vue";
 
 import Mfm from "./global/MkMisskeyFlavoredMarkdown.vue";
 import MkA from "./global/MkA.vue";
diff --git a/packages/client/src/components/mfm.ts b/packages/client/src/components/mfm.ts
index cb0942a33..cfdbd8a23 100644
--- a/packages/client/src/components/mfm.ts
+++ b/packages/client/src/components/mfm.ts
@@ -498,7 +498,7 @@ export default defineComponent({
 							// (see the issue #9816 on Codeberg)
 							if (token.props.content.slice(-6).toLowerCase() === "search") {
 								const sentinel = "#";
-								let ast2 = (isPlain ? mfm.parseSimple : mfm.parse)(
+								const ast2 = (isPlain ? mfm.parseSimple : mfm.parse)(
 									token.props.content.slice(0, -6) + sentinel,
 								);
 								if (
diff --git a/packages/client/src/components/page/page.block.vue b/packages/client/src/components/page/page.block.vue
index edeb33a14..b75c2caa1 100644
--- a/packages/client/src/components/page/page.block.vue
+++ b/packages/client/src/components/page/page.block.vue
@@ -9,7 +9,8 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, PropType } from "vue";
+import type { PropType } from "vue";
+import { defineComponent } from "vue";
 import XText from "./page.text.vue";
 import XSection from "./page.section.vue";
 import XImage from "./page.image.vue";
@@ -25,8 +26,8 @@ import XCounter from "./page.counter.vue";
 import XRadioButton from "./page.radio-button.vue";
 import XCanvas from "./page.canvas.vue";
 import XNote from "./page.note.vue";
-import { Hpml } from "@/scripts/hpml/evaluator";
-import { Block } from "@/scripts/hpml/block";
+import type { Hpml } from "@/scripts/hpml/evaluator";
+import type { Block } from "@/scripts/hpml/block";
 
 export default defineComponent({
 	components: {
diff --git a/packages/client/src/components/page/page.button.vue b/packages/client/src/components/page/page.button.vue
index b3c42eb60..c4efa59f2 100644
--- a/packages/client/src/components/page/page.button.vue
+++ b/packages/client/src/components/page/page.button.vue
@@ -7,11 +7,12 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, PropType, unref } from "vue";
+import type { PropType } from "vue";
+import { defineComponent, unref } from "vue";
 import MkButton from "../MkButton.vue";
 import * as os from "@/os";
-import { ButtonBlock } from "@/scripts/hpml/block";
-import { Hpml } from "@/scripts/hpml/evaluator";
+import type { ButtonBlock } from "@/scripts/hpml/block";
+import type { Hpml } from "@/scripts/hpml/evaluator";
 
 export default defineComponent({
 	components: {
diff --git a/packages/client/src/components/page/page.canvas.vue b/packages/client/src/components/page/page.canvas.vue
index 2e5a0baea..0568d6ef9 100644
--- a/packages/client/src/components/page/page.canvas.vue
+++ b/packages/client/src/components/page/page.canvas.vue
@@ -5,9 +5,10 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, onMounted, PropType, Ref, ref } from "vue";
-import { CanvasBlock } from "@/scripts/hpml/block";
-import { Hpml } from "@/scripts/hpml/evaluator";
+import type { PropType, Ref } from "vue";
+import { defineComponent, onMounted, ref } from "vue";
+import type { CanvasBlock } from "@/scripts/hpml/block";
+import type { Hpml } from "@/scripts/hpml/evaluator";
 
 export default defineComponent({
 	props: {
diff --git a/packages/client/src/components/page/page.counter.vue b/packages/client/src/components/page/page.counter.vue
index a17217f54..bd3338c2f 100644
--- a/packages/client/src/components/page/page.counter.vue
+++ b/packages/client/src/components/page/page.counter.vue
@@ -7,10 +7,11 @@
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, PropType } from "vue";
+import type { PropType } from "vue";
+import { computed, defineComponent } from "vue";
 import MkButton from "../MkButton.vue";
-import { CounterVarBlock } from "@/scripts/hpml/block";
-import { Hpml } from "@/scripts/hpml/evaluator";
+import type { CounterVarBlock } from "@/scripts/hpml/block";
+import type { Hpml } from "@/scripts/hpml/evaluator";
 
 export default defineComponent({
 	components: {
diff --git a/packages/client/src/components/page/page.if.vue b/packages/client/src/components/page/page.if.vue
index 7cc25f212..87d2612dd 100644
--- a/packages/client/src/components/page/page.if.vue
+++ b/packages/client/src/components/page/page.if.vue
@@ -11,9 +11,10 @@
 </template>
 
 <script lang="ts">
-import { IfBlock } from "@/scripts/hpml/block";
-import { Hpml } from "@/scripts/hpml/evaluator";
-import { defineComponent, defineAsyncComponent, PropType } from "vue";
+import type { PropType } from "vue";
+import { defineAsyncComponent, defineComponent } from "vue";
+import type { IfBlock } from "@/scripts/hpml/block";
+import type { Hpml } from "@/scripts/hpml/evaluator";
 
 export default defineComponent({
 	components: {
diff --git a/packages/client/src/components/page/page.image.vue b/packages/client/src/components/page/page.image.vue
index 0e900dc57..de0a190c4 100644
--- a/packages/client/src/components/page/page.image.vue
+++ b/packages/client/src/components/page/page.image.vue
@@ -12,10 +12,10 @@
 </template>
 
 <script lang="ts" setup>
-import { PropType } from "vue";
+import type { PropType } from "vue";
 import ImgWithBlurhash from "@/components/MkImgWithBlurhash.vue";
-import { ImageBlock } from "@/scripts/hpml/block";
-import { Hpml } from "@/scripts/hpml/evaluator";
+import type { ImageBlock } from "@/scripts/hpml/block";
+import type { Hpml } from "@/scripts/hpml/evaluator";
 
 const props = defineProps<{
 	block: PropType<ImageBlock>;
diff --git a/packages/client/src/components/page/page.note.vue b/packages/client/src/components/page/page.note.vue
index 868418cd4..f28e0b465 100644
--- a/packages/client/src/components/page/page.note.vue
+++ b/packages/client/src/components/page/page.note.vue
@@ -14,11 +14,12 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, onMounted, PropType, Ref, ref } from "vue";
+import type { PropType, Ref } from "vue";
+import { defineComponent, onMounted, ref } from "vue";
 import XNote from "@/components/MkNote.vue";
 import XNoteDetailed from "@/components/MkNoteDetailed.vue";
 import * as os from "@/os";
-import { NoteBlock } from "@/scripts/hpml/block";
+import type { NoteBlock } from "@/scripts/hpml/block";
 
 export default defineComponent({
 	components: {
diff --git a/packages/client/src/components/page/page.number-input.vue b/packages/client/src/components/page/page.number-input.vue
index 6a0c86cc7..bf2f89100 100644
--- a/packages/client/src/components/page/page.number-input.vue
+++ b/packages/client/src/components/page/page.number-input.vue
@@ -12,10 +12,11 @@
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, PropType } from "vue";
+import type { PropType } from "vue";
+import { computed, defineComponent } from "vue";
 import MkInput from "../form/input.vue";
-import { Hpml } from "@/scripts/hpml/evaluator";
-import { NumberInputVarBlock } from "@/scripts/hpml/block";
+import type { Hpml } from "@/scripts/hpml/evaluator";
+import type { NumberInputVarBlock } from "@/scripts/hpml/block";
 
 export default defineComponent({
 	components: {
diff --git a/packages/client/src/components/page/page.post.vue b/packages/client/src/components/page/page.post.vue
index 2213d3021..2b9b57917 100644
--- a/packages/client/src/components/page/page.post.vue
+++ b/packages/client/src/components/page/page.post.vue
@@ -14,13 +14,14 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, PropType } from "vue";
+import type { PropType } from "vue";
+import { defineComponent } from "vue";
 import MkTextarea from "../form/textarea.vue";
 import MkButton from "../MkButton.vue";
 import { apiUrl } from "@/config";
 import * as os from "@/os";
-import { PostBlock } from "@/scripts/hpml/block";
-import { Hpml } from "@/scripts/hpml/evaluator";
+import type { PostBlock } from "@/scripts/hpml/block";
+import type { Hpml } from "@/scripts/hpml/evaluator";
 
 export default defineComponent({
 	components: {
diff --git a/packages/client/src/components/page/page.radio-button.vue b/packages/client/src/components/page/page.radio-button.vue
index 279974222..c222acfc2 100644
--- a/packages/client/src/components/page/page.radio-button.vue
+++ b/packages/client/src/components/page/page.radio-button.vue
@@ -4,7 +4,7 @@
 		<MkRadio
 			v-for="item in block.values"
 			:key="item"
-			:modelValue="value"
+			:model-value="value"
 			:value="item"
 			@update:modelValue="updateValue($event)"
 			>{{ item }}</MkRadio
@@ -13,10 +13,11 @@
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, PropType } from "vue";
+import type { PropType } from "vue";
+import { computed, defineComponent } from "vue";
 import MkRadio from "../form/radio.vue";
-import { Hpml } from "@/scripts/hpml/evaluator";
-import { RadioButtonVarBlock } from "@/scripts/hpml/block";
+import type { Hpml } from "@/scripts/hpml/evaluator";
+import type { RadioButtonVarBlock } from "@/scripts/hpml/block";
 
 export default defineComponent({
 	components: {
diff --git a/packages/client/src/components/page/page.section.vue b/packages/client/src/components/page/page.section.vue
index 72b112f69..8f2ae6111 100644
--- a/packages/client/src/components/page/page.section.vue
+++ b/packages/client/src/components/page/page.section.vue
@@ -15,9 +15,10 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, defineAsyncComponent, PropType } from "vue";
-import { SectionBlock } from "@/scripts/hpml/block";
-import { Hpml } from "@/scripts/hpml/evaluator";
+import type { PropType } from "vue";
+import { defineAsyncComponent, defineComponent } from "vue";
+import type { SectionBlock } from "@/scripts/hpml/block";
+import type { Hpml } from "@/scripts/hpml/evaluator";
 
 export default defineComponent({
 	components: {
diff --git a/packages/client/src/components/page/page.switch.vue b/packages/client/src/components/page/page.switch.vue
index dd33fc07c..f9314cc8c 100644
--- a/packages/client/src/components/page/page.switch.vue
+++ b/packages/client/src/components/page/page.switch.vue
@@ -9,10 +9,11 @@
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, PropType } from "vue";
+import type { PropType } from "vue";
+import { computed, defineComponent } from "vue";
 import MkSwitch from "../form/switch.vue";
-import { Hpml } from "@/scripts/hpml/evaluator";
-import { SwitchVarBlock } from "@/scripts/hpml/block";
+import type { Hpml } from "@/scripts/hpml/evaluator";
+import type { SwitchVarBlock } from "@/scripts/hpml/block";
 
 export default defineComponent({
 	components: {
diff --git a/packages/client/src/components/page/page.text-input.vue b/packages/client/src/components/page/page.text-input.vue
index f2286f082..5b868f09f 100644
--- a/packages/client/src/components/page/page.text-input.vue
+++ b/packages/client/src/components/page/page.text-input.vue
@@ -12,10 +12,11 @@
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, PropType } from "vue";
+import type { PropType } from "vue";
+import { computed, defineComponent } from "vue";
 import MkInput from "../form/input.vue";
-import { Hpml } from "@/scripts/hpml/evaluator";
-import { TextInputVarBlock } from "@/scripts/hpml/block";
+import type { Hpml } from "@/scripts/hpml/evaluator";
+import type { TextInputVarBlock } from "@/scripts/hpml/block";
 
 export default defineComponent({
 	components: {
diff --git a/packages/client/src/components/page/page.text.vue b/packages/client/src/components/page/page.text.vue
index 72854bf39..ba7f69a7a 100644
--- a/packages/client/src/components/page/page.text.vue
+++ b/packages/client/src/components/page/page.text.vue
@@ -6,10 +6,11 @@
 </template>
 
 <script lang="ts">
-import { TextBlock } from "@/scripts/hpml/block";
-import { Hpml } from "@/scripts/hpml/evaluator";
-import { defineAsyncComponent, defineComponent, PropType } from "vue";
+import type { PropType } from "vue";
+import { defineAsyncComponent, defineComponent } from "vue";
 import * as mfm from "mfm-js";
+import type { TextBlock } from "@/scripts/hpml/block";
+import type { Hpml } from "@/scripts/hpml/evaluator";
 import { extractUrlFromMfm } from "@/scripts/extract-url-from-mfm";
 export default defineComponent({
 	components: {
diff --git a/packages/client/src/components/page/page.textarea-input.vue b/packages/client/src/components/page/page.textarea-input.vue
index c074479cf..bb0541946 100644
--- a/packages/client/src/components/page/page.textarea-input.vue
+++ b/packages/client/src/components/page/page.textarea-input.vue
@@ -10,10 +10,11 @@
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, PropType } from "vue";
+import type { PropType } from "vue";
+import { computed, defineComponent } from "vue";
 import MkTextarea from "../form/textarea.vue";
-import { Hpml } from "@/scripts/hpml/evaluator";
-import { TextInputVarBlock } from "@/scripts/hpml/block";
+import type { Hpml } from "@/scripts/hpml/evaluator";
+import type { TextInputVarBlock } from "@/scripts/hpml/block";
 
 export default defineComponent({
 	components: {
diff --git a/packages/client/src/components/page/page.textarea.vue b/packages/client/src/components/page/page.textarea.vue
index 4bcd72ece..a37a742e5 100644
--- a/packages/client/src/components/page/page.textarea.vue
+++ b/packages/client/src/components/page/page.textarea.vue
@@ -3,17 +3,17 @@
 </template>
 
 <script lang="ts" setup>
-import { watch, ref } from "vue";
+import { ref, watch } from "vue";
 import MkTextarea from "../form/textarea.vue";
-import { TextBlock } from "@/scripts/hpml/block";
-import { Hpml } from "@/scripts/hpml/evaluator";
+import type { TextBlock } from "@/scripts/hpml/block";
+import type { Hpml } from "@/scripts/hpml/evaluator";
 
 const props = defineProps<{
 	block: TextBlock;
 	hpml: Hpml;
 }>();
 
-let text = ref("");
+const text = ref("");
 
 watch(
 	props.hpml.vars,
diff --git a/packages/client/src/components/page/page.vue b/packages/client/src/components/page/page.vue
index f2079c9ba..4041b0e6f 100644
--- a/packages/client/src/components/page/page.vue
+++ b/packages/client/src/components/page/page.vue
@@ -15,13 +15,8 @@
 </template>
 
 <script lang="ts">
-import {
-	defineComponent,
-	onMounted,
-	nextTick,
-	onUnmounted,
-	PropType,
-} from "vue";
+import type { PropType } from "vue";
+import { defineComponent, nextTick, onMounted, onUnmounted } from "vue";
 import { parse } from "@syuilo/aiscript";
 import XBlock from "./page.block.vue";
 import { Hpml } from "@/scripts/hpml/evaluator";
@@ -43,7 +38,7 @@ export default defineComponent({
 		const hpml = new Hpml(props.page, {
 			randomSeed: Math.random(),
 			visitor: $i,
-			url: url,
+			url,
 			enableAiScript: !defaultStore.state.disablePagesScript,
 		});
 
@@ -55,10 +50,10 @@ export default defineComponent({
 						ast = parse(props.page.script);
 					} catch (err) {
 						console.error(err);
-						/*os.alert({
+						/* os.alert({
 							type: 'error',
 							text: 'Syntax error :('
-						});*/
+						}); */
 						return;
 					}
 					hpml.aiscript
@@ -68,10 +63,10 @@ export default defineComponent({
 						})
 						.catch((err) => {
 							console.error(err);
-							/*os.alert({
+							/* os.alert({
 							type: 'error',
 							text: err
-						});*/
+						}); */
 						});
 				} else {
 					hpml.eval();
diff --git a/packages/client/src/directives/adaptive-border.ts b/packages/client/src/directives/adaptive-border.ts
index c882c49b1..a5a7ddbd6 100644
--- a/packages/client/src/directives/adaptive-border.ts
+++ b/packages/client/src/directives/adaptive-border.ts
@@ -1,4 +1,4 @@
-import { Directive } from "vue";
+import type { Directive } from "vue";
 
 export default {
 	mounted(src, binding, vn) {
diff --git a/packages/client/src/directives/anim.ts b/packages/client/src/directives/anim.ts
index 9e69e11ef..b738f6c47 100644
--- a/packages/client/src/directives/anim.ts
+++ b/packages/client/src/directives/anim.ts
@@ -1,11 +1,11 @@
-import { Directive } from "vue";
+import type { Directive } from "vue";
 
 export default {
 	beforeMount(src, binding, vn) {
 		src.style.opacity = "0";
 		src.style.transform = "scale(0.9)";
 		// ページネーションと相性が悪いので
-		//if (typeof binding.value === 'number') src.style.transitionDelay = `${binding.value * 30}ms`;
+		// if (typeof binding.value === 'number') src.style.transitionDelay = `${binding.value * 30}ms`;
 		src.classList.add("_zoom");
 	},
 
diff --git a/packages/client/src/directives/appear.ts b/packages/client/src/directives/appear.ts
index 16f321801..8e93ebd22 100644
--- a/packages/client/src/directives/appear.ts
+++ b/packages/client/src/directives/appear.ts
@@ -1,4 +1,4 @@
-import { Directive } from "vue";
+import type { Directive } from "vue";
 
 export default {
 	mounted(src, binding, vn) {
diff --git a/packages/client/src/directives/click-anime.ts b/packages/client/src/directives/click-anime.ts
index 5c2dff1ed..cca10c828 100644
--- a/packages/client/src/directives/click-anime.ts
+++ b/packages/client/src/directives/click-anime.ts
@@ -1,4 +1,4 @@
-import { Directive } from "vue";
+import type { Directive } from "vue";
 // import { defaultStore } from "@/store";
 
 export default {
diff --git a/packages/client/src/directives/follow-append.ts b/packages/client/src/directives/follow-append.ts
index 1c500628d..8c713f64f 100644
--- a/packages/client/src/directives/follow-append.ts
+++ b/packages/client/src/directives/follow-append.ts
@@ -1,4 +1,4 @@
-import { Directive } from "vue";
+import type { Directive } from "vue";
 import { getScrollContainer, getScrollPosition } from "@/scripts/scroll";
 
 export default {
diff --git a/packages/client/src/directives/get-size.ts b/packages/client/src/directives/get-size.ts
index 69278a261..e30eac758 100644
--- a/packages/client/src/directives/get-size.ts
+++ b/packages/client/src/directives/get-size.ts
@@ -1,4 +1,4 @@
-import { Directive } from "vue";
+import type { Directive } from "vue";
 
 const mountings = new Map<
 	Element,
diff --git a/packages/client/src/directives/hotkey.ts b/packages/client/src/directives/hotkey.ts
index 8df74c48d..9e89c271d 100644
--- a/packages/client/src/directives/hotkey.ts
+++ b/packages/client/src/directives/hotkey.ts
@@ -1,4 +1,4 @@
-import { Directive } from "vue";
+import type { Directive } from "vue";
 import { makeHotkey } from "../scripts/hotkey";
 
 export default {
diff --git a/packages/client/src/directives/index.ts b/packages/client/src/directives/index.ts
index 77639e2f3..6c80d4e94 100644
--- a/packages/client/src/directives/index.ts
+++ b/packages/client/src/directives/index.ts
@@ -1,4 +1,4 @@
-import { App } from "vue";
+import type { App } from "vue";
 
 import userPreview from "./user-preview";
 import size from "./size";
diff --git a/packages/client/src/directives/panel.ts b/packages/client/src/directives/panel.ts
index 229f72698..f1328fa36 100644
--- a/packages/client/src/directives/panel.ts
+++ b/packages/client/src/directives/panel.ts
@@ -1,4 +1,4 @@
-import { Directive } from "vue";
+import type { Directive } from "vue";
 
 export default {
 	mounted(src, binding, vn) {
diff --git a/packages/client/src/directives/size.ts b/packages/client/src/directives/size.ts
index 90d868c6c..700b560a3 100644
--- a/packages/client/src/directives/size.ts
+++ b/packages/client/src/directives/size.ts
@@ -1,8 +1,11 @@
-import { Directive } from "vue";
+import type { Directive } from "vue";
 
-type Value = { max?: number[]; min?: number[] };
+interface Value {
+	max?: number[];
+	min?: number[];
+}
 
-//const observers = new Map<Element, ResizeObserver>();
+// const observers = new Map<Element, ResizeObserver>();
 const mountings = new Map<
 	Element,
 	{
@@ -13,10 +16,10 @@ const mountings = new Map<
 	}
 >();
 
-type ClassOrder = {
+interface ClassOrder {
 	add: string[];
 	remove: string[];
-};
+}
 
 const cache = new Map<string, ClassOrder>();
 
diff --git a/packages/client/src/directives/tooltip.ts b/packages/client/src/directives/tooltip.ts
index e2db3fbf5..0b29b6556 100644
--- a/packages/client/src/directives/tooltip.ts
+++ b/packages/client/src/directives/tooltip.ts
@@ -1,9 +1,10 @@
 // TODO: useTooltip関数使うようにしたい
 // ただディレクティブ内でonUnmountedなどのcomposition api使えるのか不明
 
-import { defineAsyncComponent, Directive, ref } from "vue";
+import type { Directive } from "vue";
+import { defineAsyncComponent, ref } from "vue";
 import { isTouchUsing } from "@/scripts/touch";
-import { popup, alert } from "@/os";
+import { alert, popup } from "@/os";
 import { mainRouter } from "@/router";
 
 const start = isTouchUsing ? "touchstart" : "mouseover";
diff --git a/packages/client/src/directives/user-preview.ts b/packages/client/src/directives/user-preview.ts
index 90c9ba3d0..dbbdb8b00 100644
--- a/packages/client/src/directives/user-preview.ts
+++ b/packages/client/src/directives/user-preview.ts
@@ -1,4 +1,5 @@
-import { defineAsyncComponent, Directive, ref } from "vue";
+import type { Directive } from "vue";
+import { defineAsyncComponent, ref } from "vue";
 import { popup } from "@/os";
 
 export class UserPreview {
diff --git a/packages/client/src/filters/user.ts b/packages/client/src/filters/user.ts
index c9f932bd2..66a2de49d 100644
--- a/packages/client/src/filters/user.ts
+++ b/packages/client/src/filters/user.ts
@@ -1,4 +1,4 @@
-import * as misskey from "firefish-js";
+import type * as misskey from "firefish-js";
 import * as Acct from "firefish-js/built/acct";
 import { url } from "@/config";
 
diff --git a/packages/client/src/init.ts b/packages/client/src/init.ts
index 519368138..c416b6f06 100644
--- a/packages/client/src/init.ts
+++ b/packages/client/src/init.ts
@@ -9,7 +9,7 @@ import "@/style.scss";
 import "@phosphor-icons/web/bold";
 import "@phosphor-icons/web/fill";
 
-//#region account indexedDB migration
+// #region account indexedDB migration
 import { set } from "@/scripts/idb-proxy";
 
 const accounts = localStorage.getItem("accounts");
@@ -17,30 +17,30 @@ if (accounts) {
 	set("accounts", JSON.parse(accounts));
 	localStorage.removeItem("accounts");
 }
-//#endregion
+// #endregion
 
 import {
 	computed,
 	createApp,
-	watch,
+	defineAsyncComponent,
 	markRaw,
 	version as vueVersion,
-	defineAsyncComponent,
+	watch,
 } from "vue";
 import { compareVersions } from "compare-versions";
 
 import widgets from "@/widgets";
 import directives from "@/directives";
 import components from "@/components";
-import { version, ui, lang, host } from "@/config";
+import { host, lang, ui, version } from "@/config";
 import { applyTheme } from "@/scripts/theme";
 import { isDeviceDarkmode } from "@/scripts/is-device-darkmode";
 import { i18n } from "@/i18n";
-import { confirm, alert, post, popup, toast, api } from "@/os";
+import { alert, api, confirm, popup, post, toast } from "@/os";
 import { stream } from "@/stream";
 import * as sound from "@/scripts/sound";
-import { $i, refreshAccount, login, updateAccount, signout } from "@/account";
-import { defaultStore, ColdDeviceStorage } from "@/store";
+import { $i, login, refreshAccount, signout, updateAccount } from "@/account";
+import { ColdDeviceStorage, defaultStore } from "@/store";
 import { fetchInstance, instance } from "@/instance";
 import { makeHotkey } from "@/scripts/hotkey";
 import { search } from "@/scripts/search";
@@ -106,7 +106,7 @@ function checkForSplash() {
 		else location.reload();
 	});
 
-	//#region SEE: https://css-tricks.com/the-trick-to-viewport-units-on-mobile/
+	// #region SEE: https://css-tricks.com/the-trick-to-viewport-units-on-mobile/
 	// TODO: いつの日にか消したい
 	const vh = window.innerHeight * 0.01;
 	document.documentElement.style.setProperty("--vh", `${vh}px`);
@@ -114,14 +114,14 @@ function checkForSplash() {
 		const vh = window.innerHeight * 0.01;
 		document.documentElement.style.setProperty("--vh", `${vh}px`);
 	});
-	//#endregion
+	// #endregion
 
-	//#region Set lang attr
+	// #region Set lang attr
 	const html = document.documentElement;
 	html.setAttribute("lang", lang || "en-US");
-	//#endregion
+	// #endregion
 
-	//#region loginId
+	// #region loginId
 	const params = new URLSearchParams(location.search);
 	const loginId = params.get("loginId");
 
@@ -138,9 +138,9 @@ function checkForSplash() {
 		history.replaceState({ misskey: "loginId" }, "", target);
 	}
 
-	//#endregion
+	// #endregion
 
-	//#region Fetch user
+	// #region Fetch user
 	if ($i?.token) {
 		if (_DEV_) {
 			console.log("account cache found. refreshing...");
@@ -174,7 +174,7 @@ function checkForSplash() {
 			}
 		}
 	}
-	//#endregion
+	// #endregion
 
 	const fetchInstanceMetaPromise = fetchInstance();
 
@@ -336,7 +336,7 @@ function checkForSplash() {
 		}
 	});
 
-	//#region Sync dark mode
+	// #region Sync dark mode
 	if (ColdDeviceStorage.get("syncDeviceDarkMode")) {
 		defaultStore.set("darkMode", isDeviceDarkmode());
 	}
@@ -345,7 +345,7 @@ function checkForSplash() {
 			defaultStore.set("darkMode", mql.matches);
 		}
 	};
-	//#endregion
+	// #endregion
 
 	fetchInstanceMetaPromise.then(() => {
 		if (defaultStore.state.themeInitial) {
@@ -407,7 +407,7 @@ function checkForSplash() {
 
 	stream.on("emojiAdded", (emojiData) => {
 		// TODO
-		//store.commit('instance/set', );
+		// store.commit('instance/set', );
 	});
 
 	for (const plugin of ColdDeviceStorage.get("plugins").filter(
diff --git a/packages/client/src/instance.ts b/packages/client/src/instance.ts
index 70ba0abfa..1ed32fbfc 100644
--- a/packages/client/src/instance.ts
+++ b/packages/client/src/instance.ts
@@ -1,6 +1,6 @@
 import { computed, reactive } from "vue";
-import { api } from "./os";
 import type * as Misskey from "firefish-js";
+import { api } from "./os";
 
 // TODO: 他のタブと永続化されたstateを同期
 
diff --git a/packages/client/src/navbar.ts b/packages/client/src/navbar.ts
index fa4bdaf87..c4b9c7a6e 100644
--- a/packages/client/src/navbar.ts
+++ b/packages/client/src/navbar.ts
@@ -1,4 +1,4 @@
-import { computed, ref, reactive } from "vue";
+import { computed, reactive, ref } from "vue";
 import { $i } from "./account";
 import { search } from "@/scripts/search";
 import * as os from "@/os";
diff --git a/packages/client/src/nirax.ts b/packages/client/src/nirax.ts
index 7e481f148..43e770ec3 100644
--- a/packages/client/src/nirax.ts
+++ b/packages/client/src/nirax.ts
@@ -1,11 +1,12 @@
 // NIRAX --- A lightweight router
 
 import { EventEmitter } from "eventemitter3";
-import { Ref, Component, ref, shallowRef, ShallowRef } from "vue";
+import type { Component, ShallowRef } from "vue";
+import { Ref, ref, shallowRef } from "vue";
 import { pleaseLogin } from "@/scripts/please-login";
 import { safeURIDecode } from "@/scripts/safe-uri-decode";
 
-type RouteDef = {
+interface RouteDef {
 	path: string;
 	component: Component;
 	query?: Record<string, string>;
@@ -14,7 +15,7 @@ type RouteDef = {
 	hash?: string;
 	globalCacheKey?: string;
 	children?: RouteDef[];
-};
+}
 
 type ParsedPath = (
 	| string
@@ -26,11 +27,11 @@ type ParsedPath = (
 	  }
 )[];
 
-export type Resolved = {
+export interface Resolved {
 	route: RouteDef;
 	props: Map<string, string>;
 	child?: Resolved;
-};
+}
 
 function parsePath(path: string): ParsedPath {
 	const res = [] as ParsedPath;
@@ -64,10 +65,7 @@ export class Router extends EventEmitter<{
 		resolved: Resolved;
 		key: string;
 	}) => void;
-	replace: (ctx: {
-		path: string;
-		key: string;
-	}) => void;
+	replace: (ctx: { path: string; key: string }) => void;
 	push: (ctx: {
 		beforePath: string;
 		path: string;
@@ -95,8 +93,8 @@ export class Router extends EventEmitter<{
 	}
 
 	public resolve(path: string): Resolved | null {
-		let queryString: string | null = null;
-		let hash: string | null = null;
+		let queryString: string | null = null,
+			hash: string | null = null;
 		if (path[0] === "/") path = path.substring(1);
 		if (path.includes("#")) {
 			hash = path.substring(path.indexOf("#") + 1);
diff --git a/packages/client/src/os.ts b/packages/client/src/os.ts
index d95edd7bf..b30918527 100644
--- a/packages/client/src/os.ts
+++ b/packages/client/src/os.ts
@@ -1,17 +1,18 @@
 // TODO: なんでもかんでもos.tsに突っ込むのやめたいのでよしなに分割する
 
-import { Component, markRaw, Ref, ref, defineAsyncComponent } from "vue";
+import type { Component, Ref } from "vue";
+import { defineAsyncComponent, markRaw, ref } from "vue";
 import { EventEmitter } from "eventemitter3";
 import insertTextAtCursor from "insert-text-at-cursor";
 import * as Misskey from "firefish-js";
+import { i18n } from "./i18n";
 import { apiUrl, url } from "@/config";
 import MkPostFormDialog from "@/components/MkPostFormDialog.vue";
 import MkWaitingDialog from "@/components/MkWaitingDialog.vue";
 import MkToast from "@/components/MkToast.vue";
 import MkDialog from "@/components/MkDialog.vue";
-import { MenuItem } from "@/types/menu";
+import type { MenuItem } from "@/types/menu";
 import { $i } from "@/account";
-import { i18n } from "./i18n";
 
 export const pendingApiRequestsCount = ref(0);
 
@@ -36,7 +37,7 @@ export const api = ((
 		: undefined;
 
 	const promise = new Promise((resolve, reject) => {
-		fetch(endpoint.indexOf("://") > -1 ? endpoint : `${apiUrl}/${endpoint}`, {
+		fetch(endpoint.includes("://") ? endpoint : `${apiUrl}/${endpoint}`, {
 			method: "POST",
 			body: JSON.stringify(data),
 			credentials: "omit",
@@ -160,9 +161,9 @@ export function promiseDialog<T extends Promise<any>>(
 	popup(
 		MkWaitingDialog,
 		{
-			success: success,
-			showing: showing,
-			text: text,
+			success,
+			showing,
+			text,
 		},
 		{},
 		"closed",
@@ -310,7 +311,7 @@ export function confirm(props: {
 			},
 			{
 				done: (result) => {
-					resolve(result ? result : { canceled: true });
+					resolve(result || { canceled: true });
 				},
 			},
 			"closed",
@@ -337,7 +338,7 @@ export function yesno(props: {
 			},
 			{
 				done: (result) => {
-					resolve(result ? result : { canceled: true });
+					resolve(result || { canceled: true });
 				},
 			},
 			"closed",
@@ -378,7 +379,7 @@ export function inputText(props: {
 			},
 			{
 				done: (result) => {
-					resolve(result ? result : { canceled: true });
+					resolve(result || { canceled: true });
 				},
 			},
 			"closed",
@@ -416,7 +417,7 @@ export function inputParagraph(props: {
 			},
 			{
 				done: (result) => {
-					resolve(result ? result : { canceled: true });
+					resolve(result || { canceled: true });
 				},
 			},
 			"closed",
@@ -456,7 +457,7 @@ export function inputNumber(props: {
 			},
 			{
 				done: (result) => {
-					resolve(result ? result : { canceled: true });
+					resolve(result || { canceled: true });
 				},
 			},
 			"closed",
@@ -548,7 +549,7 @@ export function select<C = any>(
 			},
 			{
 				done: (result) => {
-					resolve(result ? result : { canceled: true });
+					resolve(result || { canceled: true });
 				},
 			},
 			"closed",
@@ -566,7 +567,7 @@ export function success(): Promise<void> {
 			MkWaitingDialog,
 			{
 				success: true,
-				showing: showing,
+				showing,
 			},
 			{
 				done: () => resolve(),
@@ -583,7 +584,7 @@ export function waiting(): Promise<void> {
 			MkWaitingDialog,
 			{
 				success: false,
-				showing: showing,
+				showing,
 			},
 			{
 				done: () => resolve(),
@@ -771,8 +772,8 @@ type AwaitType<T> = T extends Promise<infer U>
 	: T extends (...args: any[]) => Promise<infer V>
 	? V
 	: T;
-let openingEmojiPicker: AwaitType<ReturnType<typeof popup>> | null = null;
-let activeTextarea: HTMLTextAreaElement | HTMLInputElement | null = null;
+let openingEmojiPicker: AwaitType<ReturnType<typeof popup>> | null = null,
+	activeTextarea: HTMLTextAreaElement | HTMLInputElement | null = null;
 export async function openEmojiPicker(
 	src?: HTMLElement,
 	opts,
@@ -940,4 +941,4 @@ export function checkExistence(fileData: ArrayBuffer): Promise<any> {
 			resolve(resp.length > 0 ? resp[0] : null);
 		});
 	});
-}*/
+} */
diff --git a/packages/client/src/pages/_error_.vue b/packages/client/src/pages/_error_.vue
index da7cc266e..e66157588 100644
--- a/packages/client/src/pages/_error_.vue
+++ b/packages/client/src/pages/_error_.vue
@@ -37,7 +37,7 @@
 <script lang="ts" setup>
 import { ref } from "vue";
 
-import * as misskey from "firefish-js";
+import type * as misskey from "firefish-js";
 import MkButton from "@/components/MkButton.vue";
 import { version } from "@/config";
 import * as os from "@/os";
diff --git a/packages/client/src/pages/about-firefish.vue b/packages/client/src/pages/about-firefish.vue
index a04ac33de..3ea6ac898 100644
--- a/packages/client/src/pages/about-firefish.vue
+++ b/packages/client/src/pages/about-firefish.vue
@@ -203,7 +203,7 @@
 </template>
 
 <script lang="ts" setup>
-import { nextTick, onBeforeUnmount, ref, computed } from "vue";
+import { computed, nextTick, onBeforeUnmount, ref } from "vue";
 import { version } from "@/config";
 import FormLink from "@/components/form/link.vue";
 import FormSection from "@/components/form/section.vue";
@@ -216,8 +216,8 @@ import { defaultStore } from "@/store";
 import * as os from "@/os";
 import { definePageMetadata } from "@/scripts/page-metadata";
 
-let patrons = [];
-let sponsors = [];
+let patrons = [],
+	sponsors = [];
 const patronsResp = await os.api("patrons", { forceUpdate: true });
 patrons = patronsResp.patrons;
 sponsors = patronsResp.sponsors;
diff --git a/packages/client/src/pages/about.vue b/packages/client/src/pages/about.vue
index df1db75b8..5aecece8c 100644
--- a/packages/client/src/pages/about.vue
+++ b/packages/client/src/pages/about.vue
@@ -11,7 +11,7 @@
 				:round-lengths="true"
 				:touch-angle="25"
 				:threshold="10"
-				:centeredSlides="true"
+				:centered-slides="true"
 				:modules="[Virtual]"
 				:space-between="20"
 				:virtual="true"
@@ -173,12 +173,12 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, computed, onMounted, watch } from "vue";
+import { computed, onMounted, ref, watch } from "vue";
 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, host } from "@/config";
+import { host, version } from "@/config";
 import FormLink from "@/components/form/link.vue";
 import FormSection from "@/components/form/section.vue";
 import FormSuspense from "@/components/form/suspense.vue";
@@ -210,7 +210,7 @@ const instanceIcon = ref<HTMLImageElement>();
 let iconClicks = 0;
 const iconSrc = ref(instance.iconUrl || instance.faviconUrl || "/favicon.ico");
 const instanceIconAnimation = ref("");
-let tabs = ["overview", "emojis", "charts"];
+const tabs = ["overview", "emojis", "charts"];
 const tab = ref(tabs[0]);
 watch(tab, () => syncSlide(tabs.indexOf(tab.value)));
 
@@ -223,7 +223,7 @@ const initStats = () =>
 
 const headerActions = computed(() => []);
 
-let theTabs = [
+const theTabs = [
 	{
 		key: "overview",
 		title: i18n.ts.overview,
diff --git a/packages/client/src/pages/admin-file.vue b/packages/client/src/pages/admin-file.vue
index 11fc07ce1..8306defdc 100644
--- a/packages/client/src/pages/admin-file.vue
+++ b/packages/client/src/pages/admin-file.vue
@@ -11,7 +11,7 @@
 				:round-lengths="true"
 				:touch-angle="25"
 				:threshold="10"
-				:centeredSlides="true"
+				:centered-slides="true"
 				:modules="[Virtual]"
 				:space-between="20"
 				:virtual="true"
@@ -156,7 +156,7 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, watch, ref } from "vue";
+import { computed, ref, watch } from "vue";
 import { Virtual } from "swiper/modules";
 import { Swiper, SwiperSlide } from "swiper/vue";
 import MkButton from "@/components/MkButton.vue";
@@ -177,7 +177,7 @@ import { defaultStore } from "@/store";
 import "swiper/scss";
 import "swiper/scss/virtual";
 
-let tabs = ["overview"];
+const tabs = ["overview"];
 if (iAmModerator) tabs.push("ip");
 tabs.push("raw");
 const tab = ref(tabs[0]);
diff --git a/packages/client/src/pages/admin/_header_.vue b/packages/client/src/pages/admin/_header_.vue
index b3eb158d4..0192a48c0 100644
--- a/packages/client/src/pages/admin/_header_.vue
+++ b/packages/client/src/pages/admin/_header_.vue
@@ -56,7 +56,7 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, onMounted, onUnmounted, ref, watch, nextTick } from "vue";
+import { computed, nextTick, onMounted, onUnmounted, ref, watch } from "vue";
 import tinycolor from "tinycolor2";
 import { popupMenu } from "@/os";
 import { scrollToTop } from "@/scripts/scroll";
@@ -64,13 +64,13 @@ import MkButton from "@/components/MkButton.vue";
 import { globalEvents } from "@/events";
 import { injectPageMetadata } from "@/scripts/page-metadata";
 
-type Tab = {
+interface Tab {
 	key?: string | null;
 	title: string;
 	icon?: string;
 	iconOnly?: boolean;
 	onClick?: (ev: MouseEvent) => void;
-};
+}
 
 const props = defineProps<{
 	tabs?: Tab[];
diff --git a/packages/client/src/pages/admin/announcements.vue b/packages/client/src/pages/admin/announcements.vue
index 7280906e8..d8fa3bc74 100644
--- a/packages/client/src/pages/admin/announcements.vue
+++ b/packages/client/src/pages/admin/announcements.vue
@@ -65,9 +65,8 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, computed } from "vue";
+import { computed, ref } from "vue";
 
-import {} from "vue";
 import MkButton from "@/components/MkButton.vue";
 import MkInput from "@/components/form/input.vue";
 import MkSwitch from "@/components/form/switch.vue";
diff --git a/packages/client/src/pages/admin/email-settings.vue b/packages/client/src/pages/admin/email-settings.vue
index 93a90e3e8..578692e3a 100644
--- a/packages/client/src/pages/admin/email-settings.vue
+++ b/packages/client/src/pages/admin/email-settings.vue
@@ -91,7 +91,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, computed } from "vue";
+import { computed, ref } from "vue";
 
 import FormSwitch from "@/components/form/switch.vue";
 import FormInput from "@/components/form/input.vue";
diff --git a/packages/client/src/pages/admin/emojis.vue b/packages/client/src/pages/admin/emojis.vue
index fab696188..2a45be562 100644
--- a/packages/client/src/pages/admin/emojis.vue
+++ b/packages/client/src/pages/admin/emojis.vue
@@ -234,7 +234,7 @@ const edit = (emoji) => {
 	os.popup(
 		defineAsyncComponent(() => import("./emoji-edit-dialog.vue")),
 		{
-			emoji: emoji,
+			emoji,
 		},
 		{
 			done: (result) => {
diff --git a/packages/client/src/pages/admin/experiments.vue b/packages/client/src/pages/admin/experiments.vue
index 20d7b5f53..66ef6b6e8 100644
--- a/packages/client/src/pages/admin/experiments.vue
+++ b/packages/client/src/pages/admin/experiments.vue
@@ -10,8 +10,8 @@
 			<FormSuspense :p="init">
 				<FormSwitch
 					v-model="enablePostImports"
-					@update:modelValue="save"
 					class="_formBlock"
+					@update:modelValue="save"
 				>
 					<template #label>
 						<i class="ph-download-simple ph-bold ph-lg"></i>
@@ -27,7 +27,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, computed } from "vue";
+import { computed, ref } from "vue";
 
 import MkStickyContainer from "@/components/global/MkStickyContainer.vue";
 import FormSuspense from "@/components/form/suspense.vue";
@@ -40,11 +40,11 @@ import { definePageMetadata } from "@/scripts/page-metadata";
 const enablePostImports = ref(false);
 const meta = ref<MetaExperiments | null>(null);
 
-type MetaExperiments = {
+interface MetaExperiments {
 	experimentalFeatures?: {
 		postImports?: boolean;
 	};
-};
+}
 
 async function init() {
 	meta.value = (await os.api("admin/meta")) as MetaExperiments;
diff --git a/packages/client/src/pages/admin/hashtags.vue b/packages/client/src/pages/admin/hashtags.vue
index 2ad79361b..150149097 100644
--- a/packages/client/src/pages/admin/hashtags.vue
+++ b/packages/client/src/pages/admin/hashtags.vue
@@ -26,7 +26,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, computed } from "vue";
+import { computed, ref } from "vue";
 
 import FormButton from "@/components/MkButton.vue";
 import FormTextarea from "@/components/form/textarea.vue";
diff --git a/packages/client/src/pages/admin/index.vue b/packages/client/src/pages/admin/index.vue
index 717623580..ed9f9f612 100644
--- a/packages/client/src/pages/admin/index.vue
+++ b/packages/client/src/pages/admin/index.vue
@@ -60,13 +60,13 @@
 
 <script lang="ts" setup>
 import {
+	computed,
+	onActivated,
 	onMounted,
 	onUnmounted,
-	onActivated,
 	provide,
-	watch,
 	ref,
-	computed,
+	watch,
 } from "vue";
 import { i18n } from "@/i18n";
 import MkSuperMenu from "@/components/MkSuperMenu.vue";
diff --git a/packages/client/src/pages/admin/instance-block.vue b/packages/client/src/pages/admin/instance-block.vue
index b6aea2b91..3fa3452d8 100644
--- a/packages/client/src/pages/admin/instance-block.vue
+++ b/packages/client/src/pages/admin/instance-block.vue
@@ -43,7 +43,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, computed } from "vue";
+import { computed, ref } from "vue";
 
 import FormButton from "@/components/MkButton.vue";
 import FormTextarea from "@/components/form/textarea.vue";
diff --git a/packages/client/src/pages/admin/integrations.vue b/packages/client/src/pages/admin/integrations.vue
index 82a840be9..505080d9e 100644
--- a/packages/client/src/pages/admin/integrations.vue
+++ b/packages/client/src/pages/admin/integrations.vue
@@ -38,7 +38,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, computed } from "vue";
+import { computed, ref } from "vue";
 
 import XGithub from "./integrations.github.vue";
 import XDiscord from "./integrations.discord.vue";
diff --git a/packages/client/src/pages/admin/object-storage.vue b/packages/client/src/pages/admin/object-storage.vue
index 58b1c61ab..52e347064 100644
--- a/packages/client/src/pages/admin/object-storage.vue
+++ b/packages/client/src/pages/admin/object-storage.vue
@@ -149,7 +149,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, computed } from "vue";
+import { computed, ref } from "vue";
 
 import FormSwitch from "@/components/form/switch.vue";
 import FormInput from "@/components/form/input.vue";
diff --git a/packages/client/src/pages/admin/overview.active-users.vue b/packages/client/src/pages/admin/overview.active-users.vue
index cb4946c81..22c5ea94d 100644
--- a/packages/client/src/pages/admin/overview.active-users.vue
+++ b/packages/client/src/pages/admin/overview.active-users.vue
@@ -8,7 +8,7 @@
 </template>
 
 <script lang="ts" setup>
-import { onMounted, shallowRef, ref } from "vue";
+import { onMounted, ref, shallowRef } from "vue";
 import { Chart } from "chart.js";
 import gradient from "chartjs-plugin-gradient";
 import * as os from "@/os";
@@ -130,7 +130,7 @@ async function renderChart() {
 					},
 					ticks: {
 						display: true,
-						//mirror: true,
+						// mirror: true,
 					},
 				},
 			},
diff --git a/packages/client/src/pages/admin/overview.ap-requests.vue b/packages/client/src/pages/admin/overview.ap-requests.vue
index b6d53aa27..ffa1b4aa3 100644
--- a/packages/client/src/pages/admin/overview.ap-requests.vue
+++ b/packages/client/src/pages/admin/overview.ap-requests.vue
@@ -145,7 +145,7 @@ onMounted(async () => {
 					},
 					ticks: {
 						display: true,
-						//mirror: true,
+						// mirror: true,
 						callback: (value, index, values) =>
 							value < 0 ? -value : value,
 					},
diff --git a/packages/client/src/pages/admin/overview.metrics.vue b/packages/client/src/pages/admin/overview.metrics.vue
index d72d9e03d..0d97abb64 100644
--- a/packages/client/src/pages/admin/overview.metrics.vue
+++ b/packages/client/src/pages/admin/overview.metrics.vue
@@ -54,7 +54,7 @@
 </template>
 
 <script lang="ts" setup>
-import { onMounted, onUnmounted, ref, computed } from "vue";
+import { computed, onMounted, onUnmounted, ref } from "vue";
 import XPie from "../../widgets/server-metric/pie.vue";
 import bytes from "@/filters/bytes";
 import { stream } from "@/stream";
diff --git a/packages/client/src/pages/admin/overview.moderators.vue b/packages/client/src/pages/admin/overview.moderators.vue
index df051a150..c8af5e63f 100644
--- a/packages/client/src/pages/admin/overview.moderators.vue
+++ b/packages/client/src/pages/admin/overview.moderators.vue
@@ -16,7 +16,7 @@
 						:user="user"
 						class="avatar"
 						indicator
-						disableLink
+						disable-link
 					/>
 				</MkA>
 			</div>
diff --git a/packages/client/src/pages/admin/overview.queue-chart.vue b/packages/client/src/pages/admin/overview.queue-chart.vue
index 4ed66f545..cfbcbe6a1 100644
--- a/packages/client/src/pages/admin/overview.queue-chart.vue
+++ b/packages/client/src/pages/admin/overview.queue-chart.vue
@@ -5,21 +5,21 @@
 <script lang="ts" setup>
 import { onMounted, onUnmounted, ref } from "vue";
 import {
-	Chart,
 	ArcElement,
-	LineElement,
-	BarElement,
-	PointElement,
 	BarController,
-	LineController,
+	BarElement,
 	CategoryScale,
-	LinearScale,
-	TimeScale,
+	Chart,
+	Filler,
 	Legend,
+	LineController,
+	LineElement,
+	LinearScale,
+	PointElement,
+	SubTitle,
+	TimeScale,
 	Title,
 	Tooltip,
-	SubTitle,
-	Filler,
 } from "chart.js";
 import { useChartTooltip } from "@/scripts/use-chart-tooltip";
 
diff --git a/packages/client/src/pages/admin/overview.queue.chart.vue b/packages/client/src/pages/admin/overview.queue.chart.vue
index f39315e3e..2e9195e20 100644
--- a/packages/client/src/pages/admin/overview.queue.chart.vue
+++ b/packages/client/src/pages/admin/overview.queue.chart.vue
@@ -80,7 +80,7 @@ onMounted(() => {
 			labels: [],
 			datasets: [
 				{
-					label: label,
+					label,
 					pointRadius: 0,
 					tension: 0.3,
 					borderWidth: 2,
diff --git a/packages/client/src/pages/admin/overview.user.vue b/packages/client/src/pages/admin/overview.user.vue
index 2fa7f162e..a2de5c85f 100644
--- a/packages/client/src/pages/admin/overview.user.vue
+++ b/packages/client/src/pages/admin/overview.user.vue
@@ -19,7 +19,7 @@
 <script lang="ts" setup>
 import { ref } from "vue";
 
-import * as misskey from "firefish-js";
+import type * as misskey from "firefish-js";
 import MkMiniChart from "@/components/MkMiniChart.vue";
 import * as os from "@/os";
 import { acct } from "@/filters/user";
diff --git a/packages/client/src/pages/admin/overview.vue b/packages/client/src/pages/admin/overview.vue
index b98a09356..ed5dfa3ed 100644
--- a/packages/client/src/pages/admin/overview.vue
+++ b/packages/client/src/pages/admin/overview.vue
@@ -62,11 +62,11 @@
 <script lang="ts" setup>
 import {
 	markRaw,
-	onMounted,
-	onBeforeUnmount,
 	nextTick,
-	shallowRef,
+	onBeforeUnmount,
+	onMounted,
 	ref,
+	shallowRef,
 } from "vue";
 import XFederation from "./overview.federation.vue";
 import XInstances from "./overview.instances.vue";
diff --git a/packages/client/src/pages/admin/promotions.vue b/packages/client/src/pages/admin/promotions.vue
index c824d5cee..00ed3d926 100644
--- a/packages/client/src/pages/admin/promotions.vue
+++ b/packages/client/src/pages/admin/promotions.vue
@@ -24,8 +24,8 @@
 					</FormRadios>
 					<FormSplit>
 						<MkInput
-							:disabled="ad.place === 'widget'"
 							v-model="ad.ratio"
+							:disabled="ad.place === 'widget'"
 							type="number"
 						>
 							<template #label>{{ i18n.ts.ratio }}</template>
@@ -63,7 +63,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, computed } from "vue";
+import { computed, ref } from "vue";
 
 import MkButton from "@/components/MkButton.vue";
 import MkInput from "@/components/form/input.vue";
diff --git a/packages/client/src/pages/admin/proxy-account.vue b/packages/client/src/pages/admin/proxy-account.vue
index 228114b3a..221362afb 100644
--- a/packages/client/src/pages/admin/proxy-account.vue
+++ b/packages/client/src/pages/admin/proxy-account.vue
@@ -35,7 +35,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, computed } from "vue";
+import { computed, ref } from "vue";
 
 import MkKeyValue from "@/components/MkKeyValue.vue";
 import MkButton from "@/components/MkButton.vue";
diff --git a/packages/client/src/pages/admin/queue.chart.chart.vue b/packages/client/src/pages/admin/queue.chart.chart.vue
index ebbc3379c..bd7b781cb 100644
--- a/packages/client/src/pages/admin/queue.chart.chart.vue
+++ b/packages/client/src/pages/admin/queue.chart.chart.vue
@@ -5,21 +5,21 @@
 <script lang="ts" setup>
 import { onMounted, ref } from "vue";
 import {
-	Chart,
 	ArcElement,
-	LineElement,
-	BarElement,
-	PointElement,
 	BarController,
-	LineController,
+	BarElement,
 	CategoryScale,
-	LinearScale,
-	TimeScale,
+	Chart,
+	Filler,
 	Legend,
+	LineController,
+	LineElement,
+	LinearScale,
+	PointElement,
+	SubTitle,
+	TimeScale,
 	Title,
 	Tooltip,
-	SubTitle,
-	Filler,
 } from "chart.js";
 import { defaultStore } from "@/store";
 import { useChartTooltip } from "@/scripts/use-chart-tooltip";
@@ -121,7 +121,7 @@ onMounted(() => {
 			labels: [],
 			datasets: [
 				{
-					label: label,
+					label,
 					pointRadius: 0,
 					tension: 0.3,
 					borderWidth: 2,
diff --git a/packages/client/src/pages/admin/queue.chart.vue b/packages/client/src/pages/admin/queue.chart.vue
index d26605788..fad0deb6c 100644
--- a/packages/client/src/pages/admin/queue.chart.vue
+++ b/packages/client/src/pages/admin/queue.chart.vue
@@ -42,8 +42,8 @@
 			<div v-if="jobs.length > 0">
 				<div v-for="job in jobs" :key="job[0]">
 					<a
-						@click.stop="os.pageWindow(`/instance-info/${job[0]}`)"
 						class="_link"
+						@click.stop="os.pageWindow(`/instance-info/${job[0]}`)"
 					>
 						{{ job[0] }}
 					</a>
diff --git a/packages/client/src/pages/admin/queue.vue b/packages/client/src/pages/admin/queue.vue
index bba49e505..28ea6b72e 100644
--- a/packages/client/src/pages/admin/queue.vue
+++ b/packages/client/src/pages/admin/queue.vue
@@ -15,7 +15,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, computed } from "vue";
+import { computed, ref } from "vue";
 import XQueue from "./queue.chart.vue";
 import * as config from "@/config";
 import { i18n } from "@/i18n";
diff --git a/packages/client/src/pages/admin/relays.vue b/packages/client/src/pages/admin/relays.vue
index 4e984d534..1a6cc899f 100644
--- a/packages/client/src/pages/admin/relays.vue
+++ b/packages/client/src/pages/admin/relays.vue
@@ -43,7 +43,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, computed } from "vue";
+import { computed, ref } from "vue";
 
 import MkButton from "@/components/MkButton.vue";
 import * as os from "@/os";
diff --git a/packages/client/src/pages/admin/security.vue b/packages/client/src/pages/admin/security.vue
index dffbc4d32..860283745 100644
--- a/packages/client/src/pages/admin/security.vue
+++ b/packages/client/src/pages/admin/security.vue
@@ -255,7 +255,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, computed } from "vue";
+import { computed, ref } from "vue";
 
 import XBotProtection from "./bot-protection.vue";
 import FormFolder from "@/components/form/folder.vue";
diff --git a/packages/client/src/pages/admin/settings.vue b/packages/client/src/pages/admin/settings.vue
index 16cf3015e..27f45e524 100644
--- a/packages/client/src/pages/admin/settings.vue
+++ b/packages/client/src/pages/admin/settings.vue
@@ -428,7 +428,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, computed } from "vue";
+import { computed, ref } from "vue";
 import FormSwitch from "@/components/form/switch.vue";
 import FormInput from "@/components/form/input.vue";
 import FormTextarea from "@/components/form/textarea.vue";
diff --git a/packages/client/src/pages/admin/users.vue b/packages/client/src/pages/admin/users.vue
index c53e235dd..07eebe946 100644
--- a/packages/client/src/pages/admin/users.vue
+++ b/packages/client/src/pages/admin/users.vue
@@ -172,8 +172,8 @@ async function addUser() {
 	if (canceled2) return;
 
 	os.apiWithDialog("admin/accounts/create", {
-		username: username,
-		password: password,
+		username,
+		password,
 	}).then((res) => {
 		paginationComponent.value.reload();
 	});
diff --git a/packages/client/src/pages/announcements.vue b/packages/client/src/pages/announcements.vue
index e60b56d8d..183061364 100644
--- a/packages/client/src/pages/announcements.vue
+++ b/packages/client/src/pages/announcements.vue
@@ -45,7 +45,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, computed } from "vue";
+import { computed, ref } from "vue";
 import MkPagination from "@/components/MkPagination.vue";
 import MkButton from "@/components/MkButton.vue";
 import * as os from "@/os";
diff --git a/packages/client/src/pages/antenna-timeline.vue b/packages/client/src/pages/antenna-timeline.vue
index de4e0a0b7..2ce66793f 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, watch, ref } from "vue";
+import { computed, ref, watch } from "vue";
 import XTimeline from "@/components/MkTimeline.vue";
 import * as os from "@/os";
 import { useRouter } from "@/router";
diff --git a/packages/client/src/pages/api-console.vue b/packages/client/src/pages/api-console.vue
index f8b9ae38b..b7a533c45 100644
--- a/packages/client/src/pages/api-console.vue
+++ b/packages/client/src/pages/api-console.vue
@@ -44,9 +44,9 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, computed } from "vue";
+import { computed, ref } from "vue";
 import JSON5 from "json5";
-import { Endpoints } from "firefish-js";
+import type { Endpoints } from "firefish-js";
 import MkButton from "@/components/MkButton.vue";
 import MkInput from "@/components/form/input.vue";
 import MkTextarea from "@/components/form/textarea.vue";
diff --git a/packages/client/src/pages/auth.vue b/packages/client/src/pages/auth.vue
index b05ed7786..76a13ce6e 100644
--- a/packages/client/src/pages/auth.vue
+++ b/packages/client/src/pages/auth.vue
@@ -113,7 +113,7 @@ export default defineComponent({
 			if (this.session.app.callbackUrl && isMastodon) {
 				const callbackUrl = new URL(this.session.app.callbackUrl);
 				callbackUrl.searchParams.append("code", this.session.token);
-				if (!!getUrlParams().state)
+				if (getUrlParams().state)
 					callbackUrl.searchParams.append(
 						"state",
 						getUrlParams().state,
diff --git a/packages/client/src/pages/channel-editor.vue b/packages/client/src/pages/channel-editor.vue
index 403a791cd..c3dd749f3 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, watch, ref } from "vue";
+import { computed, ref, watch } from "vue";
 import MkTextarea from "@/components/form/textarea.vue";
 import MkButton from "@/components/MkButton.vue";
 import MkInput from "@/components/form/input.vue";
diff --git a/packages/client/src/pages/channel.vue b/packages/client/src/pages/channel.vue
index 086056f85..6269f3eee 100644
--- a/packages/client/src/pages/channel.vue
+++ b/packages/client/src/pages/channel.vue
@@ -101,7 +101,7 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, watch, ref } from "vue";
+import { computed, ref, watch } from "vue";
 import XPostForm from "@/components/MkPostForm.vue";
 import XTimeline from "@/components/MkTimeline.vue";
 import XChannelFollowButton from "@/components/MkChannelFollowButton.vue";
diff --git a/packages/client/src/pages/channels.vue b/packages/client/src/pages/channels.vue
index bc78758ad..05e481789 100644
--- a/packages/client/src/pages/channels.vue
+++ b/packages/client/src/pages/channels.vue
@@ -14,7 +14,7 @@
 				:round-lengths="true"
 				:touch-angle="25"
 				:threshold="10"
-				:centeredSlides="true"
+				:centered-slides="true"
 				:modules="[Virtual]"
 				:space-between="20"
 				:virtual="true"
@@ -42,8 +42,8 @@
 						</MkInput>
 						<MkRadios
 							v-model="searchType"
-							@update:model-value="search()"
 							class="_gap"
+							@update:model-value="search()"
 						>
 							<option value="nameAndDescription">
 								{{ i18n.ts._channel.nameAndDescription }}
@@ -52,7 +52,7 @@
 								{{ i18n.ts._channel.nameOnly }}
 							</option>
 						</MkRadios>
-						<MkButton large primary @click="search" class="_gap">{{
+						<MkButton large primary class="_gap" @click="search">{{
 							i18n.ts.search
 						}}</MkButton>
 						<MkFoldableSection v-if="channelPagination">
@@ -111,7 +111,7 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, onMounted, watch, ref } from "vue";
+import { computed, onMounted, ref, watch } from "vue";
 import { Virtual } from "swiper/modules";
 import { Swiper, SwiperSlide } from "swiper/vue";
 import MkChannelList from "@/components/MkChannelList.vue";
@@ -169,7 +169,7 @@ async function search() {
 		limit: 10,
 		params: {
 			query: searchQuery.value,
-			type: type,
+			type,
 		},
 	};
 	key.value = query + type;
diff --git a/packages/client/src/pages/clip.vue b/packages/client/src/pages/clip.vue
index 6b24aad4f..e3af86e2c 100644
--- a/packages/client/src/pages/clip.vue
+++ b/packages/client/src/pages/clip.vue
@@ -28,7 +28,7 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, watch, provide, ref } from "vue";
+import { computed, provide, ref, watch } from "vue";
 import type * as misskey from "firefish-js";
 import XNotes from "@/components/MkNotes.vue";
 import { $i } from "@/account";
diff --git a/packages/client/src/pages/explore.users.vue b/packages/client/src/pages/explore.users.vue
index a3ec0e317..74134fdbb 100644
--- a/packages/client/src/pages/explore.users.vue
+++ b/packages/client/src/pages/explore.users.vue
@@ -141,7 +141,7 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, watch, ref } from "vue";
+import { computed, ref, watch } from "vue";
 import XUserList from "@/components/MkUserList.vue";
 import MkFolder from "@/components/MkFolder.vue";
 import MkTab from "@/components/MkTab.vue";
diff --git a/packages/client/src/pages/explore.vue b/packages/client/src/pages/explore.vue
index b858f8437..a6e9fc752 100644
--- a/packages/client/src/pages/explore.vue
+++ b/packages/client/src/pages/explore.vue
@@ -12,7 +12,7 @@
 					:round-lengths="true"
 					:touch-angle="25"
 					:threshold="10"
-					:centeredSlides="true"
+					:centered-slides="true"
 					:modules="[Virtual]"
 					:space-between="20"
 					:virtual="true"
@@ -37,7 +37,7 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, watch, onMounted, ref } from "vue";
+import { computed, onMounted, ref, watch } from "vue";
 import { Virtual } from "swiper/modules";
 import { Swiper, SwiperSlide } from "swiper/vue";
 import XFeatured from "./explore.featured.vue";
diff --git a/packages/client/src/pages/follow-requests.vue b/packages/client/src/pages/follow-requests.vue
index 762353b80..b2bf9a24a 100644
--- a/packages/client/src/pages/follow-requests.vue
+++ b/packages/client/src/pages/follow-requests.vue
@@ -27,7 +27,7 @@
 								class="avatar"
 								:user="req.follower"
 								:show-indicator="true"
-								disableLink
+								disable-link
 							/>
 							<div class="body">
 								<div class="name">
@@ -59,15 +59,15 @@
 								<div class="actions">
 									<button
 										class="_button"
-										@click="accept(req.follower)"
 										:aria-label="i18n.t('accept')"
+										@click="accept(req.follower)"
 									>
 										<i class="ph-check ph-bold ph-lg"></i>
 									</button>
 									<button
 										class="_button"
-										@click="reject(req.follower)"
 										:aria-label="i18n.t('reject')"
+										@click="reject(req.follower)"
 									>
 										<i class="ph-x ph-bold ph-lg"></i>
 									</button>
@@ -82,9 +82,9 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, computed } from "vue";
+import { computed, ref } from "vue";
 import MkPagination from "@/components/MkPagination.vue";
-import { userPage, acct } from "@/filters/user";
+import { acct, userPage } from "@/filters/user";
 import * as os from "@/os";
 import { i18n } from "@/i18n";
 import { definePageMetadata } from "@/scripts/page-metadata";
diff --git a/packages/client/src/pages/gallery/edit.vue b/packages/client/src/pages/gallery/edit.vue
index a8b13674f..7b444c624 100644
--- a/packages/client/src/pages/gallery/edit.vue
+++ b/packages/client/src/pages/gallery/edit.vue
@@ -28,8 +28,8 @@
 						<button
 							v-tooltip="i18n.ts.remove"
 							class="remove _button"
-							@click="remove(file)"
 							:aria-label="i18n.t('remove')"
+							@click="remove(file)"
 						>
 							<i class="ph-x ph-bold ph-lg"></i>
 						</button>
@@ -63,7 +63,7 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, watch, ref } from "vue";
+import { computed, ref, watch } from "vue";
 import FormButton from "@/components/MkButton.vue";
 import FormInput from "@/components/form/input.vue";
 import FormTextarea from "@/components/form/textarea.vue";
diff --git a/packages/client/src/pages/gallery/index.vue b/packages/client/src/pages/gallery/index.vue
index 38d2c671f..0c9755181 100644
--- a/packages/client/src/pages/gallery/index.vue
+++ b/packages/client/src/pages/gallery/index.vue
@@ -12,7 +12,7 @@
 				:round-lengths="true"
 				:touch-angle="25"
 				:threshold="10"
-				:centeredSlides="true"
+				:centered-slides="true"
 				:modules="[Virtual]"
 				:space-between="20"
 				:virtual="true"
@@ -106,7 +106,7 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, watch, onMounted, ref } from "vue";
+import { computed, onMounted, ref, watch } from "vue";
 import { Virtual } from "swiper/modules";
 import { Swiper, SwiperSlide } from "swiper/vue";
 import MkFolder from "@/components/MkFolder.vue";
diff --git a/packages/client/src/pages/gallery/post.vue b/packages/client/src/pages/gallery/post.vue
index fb5250d96..3f3266c63 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, watch, ref } from "vue";
+import { computed, ref, watch } from "vue";
 import MkButton from "@/components/MkButton.vue";
 import * as os from "@/os";
 import MkContainer from "@/components/MkContainer.vue";
diff --git a/packages/client/src/pages/instance-info.vue b/packages/client/src/pages/instance-info.vue
index 173dc8f59..6a5e8c6e9 100644
--- a/packages/client/src/pages/instance-info.vue
+++ b/packages/client/src/pages/instance-info.vue
@@ -16,7 +16,7 @@
 				:round-lengths="true"
 				:touch-angle="25"
 				:threshold="10"
-				:centeredSlides="true"
+				:centered-slides="true"
 				:modules="[Virtual]"
 				:space-between="20"
 				:virtual="true"
@@ -337,7 +337,7 @@
 </template>
 
 <script lang="ts" setup>
-import { watch, ref, computed } from "vue";
+import { computed, ref, watch } from "vue";
 import { Virtual } from "swiper/modules";
 import { Swiper, SwiperSlide } from "swiper/vue";
 import type * as firefish from "firefish-js";
@@ -376,7 +376,7 @@ const props = defineProps<{
 	host: string;
 }>();
 
-let tabs = ["overview"];
+const tabs = ["overview"];
 if (iAmAdmin) tabs.push("chart", "users", "raw");
 const tab = ref(tabs[0]);
 watch(tab, () => syncSlide(tabs.indexOf(tab.value)));
@@ -478,7 +478,7 @@ const headerActions = computed(() => [
 	},
 ]);
 
-let theTabs = [
+const theTabs = [
 	{
 		key: "overview",
 		title: i18n.ts.overview,
diff --git a/packages/client/src/pages/messaging/index.vue b/packages/client/src/pages/messaging/index.vue
index 8ce59df92..6f0498685 100644
--- a/packages/client/src/pages/messaging/index.vue
+++ b/packages/client/src/pages/messaging/index.vue
@@ -12,7 +12,7 @@
 					:round-lengths="true"
 					:touch-angle="25"
 					:threshold="10"
-					:centeredSlides="true"
+					:centered-slides="true"
 					:modules="[Virtual]"
 					:space-between="20"
 					:virtual="true"
@@ -27,9 +27,9 @@
 					<swiper-slide>
 						<div class="_content yweeujhr dms">
 							<MkButton
+								v-if="!isMobile"
 								primary
 								class="start"
-								v-if="!isMobile"
 								@click="startUser"
 								><i class="ph-plus ph-bold ph-lg"></i>
 								{{ i18n.ts.startMessaging }}</MkButton
@@ -88,7 +88,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, markRaw, onMounted, onUnmounted, watch, computed } from "vue";
+import { computed, markRaw, onMounted, onUnmounted, ref, watch } from "vue";
 import * as Acct from "firefish-js/built/acct";
 import { Virtual } from "swiper/modules";
 import { Swiper, SwiperSlide } from "swiper/vue";
diff --git a/packages/client/src/pages/messaging/messaging-room.form.vue b/packages/client/src/pages/messaging/messaging-room.form.vue
index b3b216746..6ca305ddc 100644
--- a/packages/client/src/pages/messaging/messaging-room.form.vue
+++ b/packages/client/src/pages/messaging/messaging-room.form.vue
@@ -19,15 +19,15 @@
 			<div class="buttons">
 				<button
 					class="_button"
-					@click="chooseFile"
 					:aria-label="i18n.t('attachFile')"
+					@click="chooseFile"
 				>
 					<i class="ph-upload ph-bold ph-lg"></i>
 				</button>
 				<button
 					class="_button"
-					@click="insertEmoji"
 					:aria-label="i18n.t('chooseEmoji')"
+					@click="insertEmoji"
 				>
 					<i class="ph-smiley ph-bold ph-lg"></i>
 				</button>
@@ -55,10 +55,10 @@
 </template>
 
 <script lang="ts" setup>
-import { onMounted, watch, ref, computed } from "vue";
-import * as Misskey from "firefish-js";
+import { computed, onMounted, ref, watch } from "vue";
+import type * as Misskey from "firefish-js";
 import autosize from "autosize";
-//import insertTextAtCursor from 'insert-text-at-cursor';
+// import insertTextAtCursor from 'insert-text-at-cursor';
 import { throttle } from "throttle-debounce";
 import { Autocomplete } from "@/scripts/autocomplete";
 import { formatTimeString } from "@/scripts/format-time-string";
@@ -155,13 +155,13 @@ function onDrop(ev: DragEvent): void {
 		return;
 	}
 
-	//#region ドライブのファイル
+	// #region ドライブのファイル
 	const driveFile = ev.dataTransfer.getData(_DATA_TRANSFER_DRIVE_FILE_);
 	if (driveFile != null && driveFile !== "") {
 		file.value = JSON.parse(driveFile);
 		ev.preventDefault();
 	}
-	//#endregion
+	// #endregion
 }
 
 function onKeydown(ev: KeyboardEvent) {
diff --git a/packages/client/src/pages/messaging/messaging-room.vue b/packages/client/src/pages/messaging/messaging-room.vue
index 7bda7bb4f..32cb01f26 100644
--- a/packages/client/src/pages/messaging/messaging-room.vue
+++ b/packages/client/src/pages/messaging/messaging-room.vue
@@ -28,9 +28,9 @@
 							#default="{ items: messages, fetching: pFetching }"
 						>
 							<XList
-								aria-live="polite"
 								v-if="messages.length > 0"
 								v-slot="{ item: message }"
+								aria-live="polite"
 								:class="{
 									messages: true,
 									'deny-move-transition': pFetching,
@@ -99,18 +99,19 @@
 <script lang="ts" setup>
 import {
 	computed,
-	watch,
-	onMounted,
 	nextTick,
 	onBeforeUnmount,
+	onMounted,
 	ref,
+	watch,
 } from "vue";
-import * as Misskey from "firefish-js";
+import type * as Misskey from "firefish-js";
 import * as Acct from "firefish-js/built/acct";
 import XMessage from "./messaging-room.message.vue";
 import XForm from "./messaging-room.form.vue";
 import XList from "@/components/MkDateSeparatedList.vue";
-import MkPagination, { Paging } from "@/components/MkPagination.vue";
+import type { Paging } from "@/components/MkPagination.vue";
+import MkPagination from "@/components/MkPagination.vue";
 import {
 	isBottomVisible,
 	onScrollBottom,
@@ -239,13 +240,13 @@ function onDrop(ev: DragEvent): void {
 		return;
 	}
 
-	//#region ドライブのファイル
+	// #region ドライブのファイル
 	const driveFile = ev.dataTransfer.getData(_DATA_TRANSFER_DRIVE_FILE_);
 	if (driveFile != null && driveFile !== "") {
 		const file = JSON.parse(driveFile);
 		formEl.value.file = file;
 	}
-	//#endregion
+	// #endregion
 }
 
 function onMessage(message) {
diff --git a/packages/client/src/pages/my-antennas/editor.vue b/packages/client/src/pages/my-antennas/editor.vue
index 01a711b3e..a2fba8c67 100644
--- a/packages/client/src/pages/my-antennas/editor.vue
+++ b/packages/client/src/pages/my-antennas/editor.vue
@@ -114,7 +114,7 @@
 </template>
 
 <script lang="ts" setup>
-import { watch, ref } from "vue";
+import { ref, watch } from "vue";
 import * as Acct from "firefish-js/built/acct";
 import MkButton from "@/components/MkButton.vue";
 import MkInput from "@/components/form/input.vue";
@@ -201,7 +201,7 @@ async function saveAntenna() {
 		await os.apiWithDialog("antennas/create", antennaData);
 		emit("created");
 	} else {
-		antennaData["antennaId"] = props.antenna.id;
+		antennaData.antennaId = props.antenna.id;
 		await os.apiWithDialog("antennas/update", antennaData);
 		emit("updated");
 	}
diff --git a/packages/client/src/pages/my-antennas/index.vue b/packages/client/src/pages/my-antennas/index.vue
index 3a722dcef..d1185ceda 100644
--- a/packages/client/src/pages/my-antennas/index.vue
+++ b/packages/client/src/pages/my-antennas/index.vue
@@ -55,7 +55,7 @@
 </template>
 
 <script lang="ts" setup>
-import { onActivated, onDeactivated, ref, computed } from "vue";
+import { computed, onActivated, onDeactivated, ref } from "vue";
 import MkPagination from "@/components/MkPagination.vue";
 import MkButton from "@/components/MkButton.vue";
 import MkInfo from "@/components/MkInfo.vue";
@@ -73,8 +73,8 @@ const headerTabs = computed(() => []);
 
 const list = ref<typeof MkPagination | null>(null);
 
-let isCached: boolean = false;
-let refreshTimer: number | null = null;
+let isCached = false,
+	refreshTimer: number | null = null;
 
 const refresh = () => {
 	if (isCached) {
diff --git a/packages/client/src/pages/my-clips/index.vue b/packages/client/src/pages/my-clips/index.vue
index 428ac6246..7382695fd 100644
--- a/packages/client/src/pages/my-clips/index.vue
+++ b/packages/client/src/pages/my-clips/index.vue
@@ -38,7 +38,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, computed } from "vue";
+import { computed, ref } from "vue";
 
 import MkPagination from "@/components/MkPagination.vue";
 import MkInfo from "@/components/MkInfo.vue";
diff --git a/packages/client/src/pages/my-groups/group.vue b/packages/client/src/pages/my-groups/group.vue
index 0868efcff..ec687247e 100644
--- a/packages/client/src/pages/my-groups/group.vue
+++ b/packages/client/src/pages/my-groups/group.vue
@@ -22,8 +22,8 @@
 							<div class="action">
 								<button
 									class="_button"
-									@click="removeUser(user)"
 									:aria-label="i18n.t('removeMember')"
+									@click="removeUser(user)"
 								>
 									<i class="ph-x ph-bold ph-lg"></i>
 								</button>
@@ -104,7 +104,7 @@ async function renameGroup() {
 
 	await os.api("users/groups/update", {
 		groupId: group.value.id,
-		name: name,
+		name,
 	});
 
 	group.value.name = name;
diff --git a/packages/client/src/pages/my-groups/index.vue b/packages/client/src/pages/my-groups/index.vue
index 719d717ca..a976bee4e 100644
--- a/packages/client/src/pages/my-groups/index.vue
+++ b/packages/client/src/pages/my-groups/index.vue
@@ -91,7 +91,7 @@ async function create() {
 		title: i18n.ts.groupName,
 	});
 	if (canceled) return;
-	await os.api("users/groups/create", { name: name });
+	await os.api("users/groups/create", { name });
 	owned.value.reload();
 	os.success();
 }
diff --git a/packages/client/src/pages/my-lists/index.vue b/packages/client/src/pages/my-lists/index.vue
index 93e211b72..9fb5bb8b1 100644
--- a/packages/client/src/pages/my-lists/index.vue
+++ b/packages/client/src/pages/my-lists/index.vue
@@ -42,7 +42,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, computed } from "vue";
+import { computed, ref } from "vue";
 
 import MkPagination from "@/components/MkPagination.vue";
 import MkButton from "@/components/MkButton.vue";
@@ -64,7 +64,7 @@ async function create() {
 		title: i18n.ts.enterListName,
 	});
 	if (canceled) return;
-	await os.apiWithDialog("users/lists/create", { name: name });
+	await os.apiWithDialog("users/lists/create", { name });
 	pagingComponent.value.reload();
 }
 
diff --git a/packages/client/src/pages/my-lists/list.vue b/packages/client/src/pages/my-lists/list.vue
index 41cc3a41b..3fc28c9a0 100644
--- a/packages/client/src/pages/my-lists/list.vue
+++ b/packages/client/src/pages/my-lists/list.vue
@@ -49,8 +49,8 @@
 									<div class="action">
 										<button
 											class="_button"
-											@click="removeUser(user)"
 											:aria-label="i18n.t('removeMember')"
+											@click="removeUser(user)"
 										>
 											<i class="ph-x ph-bold ph-lg"></i>
 										</button>
@@ -66,7 +66,7 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, watch, ref } from "vue";
+import { computed, ref, watch } from "vue";
 import MkButton from "@/components/MkButton.vue";
 import * as os from "@/os";
 import { mainRouter } from "@/router";
@@ -122,7 +122,7 @@ async function renameList() {
 
 	await os.api("users/lists/update", {
 		listId: list.value.id,
-		name: name,
+		name,
 	});
 
 	list.value.name = name;
diff --git a/packages/client/src/pages/note.vue b/packages/client/src/pages/note.vue
index 49db30362..1eccecf80 100644
--- a/packages/client/src/pages/note.vue
+++ b/packages/client/src/pages/note.vue
@@ -7,7 +7,7 @@
 				:display-back-button="true"
 				:to="`#${noteId}`"
 		/></template>
-		<MkSpacer :content-max="800" :marginMin="6">
+		<MkSpacer :content-max="800" :margin-min="6">
 			<div class="fcuexfpr">
 				<transition
 					:name="$store.state.animation ? 'fade' : ''"
@@ -69,8 +69,8 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, watch, ref } from "vue";
-import * as misskey from "firefish-js";
+import { computed, ref, watch } from "vue";
+import type * as misskey from "firefish-js";
 import XNoteDetailed from "@/components/MkNoteDetailed.vue";
 import XNotes from "@/components/MkNotes.vue";
 import MkRemoteCaution from "@/components/MkRemoteCaution.vue";
diff --git a/packages/client/src/pages/notifications.vue b/packages/client/src/pages/notifications.vue
index 9ff7ddebc..fd2caa8d9 100644
--- a/packages/client/src/pages/notifications.vue
+++ b/packages/client/src/pages/notifications.vue
@@ -13,7 +13,7 @@
 				:round-lengths="true"
 				:touch-angle="25"
 				:threshold="10"
-				:centeredSlides="true"
+				:centered-slides="true"
 				:modules="[Virtual]"
 				:space-between="20"
 				:virtual="true"
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 2b5ed69d0..d0f289d8f 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
@@ -35,7 +35,7 @@
 </template>
 
 <script lang="ts" setup>
-import { watch, ref } from "vue";
+import { ref, watch } from "vue";
 import XContainer from "../page-editor.container.vue";
 import MkInput from "@/components/form/input.vue";
 import MkSwitch from "@/components/form/switch.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 1d505a6e3..21e94ba96 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
@@ -33,7 +33,7 @@
 </template>
 
 <script lang="ts" setup>
-import { watch, ref } from "vue";
+import { ref, watch } 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/page-editor.blocks.vue b/packages/client/src/pages/page-editor/page-editor.blocks.vue
index ad052df04..9db45aebd 100644
--- a/packages/client/src/pages/page-editor/page-editor.blocks.vue
+++ b/packages/client/src/pages/page-editor/page-editor.blocks.vue
@@ -8,9 +8,9 @@
 		swap-threshold="0.5"
 	>
 		<component
+			:is="'x-' + element.type"
 			v-for="element in blocks"
 			:key="element"
-			:is="'x-' + element.type"
 			:value="element"
 			:hpml="hpml"
 			@update:value="updateItem"
diff --git a/packages/client/src/pages/page-editor/page-editor.vue b/packages/client/src/pages/page-editor/page-editor.vue
index 619f82a63..627c1993d 100644
--- a/packages/client/src/pages/page-editor/page-editor.vue
+++ b/packages/client/src/pages/page-editor/page-editor.vue
@@ -160,8 +160,9 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, provide, watch, ref } from "vue";
+import { computed, provide, ref, watch } from "vue";
 import { v4 as uuid } from "uuid";
+import { VueDraggable } from "vue-draggable-plus";
 import XVariable from "./page-editor.script-block.vue";
 import XBlocks from "./page-editor.blocks.vue";
 import MkTextarea from "@/components/form/textarea.vue";
@@ -173,7 +174,6 @@ import { blockDefs } from "@/scripts/hpml/index";
 import { HpmlTypeChecker } from "@/scripts/hpml/type-checker";
 import { url } from "@/config";
 import { collectPageVars } from "@/scripts/collect-page-vars";
-import { VueDraggable } from "vue-draggable-plus";
 import * as os from "@/os";
 import { selectFile } from "@/scripts/select-file";
 import { mainRouter } from "@/router";
@@ -545,7 +545,7 @@ definePageMetadata(
 			title = i18n.ts._pages.readPage;
 		}
 		return {
-			title: title,
+			title,
 			icon: "ph-pencil ph-bold ph-lg",
 		};
 	}),
diff --git a/packages/client/src/pages/page.vue b/packages/client/src/pages/page.vue
index adda548b9..e33fffa64 100644
--- a/packages/client/src/pages/page.vue
+++ b/packages/client/src/pages/page.vue
@@ -38,8 +38,8 @@
 								<div class="menu-actions">
 									<button
 										v-tooltip="i18n.ts.copyUrl"
-										@click="copyUrl"
 										class="menu _button"
+										@click="copyUrl"
 									>
 										<i
 											class="ph-link-simple ph-bold ph-lg"
@@ -200,7 +200,7 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, watch, ref } from "vue";
+import { computed, ref, watch } from "vue";
 import XPage from "@/components/page/page.vue";
 import MkButton from "@/components/MkButton.vue";
 import * as os from "@/os";
diff --git a/packages/client/src/pages/pages.vue b/packages/client/src/pages/pages.vue
index 79d65557b..3308730d0 100644
--- a/packages/client/src/pages/pages.vue
+++ b/packages/client/src/pages/pages.vue
@@ -11,7 +11,7 @@
 				:round-lengths="true"
 				:touch-angle="25"
 				:threshold="10"
-				:centeredSlides="true"
+				:centered-slides="true"
 				:modules="[Virtual]"
 				:space-between="20"
 				:virtual="true"
@@ -80,7 +80,7 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, watch, onMounted, ref } from "vue";
+import { computed, onMounted, ref, watch } from "vue";
 import { Virtual } from "swiper/modules";
 import { Swiper, SwiperSlide } from "swiper/vue";
 import MkPagePreview from "@/components/MkPagePreview.vue";
diff --git a/packages/client/src/pages/registry.keys.vue b/packages/client/src/pages/registry.keys.vue
index 5e4e99c0b..54fc9fe19 100644
--- a/packages/client/src/pages/registry.keys.vue
+++ b/packages/client/src/pages/registry.keys.vue
@@ -40,7 +40,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, watch, computed } from "vue";
+import { computed, ref, watch } from "vue";
 import JSON5 from "json5";
 import * as os from "@/os";
 import { i18n } from "@/i18n";
diff --git a/packages/client/src/pages/registry.value.vue b/packages/client/src/pages/registry.value.vue
index 3ebfbb555..b339ffc98 100644
--- a/packages/client/src/pages/registry.value.vue
+++ b/packages/client/src/pages/registry.value.vue
@@ -54,7 +54,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, watch, computed } from "vue";
+import { computed, ref, watch } from "vue";
 import JSON5 from "json5";
 import * as os from "@/os";
 import { i18n } from "@/i18n";
diff --git a/packages/client/src/pages/registry.vue b/packages/client/src/pages/registry.vue
index ad409a26c..0fcc09cb5 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, computed } from "vue";
+import { computed, ref } from "vue";
 import JSON5 from "json5";
 import * as os from "@/os";
 import { i18n } from "@/i18n";
diff --git a/packages/client/src/pages/reset-password.vue b/packages/client/src/pages/reset-password.vue
index c7983ebe5..3544929fc 100644
--- a/packages/client/src/pages/reset-password.vue
+++ b/packages/client/src/pages/reset-password.vue
@@ -30,7 +30,7 @@
 </template>
 
 <script lang="ts" setup>
-import { defineAsyncComponent, onMounted, ref, computed } from "vue";
+import { computed, defineAsyncComponent, onMounted, ref } from "vue";
 import FormInput from "@/components/form/input.vue";
 import FormButton from "@/components/MkButton.vue";
 import * as os from "@/os";
diff --git a/packages/client/src/pages/search.vue b/packages/client/src/pages/search.vue
index e0abcfd26..161d0e6dc 100644
--- a/packages/client/src/pages/search.vue
+++ b/packages/client/src/pages/search.vue
@@ -12,7 +12,7 @@
 				:round-lengths="true"
 				:touch-angle="25"
 				:threshold="10"
-				:centeredSlides="true"
+				:centered-slides="true"
 				:modules="[Virtual]"
 				:space-between="30"
 				:virtual="true"
@@ -40,7 +40,7 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, watch, onMounted, ref } from "vue";
+import { computed, onMounted, ref, watch } from "vue";
 import { Virtual } from "swiper/modules";
 import { Swiper, SwiperSlide } from "swiper/vue";
 import XNotes from "@/components/MkNotes.vue";
diff --git a/packages/client/src/pages/settings/2fa.vue b/packages/client/src/pages/settings/2fa.vue
index ae5780996..bd788177d 100644
--- a/packages/client/src/pages/settings/2fa.vue
+++ b/packages/client/src/pages/settings/2fa.vue
@@ -103,7 +103,7 @@
 				:disabled="
 					!$i.twoFactorEnabled || $i.securityKeysList.length === 0
 				"
-				:modelValue="usePasswordLessLogin"
+				:model-value="usePasswordLessLogin"
 				@update:modelValue="(v) => updatePasswordLessLogin(v)"
 			>
 				<template #label>{{ i18n.ts.passwordLessLogin }}</template>
@@ -116,7 +116,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, defineAsyncComponent, computed } from "vue";
+import { computed, defineAsyncComponent, ref } from "vue";
 import { hostname } from "@/config";
 import { byteify, hexify, stringify } from "@/scripts/2fa";
 import MkButton from "@/components/MkButton.vue";
@@ -196,7 +196,7 @@ function unregisterTOTP() {
 	}).then(({ canceled, result: password }) => {
 		if (canceled) return;
 		os.apiWithDialog("i/2fa/unregister", {
-			password: password,
+			password,
 		}).catch((error) => {
 			os.alert({
 				type: "error",
diff --git a/packages/client/src/pages/settings/accounts.vue b/packages/client/src/pages/settings/accounts.vue
index 23baf7026..37f3812d5 100644
--- a/packages/client/src/pages/settings/accounts.vue
+++ b/packages/client/src/pages/settings/accounts.vue
@@ -13,7 +13,7 @@
 				@click="menu(account, $event)"
 			>
 				<div class="avatar">
-					<MkAvatar :user="account" class="avatar" disableLink />
+					<MkAvatar :user="account" class="avatar" disable-link />
 				</div>
 				<div class="body">
 					<div class="name">
@@ -34,11 +34,11 @@ import FormSuspense from "@/components/form/suspense.vue";
 import FormButton from "@/components/MkButton.vue";
 import * as os from "@/os";
 import {
-	getAccounts,
-	addAccount as addAccounts,
-	removeAccount as _removeAccount,
-	login,
 	$i,
+	removeAccount as _removeAccount,
+	addAccount as addAccounts,
+	getAccounts,
+	login,
 } from "@/account";
 import { i18n } from "@/i18n";
 import { definePageMetadata } from "@/scripts/page-metadata";
diff --git a/packages/client/src/pages/settings/api.vue b/packages/client/src/pages/settings/api.vue
index 8f04d045e..367fd6968 100644
--- a/packages/client/src/pages/settings/api.vue
+++ b/packages/client/src/pages/settings/api.vue
@@ -36,7 +36,7 @@ function generateToken() {
 				const { name, permissions } = result;
 				const { token } = await os.api("miauth/gen-token", {
 					session: null,
-					name: name,
+					name,
 					permission: permissions,
 				});
 
diff --git a/packages/client/src/pages/settings/custom-katex-macro.vue b/packages/client/src/pages/settings/custom-katex-macro.vue
index 300deb144..3eba9389a 100644
--- a/packages/client/src/pages/settings/custom-katex-macro.vue
+++ b/packages/client/src/pages/settings/custom-katex-macro.vue
@@ -21,7 +21,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, watch, computed } from "vue";
+import { computed, ref, watch } from "vue";
 import FormTextarea from "@/components/form/textarea.vue";
 import FormInfo from "@/components/MkInfo.vue";
 import FormSwitch from "@/components/form/switch.vue";
diff --git a/packages/client/src/pages/settings/delete-account.vue b/packages/client/src/pages/settings/delete-account.vue
index 23516d09c..9d4789306 100644
--- a/packages/client/src/pages/settings/delete-account.vue
+++ b/packages/client/src/pages/settings/delete-account.vue
@@ -43,7 +43,7 @@ async function deleteAccount() {
 	if (canceled) return;
 
 	await os.apiWithDialog("i/delete-account", {
-		password: password,
+		password,
 	});
 
 	await os.alert({
diff --git a/packages/client/src/pages/settings/email.vue b/packages/client/src/pages/settings/email.vue
index e1384c980..78597fc3c 100644
--- a/packages/client/src/pages/settings/email.vue
+++ b/packages/client/src/pages/settings/email.vue
@@ -85,7 +85,7 @@ const saveEmailAddress = () => {
 	}).then(({ canceled, result: password }) => {
 		if (canceled) return;
 		os.apiWithDialog("i/update-email", {
-			password: password,
+			password,
 			email: emailAddress.value,
 		});
 	});
diff --git a/packages/client/src/pages/settings/index.vue b/packages/client/src/pages/settings/index.vue
index 92e945bf7..6bb3f9809 100644
--- a/packages/client/src/pages/settings/index.vue
+++ b/packages/client/src/pages/settings/index.vue
@@ -45,7 +45,7 @@ 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 { signout, $i } from "@/account";
+import { $i, signout } from "@/account";
 import { unisonReload } from "@/scripts/unison-reload";
 import { instance } from "@/instance";
 import { useRouter } from "@/router";
diff --git a/packages/client/src/pages/settings/migration.vue b/packages/client/src/pages/settings/migration.vue
index dba51b793..02ef7b37f 100644
--- a/packages/client/src/pages/settings/migration.vue
+++ b/packages/client/src/pages/settings/migration.vue
@@ -53,6 +53,7 @@
 <script lang="ts" setup>
 import { ref } from "vue";
 
+import { toString } from "firefish-js/built/acct";
 import FormSection from "@/components/form/section.vue";
 import FormInput from "@/components/form/input.vue";
 import FormButton from "@/components/MkButton.vue";
@@ -61,7 +62,6 @@ import * as os from "@/os";
 import { i18n } from "@/i18n";
 import { definePageMetadata } from "@/scripts/page-metadata";
 import { $i } from "@/account";
-import { toString } from "firefish-js/built/acct";
 
 const moveToAccount = ref("");
 const accountAlias = ref([""]);
diff --git a/packages/client/src/pages/settings/navbar.vue b/packages/client/src/pages/settings/navbar.vue
index 9cd037b3e..77e87b41c 100644
--- a/packages/client/src/pages/settings/navbar.vue
+++ b/packages/client/src/pages/settings/navbar.vue
@@ -62,6 +62,7 @@
 
 <script lang="ts" setup>
 import { computed, ref, watch } from "vue";
+import { VueDraggable } from "vue-draggable-plus";
 import FormSlot from "@/components/form/slot.vue";
 import FormRadios from "@/components/form/radios.vue";
 import FormButton from "@/components/MkButton.vue";
@@ -71,7 +72,6 @@ import { navbarItemDef } from "@/navbar";
 import { defaultStore } from "@/store";
 import { unisonReload } from "@/scripts/unison-reload";
 import { i18n } from "@/i18n";
-import { VueDraggable } from "vue-draggable-plus";
 import { definePageMetadata } from "@/scripts/page-metadata";
 
 const items = ref(defaultStore.state.menu);
diff --git a/packages/client/src/pages/settings/notifications.vue b/packages/client/src/pages/settings/notifications.vue
index 4d5d370ba..5c3c2e0a0 100644
--- a/packages/client/src/pages/settings/notifications.vue
+++ b/packages/client/src/pages/settings/notifications.vue
@@ -49,7 +49,7 @@
 </template>
 
 <script lang="ts" setup>
-import { defineAsyncComponent, shallowRef, computed } from "vue";
+import { computed, defineAsyncComponent, shallowRef } from "vue";
 import { notificationTypes } from "firefish-js";
 import FormButton from "@/components/MkButton.vue";
 import FormSection from "@/components/form/section.vue";
diff --git a/packages/client/src/pages/settings/plugin.install.vue b/packages/client/src/pages/settings/plugin.install.vue
index 35316baa2..ad861fca3 100644
--- a/packages/client/src/pages/settings/plugin.install.vue
+++ b/packages/client/src/pages/settings/plugin.install.vue
@@ -41,8 +41,8 @@ function installPlugin({ id, meta, ast, token }) {
 			id,
 			active: true,
 			configData: {},
-			token: token,
-			ast: ast,
+			token,
+			ast,
 		}),
 	);
 }
@@ -112,7 +112,7 @@ async function install() {
 									"miauth/gen-token",
 									{
 										session: null,
-										name: name,
+										name,
 										permission: permissions,
 									},
 								);
diff --git a/packages/client/src/pages/settings/preferences-backups.vue b/packages/client/src/pages/settings/preferences-backups.vue
index 857c3282f..3452a96e6 100644
--- a/packages/client/src/pages/settings/preferences-backups.vue
+++ b/packages/client/src/pages/settings/preferences-backups.vue
@@ -56,7 +56,7 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, onMounted, onUnmounted, useCssModule, ref } from "vue";
+import { computed, onMounted, onUnmounted, ref, useCssModule } from "vue";
 import { v4 as uuid } from "uuid";
 import FormSection from "@/components/form/section.vue";
 import MkButton from "@/components/MkButton.vue";
@@ -67,7 +67,7 @@ import { unisonReload } from "@/scripts/unison-reload";
 import { stream } from "@/stream";
 import { $i } from "@/account";
 import { i18n } from "@/i18n";
-import { version, host } from "@/config";
+import { host, version } from "@/config";
 import { definePageMetadata } from "@/scripts/page-metadata";
 const { t, ts } = i18n;
 
@@ -144,7 +144,7 @@ const profileProps = [
 	"settings",
 ];
 
-type Profile = {
+interface Profile {
 	name: string;
 	createdAt: string;
 	updatedAt: string | null;
@@ -157,7 +157,7 @@ type Profile = {
 		useSystemFont: "t" | null;
 		wallpaper: string | null;
 	};
-};
+}
 
 const connection = $i && stream.useChannel("main");
 
@@ -195,7 +195,7 @@ function validate(profile: unknown): void {
 		throw new Error("createdAt is falsy or not Date");
 	if (profile.updatedAt) {
 		if (Number.isNaN(new Date(profile.updatedAt).getTime())) {
-			throw new Error("updatedAt is not Date");
+			throw new TypeError("updatedAt is not Date");
 		}
 	} else if (profile.updatedAt !== null) {
 		throw new Error("updatedAt is not null");
diff --git a/packages/client/src/pages/settings/privacy.vue b/packages/client/src/pages/settings/privacy.vue
index 291b0be2a..2957a117f 100644
--- a/packages/client/src/pages/settings/privacy.vue
+++ b/packages/client/src/pages/settings/privacy.vue
@@ -140,7 +140,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, computed } from "vue";
+import { computed, ref } from "vue";
 
 import FormSwitch from "@/components/form/switch.vue";
 import FormSelect from "@/components/form/select.vue";
diff --git a/packages/client/src/pages/settings/profile.vue b/packages/client/src/pages/settings/profile.vue
index bacaa33a0..7362d86f5 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 } from "vue";
+import { reactive, ref, watch } from "vue";
 import MkButton from "@/components/MkButton.vue";
 import FormInput from "@/components/form/input.vue";
 import FormTextarea from "@/components/form/textarea.vue";
diff --git a/packages/client/src/pages/settings/reaction.vue b/packages/client/src/pages/settings/reaction.vue
index 75965095b..78d7f0f0a 100644
--- a/packages/client/src/pages/settings/reaction.vue
+++ b/packages/client/src/pages/settings/reaction.vue
@@ -15,8 +15,8 @@
 						class="zoaiodol"
 						animation="150"
 						delay="100"
-						@end="save"
 						delay-on-touch-only="true"
+						@end="save"
 					>
 						<div
 							v-for="item in reactions"
@@ -121,7 +121,7 @@
 </template>
 
 <script lang="ts" setup>
-import { defineAsyncComponent, watch, ref, computed } from "vue";
+import { computed, defineAsyncComponent, ref, watch } from "vue";
 import { VueDraggable } from "vue-draggable-plus";
 import FormRadios from "@/components/form/radios.vue";
 import FromSlot from "@/components/form/slot.vue";
diff --git a/packages/client/src/pages/settings/security.vue b/packages/client/src/pages/settings/security.vue
index 6c2722d05..e80d054c7 100644
--- a/packages/client/src/pages/settings/security.vue
+++ b/packages/client/src/pages/settings/security.vue
@@ -112,7 +112,7 @@ function regenerateToken() {
 	}).then(({ canceled, result: password }) => {
 		if (canceled) return;
 		os.api("i/regenerate-token", {
-			password: password,
+			password,
 		});
 	});
 }
diff --git a/packages/client/src/pages/settings/theme.manage.vue b/packages/client/src/pages/settings/theme.manage.vue
index 4372487ca..cedaabe2f 100644
--- a/packages/client/src/pages/settings/theme.manage.vue
+++ b/packages/client/src/pages/settings/theme.manage.vue
@@ -61,7 +61,8 @@ import FormTextarea from "@/components/form/textarea.vue";
 import FormSelect from "@/components/form/select.vue";
 import FormInput from "@/components/form/input.vue";
 import FormButton from "@/components/MkButton.vue";
-import { Theme, getBuiltinThemesRef } from "@/scripts/theme";
+import type { Theme } from "@/scripts/theme";
+import { getBuiltinThemesRef } from "@/scripts/theme";
 import copyToClipboard from "@/scripts/copy-to-clipboard";
 import * as os from "@/os";
 import { getThemes, removeTheme } from "@/theme-store";
diff --git a/packages/client/src/pages/settings/word-mute.vue b/packages/client/src/pages/settings/word-mute.vue
index 187389563..9a604c13a 100644
--- a/packages/client/src/pages/settings/word-mute.vue
+++ b/packages/client/src/pages/settings/word-mute.vue
@@ -95,7 +95,7 @@ watch(hardMutedWords, () => {
 async function save() {
 	const parseMutes = (mutes, tab) => {
 		// split into lines, remove empty lines and unnecessary whitespace
-		let lines = mutes
+		const lines = mutes
 			.trim()
 			.split("\n")
 			.map((line) => line.trim())
diff --git a/packages/client/src/pages/share.vue b/packages/client/src/pages/share.vue
index c05866a50..178c19c6a 100644
--- a/packages/client/src/pages/share.vue
+++ b/packages/client/src/pages/share.vue
@@ -30,12 +30,12 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, computed } from "vue";
+import { computed, ref } from "vue";
 
 // SPECIFICATION: https://misskey-hub.net/docs/features/share-form.html
 import { noteVisibilities } from "firefish-js";
 import * as Acct from "firefish-js/built/acct";
-import * as Misskey from "firefish-js";
+import type * as Misskey from "firefish-js";
 import MkButton from "@/components/MkButton.vue";
 import XPostForm from "@/components/MkPostForm.vue";
 import * as os from "@/os";
@@ -110,7 +110,7 @@ async function init() {
 	}
 
 	try {
-		//#region Reply
+		// #region Reply
 		const replyId = urlParams.get("replyId");
 		const replyUri = urlParams.get("replyUri");
 		if (replyId) {
@@ -125,9 +125,9 @@ async function init() {
 				reply.value = obj.object;
 			}
 		}
-		//#endregion
+		// #endregion
 
-		//#region Renote
+		// #region Renote
 		const renoteId = urlParams.get("renoteId");
 		const renoteUri = urlParams.get("renoteUri");
 		if (renoteId) {
@@ -142,9 +142,9 @@ async function init() {
 				renote.value = obj.object;
 			}
 		}
-		//#endregion
+		// #endregion
 
-		//#region Drive files
+		// #region Drive files
 		const fileIds = urlParams.get("fileIds");
 		if (fileIds) {
 			await Promise.all(
@@ -160,7 +160,7 @@ async function init() {
 				),
 			);
 		}
-		//#endregion
+		// #endregion
 	} catch (err) {
 		os.alert({
 			type: "error",
diff --git a/packages/client/src/pages/tag.vue b/packages/client/src/pages/tag.vue
index b9a3ab752..1e285ad85 100644
--- a/packages/client/src/pages/tag.vue
+++ b/packages/client/src/pages/tag.vue
@@ -12,7 +12,7 @@
 				:round-lengths="true"
 				:touch-angle="25"
 				:threshold="10"
-				:centeredSlides="true"
+				:centered-slides="true"
 				:modules="[Virtual]"
 				:space-between="20"
 				:virtual="true"
@@ -40,7 +40,7 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, watch, onMounted, ref } from "vue";
+import { computed, onMounted, ref, watch } from "vue";
 import { Virtual } from "swiper/modules";
 import { Swiper, SwiperSlide } from "swiper/vue";
 import XNotes from "@/components/MkNotes.vue";
diff --git a/packages/client/src/pages/theme-editor.vue b/packages/client/src/pages/theme-editor.vue
index c45f77167..58a95633a 100644
--- a/packages/client/src/pages/theme-editor.vue
+++ b/packages/client/src/pages/theme-editor.vue
@@ -143,7 +143,7 @@
 </template>
 
 <script lang="ts" setup>
-import { watch, ref, computed } from "vue";
+import { computed, ref, watch } from "vue";
 import { toUnicode } from "punycode/";
 import tinycolor from "tinycolor2";
 import { v4 as uuid } from "uuid";
@@ -154,7 +154,8 @@ import FormTextarea from "@/components/form/textarea.vue";
 import FormFolder from "@/components/form/folder.vue";
 
 import { $i } from "@/account";
-import { Theme, applyTheme } from "@/scripts/theme";
+import type { Theme } from "@/scripts/theme";
+import { applyTheme } from "@/scripts/theme";
 import lightTheme from "@/themes/_light.json5";
 import darkTheme from "@/themes/_dark.json5";
 import { host } from "@/config";
diff --git a/packages/client/src/pages/timeline.vue b/packages/client/src/pages/timeline.vue
index 23767e703..13a68ebfa 100644
--- a/packages/client/src/pages/timeline.vue
+++ b/packages/client/src/pages/timeline.vue
@@ -30,7 +30,7 @@
 						:round-lengths="true"
 						:touch-angle="25"
 						:threshold="10"
-						:centeredSlides="true"
+						:centered-slides="true"
 						:modules="[Virtual]"
 						:space-between="20"
 						:virtual="true"
@@ -64,7 +64,7 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, ref, onMounted } from "vue";
+import { computed, onMounted, ref } from "vue";
 import { Virtual } from "swiper/modules";
 import { Swiper, SwiperSlide } from "swiper/vue";
 import XTutorial from "@/components/MkTutorialDialog.vue";
@@ -95,7 +95,7 @@ const keymap = {
 	t: focus,
 };
 
-let timelines = ["home"];
+const timelines = ["home"];
 
 if (isLocalTimelineAvailable) {
 	timelines.push("local");
@@ -210,7 +210,7 @@ const headerActions = computed(() => [
 	title: i18n.ts.jumpToSpecifiedDate,
 	iconOnly: true,
 	handler: timetravel,
-}*/,
+} */,
 ]);
 
 const headerTabs = computed(() => [
diff --git a/packages/client/src/pages/user-info.vue b/packages/client/src/pages/user-info.vue
index cf505dfd4..7fb169603 100644
--- a/packages/client/src/pages/user-info.vue
+++ b/packages/client/src/pages/user-info.vue
@@ -206,8 +206,8 @@
 						<FormButton
 							v-if="user.host == null && iAmModerator"
 							inline
-							@click="resetPassword"
 							style="margin-bottom: 0.4rem"
+							@click="resetPassword"
 							><i class="ph-password ph-bold ph-lg"></i>
 							{{ i18n.ts.resetPassword }}</FormButton
 						>
@@ -357,8 +357,8 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, watch, ref } from "vue";
-import * as misskey from "firefish-js";
+import { computed, ref, watch } from "vue";
+import type * as misskey from "firefish-js";
 import MkChart from "@/components/MkChart.vue";
 import MkObjectView from "@/components/MkObjectView.vue";
 import FormTextarea from "@/components/form/textarea.vue";
@@ -375,7 +375,7 @@ import MkFileListForAdmin from "@/components/MkFileListForAdmin.vue";
 import MkInfo from "@/components/MkInfo.vue";
 import * as os from "@/os";
 import { url } from "@/config";
-import { userPage, acct } from "@/filters/user";
+import { acct, userPage } from "@/filters/user";
 import { definePageMetadata } from "@/scripts/page-metadata";
 import { i18n } from "@/i18n";
 import { iAmAdmin, iAmModerator } from "@/account";
diff --git a/packages/client/src/pages/user-list-timeline.vue b/packages/client/src/pages/user-list-timeline.vue
index 0a1def9e5..e46210d85 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, ref } from "vue";
+import { computed, ref, watch } from "vue";
 import XTimeline from "@/components/MkTimeline.vue";
 import * as os from "@/os";
 import { useRouter } from "@/router";
diff --git a/packages/client/src/pages/user/clips.vue b/packages/client/src/pages/user/clips.vue
index 3195ee57b..a4bfd34de 100644
--- a/packages/client/src/pages/user/clips.vue
+++ b/packages/client/src/pages/user/clips.vue
@@ -25,7 +25,7 @@
 
 <script lang="ts" setup>
 import { computed } from "vue";
-import * as misskey from "firefish-js";
+import type * as misskey from "firefish-js";
 import MkPagination from "@/components/MkPagination.vue";
 
 const props = defineProps<{
diff --git a/packages/client/src/pages/user/follow-list.vue b/packages/client/src/pages/user/follow-list.vue
index 559c85bfd..07cef1126 100644
--- a/packages/client/src/pages/user/follow-list.vue
+++ b/packages/client/src/pages/user/follow-list.vue
@@ -24,7 +24,7 @@
 
 <script lang="ts" setup>
 import { computed } from "vue";
-import * as misskey from "firefish-js";
+import type * as misskey from "firefish-js";
 import MkUserInfo from "@/components/MkUserInfo.vue";
 import MkPagination from "@/components/MkPagination.vue";
 
diff --git a/packages/client/src/pages/user/followers.vue b/packages/client/src/pages/user/followers.vue
index 42c06f83c..a01617edb 100644
--- a/packages/client/src/pages/user/followers.vue
+++ b/packages/client/src/pages/user/followers.vue
@@ -16,9 +16,9 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, watch, ref } from "vue";
+import { computed, ref, watch } from "vue";
 import * as Acct from "firefish-js/built/acct";
-import * as misskey from "firefish-js";
+import type * as misskey from "firefish-js";
 import XFollowList from "./follow-list.vue";
 import * as os from "@/os";
 import { definePageMetadata } from "@/scripts/page-metadata";
diff --git a/packages/client/src/pages/user/following.vue b/packages/client/src/pages/user/following.vue
index 46d234e3a..96ac8087e 100644
--- a/packages/client/src/pages/user/following.vue
+++ b/packages/client/src/pages/user/following.vue
@@ -16,9 +16,9 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, watch, ref } from "vue";
+import { computed, ref, watch } from "vue";
 import * as Acct from "firefish-js/built/acct";
-import * as misskey from "firefish-js";
+import type * as misskey from "firefish-js";
 import XFollowList from "./follow-list.vue";
 import * as os from "@/os";
 import { definePageMetadata } from "@/scripts/page-metadata";
diff --git a/packages/client/src/pages/user/gallery.vue b/packages/client/src/pages/user/gallery.vue
index f7a4b6f36..62381be14 100644
--- a/packages/client/src/pages/user/gallery.vue
+++ b/packages/client/src/pages/user/gallery.vue
@@ -15,7 +15,7 @@
 
 <script lang="ts" setup>
 import { computed } from "vue";
-import * as misskey from "firefish-js";
+import type * as misskey from "firefish-js";
 import MkGalleryPostPreview from "@/components/MkGalleryPostPreview.vue";
 import MkPagination from "@/components/MkPagination.vue";
 
diff --git a/packages/client/src/pages/user/home.vue b/packages/client/src/pages/user/home.vue
index 2f2abaa8a..b95381ab5 100644
--- a/packages/client/src/pages/user/home.vue
+++ b/packages/client/src/pages/user/home.vue
@@ -211,11 +211,11 @@
 							<div class="actions">
 								<MkFollowButton
 									:user="user"
-									@refresh="emit('refresh')"
 									:inline="true"
 									:transparent="false"
 									:full="true"
 									class="koudoku"
+									@refresh="emit('refresh')"
 								/>
 							</div>
 						</div>
@@ -280,16 +280,16 @@
 						<div v-if="user.fields.length > 0" class="fields">
 							<dl
 								v-for="(field, i) in user.fields"
-								:class="field.verified ? 'verified' : ''"
 								:key="i"
+								:class="field.verified ? 'verified' : ''"
 								class="field"
 							>
 								<dt class="name">
 									<i
 										v-if="field.verified"
+										v-tooltip="i18n.ts.verifiedLink"
 										class="ph-bold ph-seal-check ph-lg ph-fw"
 										style="padding: 5px"
-										v-tooltip="i18n.ts.verifiedLink"
 									></i>
 									<Mfm
 										:text="field.name"
@@ -380,16 +380,16 @@
 
 <script lang="ts" setup>
 import {
-	ref,
+	computed,
 	defineAsyncComponent,
 	onMounted,
 	onUnmounted,
-	computed,
+	ref,
 } from "vue";
 import calcAge from "s-age";
 import cityTimezones from "city-timezones";
-import XUserTimeline from "./index.timeline.vue";
 import type * as misskey from "firefish-js";
+import XUserTimeline from "./index.timeline.vue";
 import XNote from "@/components/MkNote.vue";
 import MkFollowButton from "@/components/MkFollowButton.vue";
 import MkRemoteCaution from "@/components/MkRemoteCaution.vue";
diff --git a/packages/client/src/pages/user/index.activity.vue b/packages/client/src/pages/user/index.activity.vue
index 01b3c1828..fc68d3db8 100644
--- a/packages/client/src/pages/user/index.activity.vue
+++ b/packages/client/src/pages/user/index.activity.vue
@@ -31,7 +31,7 @@
 <script lang="ts" setup>
 import { ref } from "vue";
 
-import * as misskey from "firefish-js";
+import type * as misskey from "firefish-js";
 import MkContainer from "@/components/MkContainer.vue";
 import MkChart from "@/components/MkChart.vue";
 import * as os from "@/os";
@@ -68,7 +68,7 @@ function showMenu(ev: MouseEvent) {
 		action: () => {
 			chartSrc = 'per-user-followers';
 		}
-	}*/,
+	} */,
 		],
 		ev.currentTarget ?? ev.target,
 	);
diff --git a/packages/client/src/pages/user/index.photos.vue b/packages/client/src/pages/user/index.photos.vue
index 69a5c812a..e545ba4d7 100644
--- a/packages/client/src/pages/user/index.photos.vue
+++ b/packages/client/src/pages/user/index.photos.vue
@@ -29,7 +29,7 @@
 
 <script lang="ts" setup>
 import { onMounted, ref } from "vue";
-import * as misskey from "firefish-js";
+import type * as misskey from "firefish-js";
 import { getStaticImageUrl } from "@/scripts/get-static-image-url";
 import { notePage } from "@/filters/note";
 import * as os from "@/os";
diff --git a/packages/client/src/pages/user/index.timeline.vue b/packages/client/src/pages/user/index.timeline.vue
index c4e418e08..fc4306a09 100644
--- a/packages/client/src/pages/user/index.timeline.vue
+++ b/packages/client/src/pages/user/index.timeline.vue
@@ -12,8 +12,8 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, computed } from "vue";
-import * as misskey from "firefish-js";
+import { computed, ref } from "vue";
+import type * as misskey from "firefish-js";
 import XNotes from "@/components/MkNotes.vue";
 import MkTab from "@/components/MkTab.vue";
 import { i18n } from "@/i18n";
diff --git a/packages/client/src/pages/user/index.vue b/packages/client/src/pages/user/index.vue
index 2721810ce..7bf40b2bf 100644
--- a/packages/client/src/pages/user/index.vue
+++ b/packages/client/src/pages/user/index.vue
@@ -29,7 +29,7 @@
 </template>
 
 <script lang="ts" setup>
-import { defineAsyncComponent, computed, watch, ref } from "vue";
+import { computed, defineAsyncComponent, ref, watch } from "vue";
 import * as Acct from "firefish-js/built/acct";
 import type * as misskey from "firefish-js";
 import { acct as getAcct } from "@/filters/user";
diff --git a/packages/client/src/pages/user/pages.vue b/packages/client/src/pages/user/pages.vue
index 209fbc081..789d3f4b7 100644
--- a/packages/client/src/pages/user/pages.vue
+++ b/packages/client/src/pages/user/pages.vue
@@ -13,7 +13,7 @@
 
 <script lang="ts" setup>
 import { computed } from "vue";
-import * as misskey from "firefish-js";
+import type * as misskey from "firefish-js";
 import MkPagePreview from "@/components/MkPagePreview.vue";
 import MkPagination from "@/components/MkPagination.vue";
 
diff --git a/packages/client/src/pages/user/reactions.vue b/packages/client/src/pages/user/reactions.vue
index f000ee179..3e9f24b0e 100644
--- a/packages/client/src/pages/user/reactions.vue
+++ b/packages/client/src/pages/user/reactions.vue
@@ -25,7 +25,7 @@
 
 <script lang="ts" setup>
 import { computed } from "vue";
-import * as misskey from "firefish-js";
+import type * as misskey from "firefish-js";
 import MkPagination from "@/components/MkPagination.vue";
 import MkNote from "@/components/MkNote.vue";
 import MkReactionIcon from "@/components/MkReactionIcon.vue";
diff --git a/packages/client/src/pages/welcome.entrance.a.vue b/packages/client/src/pages/welcome.entrance.a.vue
index 3cbee52ca..325305355 100644
--- a/packages/client/src/pages/welcome.entrance.a.vue
+++ b/packages/client/src/pages/welcome.entrance.a.vue
@@ -35,8 +35,8 @@
 				<div class="fg">
 					<h1>
 						<img
-							class="logo"
 							v-if="meta.logoImageUrl"
+							class="logo"
 							:src="meta.logoImageUrl"
 							alt="logo"
 						/>
diff --git a/packages/client/src/pages/welcome.entrance.b.vue b/packages/client/src/pages/welcome.entrance.b.vue
index 91880c3e0..30aed2327 100644
--- a/packages/client/src/pages/welcome.entrance.b.vue
+++ b/packages/client/src/pages/welcome.entrance.b.vue
@@ -70,12 +70,12 @@
 <script lang="ts">
 import { defineComponent } from "vue";
 import { toUnicode } from "punycode/";
+import XTimeline from "./welcome.timeline.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 XTimeline from "./welcome.timeline.vue";
 import { host, instanceName } from "@/config";
 import * as os from "@/os";
 import number from "@/filters/number";
diff --git a/packages/client/src/pages/welcome.timeline.vue b/packages/client/src/pages/welcome.timeline.vue
index 26f5fa4b0..7c541bca3 100644
--- a/packages/client/src/pages/welcome.timeline.vue
+++ b/packages/client/src/pages/welcome.timeline.vue
@@ -1,12 +1,8 @@
 <template>
 	<div class="civpbkhh">
-		<div
-			ref="scroll"
-			class="scrollbox"
-			v-bind:class="{ scroll: isScrolling }"
-		>
+		<div ref="scroll" class="scrollbox" :class="{ scroll: isScrolling }">
 			<div v-for="note in notes" class="note">
-				<div class="content _panel" v-if="note.cw == null">
+				<div v-if="note.cw == null" class="content _panel">
 					<div class="body">
 						<MkA
 							v-if="note.replyId"
@@ -27,7 +23,7 @@
 						<XMediaList :media-list="note.files" />
 					</div>
 					<div v-if="note.poll">
-						<XPoll :note="note" :readOnly="true" />
+						<XPoll :note="note" :read-only="true" />
 					</div>
 				</div>
 				<XReactionsViewer ref="reactionsViewer" :note="note" />
diff --git a/packages/client/src/pizzax.ts b/packages/client/src/pizzax.ts
index 1c3817dba..115515806 100644
--- a/packages/client/src/pizzax.ts
+++ b/packages/client/src/pizzax.ts
@@ -1,6 +1,7 @@
 // PIZZAX --- A lightweight store
 
-import { onUnmounted, Ref, ref, watch } from "vue";
+import type { Ref } from "vue";
+import { onUnmounted, ref, watch } from "vue";
 import { $i } from "./account";
 import { api } from "./os";
 import { stream } from "./stream";
@@ -27,6 +28,7 @@ export class Storage<T extends StateDef> {
 	public readonly state: {
 		[K in keyof T]: T[K]["default"];
 	};
+
 	public readonly reactiveState: {
 		[K in keyof T]: Ref<T[K]["default"]>;
 	};
@@ -190,8 +192,8 @@ export class Storage<T extends StateDef> {
 				);
 				api("i/registry/set", {
 					scope: ["client", this.key],
-					key: key,
-					value: value,
+					key,
+					value,
 				});
 				break;
 			}
diff --git a/packages/client/src/plugin.ts b/packages/client/src/plugin.ts
index 2e1297a0b..8e964ab3a 100644
--- a/packages/client/src/plugin.ts
+++ b/packages/client/src/plugin.ts
@@ -18,7 +18,7 @@ export function install(plugin) {
 
 	const aiscript = new AiScript(
 		createPluginEnv({
-			plugin: plugin,
+			plugin,
 			storageKey: `plugins:${plugin.id}`,
 		}),
 		{
@@ -58,7 +58,7 @@ function createPluginEnv(opts) {
 
 	return {
 		...createAiScriptEnv({ ...opts, token: opts.plugin.token }),
-		//#region Deprecated
+		// #region Deprecated
 		"Mk:register_post_form_action": values.FN_NATIVE(([title, handler]) => {
 			registerPostFormAction({
 				pluginId: opts.plugin.id,
@@ -80,7 +80,7 @@ function createPluginEnv(opts) {
 				handler,
 			});
 		}),
-		//#endregion
+		// #endregion
 		"Plugin:register_post_form_action": values.FN_NATIVE(([title, handler]) => {
 			registerPostFormAction({
 				pluginId: opts.plugin.id,
@@ -103,10 +103,16 @@ function createPluginEnv(opts) {
 			});
 		}),
 		"Plugin:register_note_view_interruptor": values.FN_NATIVE(([handler]) => {
-			registerNoteViewInterruptor({ pluginId: opts.plugin.id, handler });
+			registerNoteViewInterruptor({
+				pluginId: opts.plugin.id,
+				handler,
+			});
 		}),
 		"Plugin:register_note_post_interruptor": values.FN_NATIVE(([handler]) => {
-			registerNotePostInterruptor({ pluginId: opts.plugin.id, handler });
+			registerNotePostInterruptor({
+				pluginId: opts.plugin.id,
+				handler,
+			});
 		}),
 		"Plugin:open_url": values.FN_NATIVE(([url]) => {
 			window.open(url.value, "_blank");
diff --git a/packages/client/src/router.ts b/packages/client/src/router.ts
index 687c11e8c..60e9d37c5 100644
--- a/packages/client/src/router.ts
+++ b/packages/client/src/router.ts
@@ -1,4 +1,5 @@
-import { AsyncComponentLoader, defineAsyncComponent, inject } from "vue";
+import type { AsyncComponentLoader } from "vue";
+import { defineAsyncComponent, inject } from "vue";
 import { Router } from "@/nirax";
 import { $i, iAmModerator } from "@/account";
 import MkLoading from "@/pages/_loading_.vue";
@@ -18,7 +19,7 @@ const guestTimeline = getGuestTimelineStatus();
 
 const page = (loader: AsyncComponentLoader<any>) =>
 	defineAsyncComponent({
-		loader: loader,
+		loader,
 		loadingComponent: MkLoading,
 		errorComponent: MkError,
 	});
diff --git a/packages/client/src/scripts/array.ts b/packages/client/src/scripts/array.ts
index bc6f4d4b3..ef3dfb298 100644
--- a/packages/client/src/scripts/array.ts
+++ b/packages/client/src/scripts/array.ts
@@ -1,4 +1,4 @@
-import { EndoRelation, Predicate } from "./relation";
+import type { EndoRelation, Predicate } from "./relation";
 
 /**
  * Count the number of elements that satisfy the predicate
diff --git a/packages/client/src/scripts/autocomplete.ts b/packages/client/src/scripts/autocomplete.ts
index 352b9b035..0d5d16f18 100644
--- a/packages/client/src/scripts/autocomplete.ts
+++ b/packages/client/src/scripts/autocomplete.ts
@@ -1,4 +1,5 @@
-import { nextTick, Ref, ref, defineAsyncComponent } from "vue";
+import type { Ref } from "vue";
+import { defineAsyncComponent, nextTick, ref } from "vue";
 import getCaretCoordinates from "textarea-caret";
 import { toASCII } from "punycode/";
 import { popup } from "@/os";
@@ -10,6 +11,7 @@ export class Autocomplete {
 		q: Ref<string | null>;
 		close: () => void;
 	} | null;
+
 	private textarea: HTMLInputElement | HTMLTextAreaElement;
 	private currentType: string;
 	private textRef: Ref<string>;
@@ -34,11 +36,11 @@ export class Autocomplete {
 		textarea: HTMLInputElement | HTMLTextAreaElement,
 		textRef: Ref<string>,
 	) {
-		//#region BIND
+		// #region BIND
 		this.onInput = this.onInput.bind(this);
 		this.complete = this.complete.bind(this);
 		this.close = this.close.bind(this);
-		//#endregion
+		// #endregion
 
 		this.suggestion = null;
 		this.textarea = textarea;
@@ -141,7 +143,7 @@ export class Autocomplete {
 		this.opening = true;
 		this.currentType = type;
 
-		//#region サジェストを表示すべき位置を計算
+		// #region サジェストを表示すべき位置を計算
 		const caretPosition = getCaretCoordinates(
 			this.textarea,
 			this.textarea.selectionStart,
@@ -151,7 +153,7 @@ export class Autocomplete {
 
 		const x = rect.left + caretPosition.left - this.textarea.scrollLeft;
 		const y = rect.top + caretPosition.top - this.textarea.scrollTop;
-		//#endregion
+		// #endregion
 
 		if (this.suggestion) {
 			this.suggestion.x.value = x;
@@ -169,7 +171,7 @@ export class Autocomplete {
 				{
 					textarea: this.textarea,
 					close: this.close,
-					type: type,
+					type,
 					q: _q,
 					x: _x,
 					y: _y,
diff --git a/packages/client/src/scripts/chart-vline.ts b/packages/client/src/scripts/chart-vline.ts
index 94ba0abd3..abc707d47 100644
--- a/packages/client/src/scripts/chart-vline.ts
+++ b/packages/client/src/scripts/chart-vline.ts
@@ -1,4 +1,4 @@
-import { Plugin } from "chart.js";
+import type { Plugin } from "chart.js";
 
 export const chartVLine = (vLineColor: string) =>
 	({
diff --git a/packages/client/src/scripts/check-word-mute.ts b/packages/client/src/scripts/check-word-mute.ts
index f789d0cd1..50188a83b 100644
--- a/packages/client/src/scripts/check-word-mute.ts
+++ b/packages/client/src/scripts/check-word-mute.ts
@@ -1,8 +1,8 @@
-export type Muted = {
+export interface Muted {
 	muted: boolean;
 	matched: string[];
 	what?: string; // "note" || "reply" || "renote" || "quote"
-};
+}
 
 const NotMuted = { muted: false, matched: [] };
 
@@ -17,7 +17,7 @@ function checkWordMute(
 
 	if (text === "") return NotMuted;
 
-	let result = { muted: false, matched: [] };
+	const result = { muted: false, matched: [] };
 
 	for (const mutePattern of mutedWords) {
 		if (Array.isArray(mutePattern)) {
@@ -67,14 +67,14 @@ export function getWordSoftMute(
 	}
 
 	if (mutedWords.length > 0) {
-		let noteMuted = checkWordMute(note, mutedWords);
+		const noteMuted = checkWordMute(note, mutedWords);
 		if (noteMuted.muted) {
 			noteMuted.what = "note";
 			return noteMuted;
 		}
 
 		if (note.renote) {
-			let renoteMuted = checkWordMute(note.renote, mutedWords);
+			const renoteMuted = checkWordMute(note.renote, mutedWords);
 			if (renoteMuted.muted) {
 				renoteMuted.what = note.text == null ? "renote" : "quote";
 				return renoteMuted;
@@ -82,7 +82,7 @@ export function getWordSoftMute(
 		}
 
 		if (note.reply) {
-			let replyMuted = checkWordMute(note.reply, mutedWords);
+			const replyMuted = checkWordMute(note.reply, mutedWords);
 			if (replyMuted.muted) {
 				replyMuted.what = "reply";
 				return replyMuted;
diff --git a/packages/client/src/scripts/emojilist.ts b/packages/client/src/scripts/emojilist.ts
index b042c2666..8a2ade12a 100644
--- a/packages/client/src/scripts/emojilist.ts
+++ b/packages/client/src/scripts/emojilist.ts
@@ -4,13 +4,13 @@ import individualData from "unicode-emoji-json/data-by-emoji.json";
 import keywordSet from "emojilib";
 import { defaultStore } from "@/store";
 
-export type UnicodeEmojiDef = {
+export interface UnicodeEmojiDef {
 	emoji: string;
 	category: typeof unicodeEmojiCategories[number];
 	skin_tone_support: boolean;
 	slug: string;
 	keywords?: string[];
-};
+}
 
 export const unicodeEmojiCategories = [
 	"emotion",
diff --git a/packages/client/src/scripts/extract-mfm.ts b/packages/client/src/scripts/extract-mfm.ts
index c62547cdb..b02557b34 100644
--- a/packages/client/src/scripts/extract-mfm.ts
+++ b/packages/client/src/scripts/extract-mfm.ts
@@ -14,7 +14,7 @@ const animatedMfm = [
 
 export function extractMfmWithAnimation(nodes: mfm.MfmNode[]): string[] {
 	const mfmNodes = mfm.extract(nodes, (node) => {
-		return node.type === "fn" && animatedMfm.indexOf(node.props.name) > -1;
+		return node.type === "fn" && animatedMfm.includes(node.props.name);
 	});
 	const mfms = mfmNodes.map((x) => x.props.fn);
 
diff --git a/packages/client/src/scripts/format-time-string.ts b/packages/client/src/scripts/format-time-string.ts
index f2f0d70ee..5a840bc78 100644
--- a/packages/client/src/scripts/format-time-string.ts
+++ b/packages/client/src/scripts/format-time-string.ts
@@ -1,4 +1,4 @@
-const defaultLocaleStringFormats: { [index: string]: string } = {
+const defaultLocaleStringFormats: Record<string, string> = {
 	weekday: "narrow",
 	era: "narrow",
 	year: "numeric",
@@ -28,7 +28,7 @@ function formatLocaleString(date: Date, format: string): string {
 				].includes(kind)
 			) {
 				return date.toLocaleString(window.navigator.language, {
-					[kind]: option ? option : defaultLocaleStringFormats[kind],
+					[kind]: option || defaultLocaleStringFormats[kind],
 				});
 			} else {
 				return match;
diff --git a/packages/client/src/scripts/gen-search-query.ts b/packages/client/src/scripts/gen-search-query.ts
index 2fdd54fc3..21870e691 100644
--- a/packages/client/src/scripts/gen-search-query.ts
+++ b/packages/client/src/scripts/gen-search-query.ts
@@ -2,8 +2,7 @@ import * as Acct from "firefish-js/built/acct";
 import { host as localHost } from "@/config";
 
 export async function genSearchQuery(v: any, q: string) {
-	let host: string;
-	let userId: string;
+	let host: string, userId: string;
 	if (q.split(" ").some((x) => x.startsWith("@"))) {
 		for (const at of q
 			.split(" ")
@@ -32,7 +31,7 @@ export async function genSearchQuery(v: any, q: string) {
 			.split(" ")
 			.filter((x) => !(x.startsWith("/") || x.startsWith("@")))
 			.join(" "),
-		host: host,
-		userId: userId,
+		host,
+		userId,
 	};
 }
diff --git a/packages/client/src/scripts/get-note-menu.ts b/packages/client/src/scripts/get-note-menu.ts
index a5565a9ba..31361db96 100644
--- a/packages/client/src/scripts/get-note-menu.ts
+++ b/packages/client/src/scripts/get-note-menu.ts
@@ -1,5 +1,6 @@
-import { defineAsyncComponent, Ref, inject } from "vue";
-import * as misskey from "firefish-js";
+import type { Ref } from "vue";
+import { defineAsyncComponent, inject } from "vue";
+import type * as misskey from "firefish-js";
 import { $i } from "@/account";
 import { i18n } from "@/i18n";
 import { instance } from "@/instance";
@@ -383,7 +384,7 @@ export function getNoteMenu(props: {
 				action: promote
 			}]
 			: []
-		),*/
+		), */
 			null,
 			!isAppearAuthor
 				? {
diff --git a/packages/client/src/scripts/get-note-summary.ts b/packages/client/src/scripts/get-note-summary.ts
index a2bc0a2fd..5cef457cb 100644
--- a/packages/client/src/scripts/get-note-summary.ts
+++ b/packages/client/src/scripts/get-note-summary.ts
@@ -1,4 +1,4 @@
-import * as misskey from "firefish-js";
+import type * as misskey from "firefish-js";
 import { i18n } from "@/i18n";
 
 /**
diff --git a/packages/client/src/scripts/get-user-menu.ts b/packages/client/src/scripts/get-user-menu.ts
index 26112379c..a11ba3c5e 100644
--- a/packages/client/src/scripts/get-user-menu.ts
+++ b/packages/client/src/scripts/get-user-menu.ts
@@ -7,7 +7,7 @@ import * as os from "@/os";
 import { userActions } from "@/store";
 import { $i, iAmModerator } from "@/account";
 import { mainRouter } from "@/router";
-import { Router } from "@/nirax";
+import type { Router } from "@/nirax";
 
 export function getUserMenu(user, router: Router = mainRouter) {
 	const meId = $i ? $i.id : null;
@@ -31,7 +31,7 @@ export function getUserMenu(user, router: Router = mainRouter) {
 		});
 		if (canceled) return;
 		os.apiWithDialog("users/lists/push", {
-			listId: listId,
+			listId,
 			userId: user.id,
 		});
 	}
@@ -54,7 +54,7 @@ export function getUserMenu(user, router: Router = mainRouter) {
 		});
 		if (canceled) return;
 		os.apiWithDialog("users/groups/invite", {
-			groupId: groupId,
+			groupId,
 			userId: user.id,
 		});
 	}
@@ -197,7 +197,7 @@ export function getUserMenu(user, router: Router = mainRouter) {
 				() => import("@/components/MkAbuseReportWindow.vue"),
 			),
 			{
-				user: user,
+				user,
 			},
 			{},
 			"closed",
diff --git a/packages/client/src/scripts/helpMenu.ts b/packages/client/src/scripts/helpMenu.ts
index 55848541e..508053d05 100644
--- a/packages/client/src/scripts/helpMenu.ts
+++ b/packages/client/src/scripts/helpMenu.ts
@@ -1,8 +1,8 @@
+import XTutorial from "../components/MkTutorialDialog.vue";
 import { defaultStore } from "@/store";
 import { instance } from "@/instance";
 import { host } from "@/config";
 import * as os from "@/os";
-import XTutorial from "../components/MkTutorialDialog.vue";
 import { i18n } from "@/i18n";
 
 export function openHelpMenu_(ev: MouseEvent) {
diff --git a/packages/client/src/scripts/hotkey.ts b/packages/client/src/scripts/hotkey.ts
index 02d41575c..4aa6f1b00 100644
--- a/packages/client/src/scripts/hotkey.ts
+++ b/packages/client/src/scripts/hotkey.ts
@@ -4,18 +4,18 @@ type Callback = (ev: KeyboardEvent) => void;
 
 type Keymap = Record<string, Callback>;
 
-type Pattern = {
+interface Pattern {
 	which: string[];
 	ctrl?: boolean;
 	shift?: boolean;
 	alt?: boolean;
-};
+}
 
-type Action = {
+interface Action {
 	patterns: Pattern[];
 	callback: Callback;
 	allowRepeat: boolean;
-};
+}
 
 const parseKeymap = (keymap: Keymap) =>
 	Object.entries(keymap).map(([patterns, callback]): Action => {
@@ -85,7 +85,7 @@ export const makeHotkey = (keymap: Keymap) => {
 		if (document.activeElement) {
 			if (ignoreElemens.some((el) => document.activeElement!.matches(el)))
 				return;
-			if (document.activeElement.attributes["contenteditable"]) return;
+			if (document.activeElement.attributes.contenteditable) return;
 		}
 
 		for (const action of actions) {
diff --git a/packages/client/src/scripts/hpml/block.ts b/packages/client/src/scripts/hpml/block.ts
index 1cdb50b88..dd16258f1 100644
--- a/packages/client/src/scripts/hpml/block.ts
+++ b/packages/client/src/scripts/hpml/block.ts
@@ -1,9 +1,9 @@
 // blocks
 
-export type BlockBase = {
+export interface BlockBase {
 	id: string;
 	type: string;
-};
+}
 
 export type TextBlock = BlockBase & {
 	type: "text";
diff --git a/packages/client/src/scripts/hpml/evaluator.ts b/packages/client/src/scripts/hpml/evaluator.ts
index 6bd795c62..f9a08079a 100644
--- a/packages/client/src/scripts/hpml/evaluator.ts
+++ b/packages/client/src/scripts/hpml/evaluator.ts
@@ -1,13 +1,16 @@
 import autobind from "autobind-decorator";
-import { PageVar, envVarsDef, Fn, HpmlScope, HpmlError } from ".";
-import { version } from "@/config";
 import { AiScript, utils, values } from "@syuilo/aiscript";
-import { createAiScriptEnv } from "../aiscript/api";
+import type { Ref } from "vue";
+import { markRaw, ref, unref } from "vue";
 import { collectPageVars } from "../collect-page-vars";
-import { initHpmlLib, initAiLib } from "./lib";
+import { createAiScriptEnv } from "../aiscript/api";
+import { initAiLib, initHpmlLib } from "./lib";
+import type { Expr, Variable } from "./expr";
+import { isLiteralValue } from "./expr";
+import { HpmlError, HpmlScope } from ".";
+import type { Fn, PageVar, envVarsDef } from ".";
 import * as os from "@/os";
-import { markRaw, ref, Ref, unref } from "vue";
-import { Expr, isLiteralValue, Variable } from "./expr";
+import { version } from "@/config";
 
 /**
  * Hpml evaluator
@@ -97,7 +100,7 @@ export class Hpml {
 		try {
 			this.vars.value = this.evaluateVars();
 		} catch (err) {
-			//this.onError(e);
+			// this.onError(e);
 		}
 	}
 
diff --git a/packages/client/src/scripts/hpml/expr.ts b/packages/client/src/scripts/hpml/expr.ts
index a39ae4a23..ad235b5c4 100644
--- a/packages/client/src/scripts/hpml/expr.ts
+++ b/packages/client/src/scripts/hpml/expr.ts
@@ -1,8 +1,9 @@
-import { literalDefs, Type } from ".";
+import type { Type } from ".";
+import { literalDefs } from ".";
 
-export type ExprBase = {
+export interface ExprBase {
 	id: string;
-};
+}
 
 // value
 
@@ -45,13 +46,13 @@ export type UserFnValue = ExprBase & {
 	type: "fn";
 	value: UserFnInnerValue;
 };
-type UserFnInnerValue = {
+interface UserFnInnerValue {
 	slots: {
 		name: string;
 		type: Type;
 	}[];
 	expression: Expr;
-};
+}
 
 export type Value =
 	| EmptyValue
diff --git a/packages/client/src/scripts/hpml/index.ts b/packages/client/src/scripts/hpml/index.ts
index 914d714a5..57fe0e96d 100644
--- a/packages/client/src/scripts/hpml/index.ts
+++ b/packages/client/src/scripts/hpml/index.ts
@@ -3,13 +3,13 @@
  */
 
 import autobind from "autobind-decorator";
-import { Hpml } from "./evaluator";
+import type { Hpml } from "./evaluator";
 import { funcDefs } from "./lib";
 
-export type Fn = {
+export interface Fn {
 	slots: string[];
 	exec: (args: Record<string, any>) => ReturnType<Hpml["evaluate"]>;
-};
+}
 
 export type Type = "string" | "number" | "boolean" | "stringArray" | null;
 
@@ -39,7 +39,11 @@ export const literalDefs: Record<
 		category: "value",
 		icon: "ph-magic-wand ph-bold ph-lg",
 	},
-	fn: { out: "function", category: "value", icon: "ph-radical ph-bold ph-lg" },
+	fn: {
+		out: "function",
+		category: "value",
+		icon: "ph-radical ph-bold ph-lg",
+	},
 };
 
 export const blockDefs = [
@@ -57,7 +61,11 @@ export const blockDefs = [
 	})),
 ];
 
-export type PageVar = { name: string; value: any; type: Type };
+export interface PageVar {
+	name: string;
+	value: any;
+	type: Type;
+}
 
 export const envVarsDef: Record<string, Type> = {
 	AI: "string",
diff --git a/packages/client/src/scripts/hpml/lib.ts b/packages/client/src/scripts/hpml/lib.ts
index d0f774e36..ad878f99f 100644
--- a/packages/client/src/scripts/hpml/lib.ts
+++ b/packages/client/src/scripts/hpml/lib.ts
@@ -1,9 +1,9 @@
 import tinycolor from "tinycolor2";
-import { Hpml } from "./evaluator";
-import { values, utils } from "@syuilo/aiscript";
-import { Fn, HpmlScope } from ".";
-import { Expr } from "./expr";
+import { utils, values } from "@syuilo/aiscript";
 import seedrandom from "seedrandom";
+import type { Hpml } from "./evaluator";
+import type { Expr } from "./expr";
+import type { Fn, HpmlScope } from ".";
 
 /* TODO: https://www.chartjs.org/docs/latest/configuration/canvas-background.html#color
 // https://stackoverflow.com/questions/38493564/chart-area-background-color-chartjs
diff --git a/packages/client/src/scripts/hpml/type-checker.ts b/packages/client/src/scripts/hpml/type-checker.ts
index eaae600d4..fd9d72052 100644
--- a/packages/client/src/scripts/hpml/type-checker.ts
+++ b/packages/client/src/scripts/hpml/type-checker.ts
@@ -1,13 +1,15 @@
 import autobind from "autobind-decorator";
-import { Type, envVarsDef, PageVar } from ".";
-import { Expr, isLiteralValue, Variable } from "./expr";
+import type { Expr, Variable } from "./expr";
+import { isLiteralValue } from "./expr";
 import { funcDefs } from "./lib";
+import { envVarsDef } from ".";
+import type { PageVar, Type } from ".";
 
-type TypeError = {
+interface TypeError {
 	arg: number;
 	expect: Type;
 	actual: Type;
-};
+}
 
 /**
  * Hpml type checker
diff --git a/packages/client/src/scripts/i18n.ts b/packages/client/src/scripts/i18n.ts
index 8531b795a..7e2b23711 100644
--- a/packages/client/src/scripts/i18n.ts
+++ b/packages/client/src/scripts/i18n.ts
@@ -4,9 +4,9 @@ export class I18n<T extends Record<string, any>> {
 	constructor(locale: T) {
 		this.ts = locale;
 
-		//#region BIND
+		// #region BIND
 		this.t = this.t.bind(this);
-		//#endregion
+		// #endregion
 	}
 
 	// string にしているのは、ドット区切りでのパス指定を許可するため
diff --git a/packages/client/src/scripts/idb-proxy.ts b/packages/client/src/scripts/idb-proxy.ts
index a85faa0cf..618c5c5fb 100644
--- a/packages/client/src/scripts/idb-proxy.ts
+++ b/packages/client/src/scripts/idb-proxy.ts
@@ -1,6 +1,6 @@
 // FirefoxのプライベートモードなどではindexedDBが使用不可能なので、
 // indexedDBが使えない環境ではlocalStorageを使う
-import { get as iget, set as iset, del as idel } from "idb-keyval";
+import { del as idel, get as iget, set as iset } from "idb-keyval";
 
 const fallbackName = (key: string) => `idbfallback::${key}`;
 
diff --git a/packages/client/src/scripts/init-chart.ts b/packages/client/src/scripts/init-chart.ts
index 32adf73bb..56fd1e35c 100644
--- a/packages/client/src/scripts/init-chart.ts
+++ b/packages/client/src/scripts/init-chart.ts
@@ -1,20 +1,20 @@
 import {
-	Chart,
 	ArcElement,
-	LineElement,
-	BarElement,
-	PointElement,
 	BarController,
-	LineController,
-	DoughnutController,
+	BarElement,
 	CategoryScale,
-	LinearScale,
-	TimeScale,
+	Chart,
+	DoughnutController,
+	Filler,
 	Legend,
+	LineController,
+	LineElement,
+	LinearScale,
+	PointElement,
+	SubTitle,
+	TimeScale,
 	Title,
 	Tooltip,
-	SubTitle,
-	Filler,
 } from "chart.js";
 import gradient from "chartjs-plugin-gradient";
 import zoomPlugin from "chartjs-plugin-zoom";
diff --git a/packages/client/src/scripts/katex-macro.ts b/packages/client/src/scripts/katex-macro.ts
index f91e657da..fdf6a0bdc 100644
--- a/packages/client/src/scripts/katex-macro.ts
+++ b/packages/client/src/scripts/katex-macro.ts
@@ -1,7 +1,7 @@
-type KaTeXMacro = {
+interface KaTeXMacro {
 	args: number;
 	rule: (string | number)[];
-};
+}
 
 function parseSingleKaTeXMacro(src: string): [string, KaTeXMacro] {
 	const invalid: [string, KaTeXMacro] = ["", { args: 0, rule: [] }];
@@ -37,7 +37,7 @@ function parseSingleKaTeXMacro(src: string): [string, KaTeXMacro] {
 
 	currentPos = skipSpaces(closeNameBracketPos + 1);
 
-	let macro: KaTeXMacro = { args: 0, rule: [] };
+	const macro: KaTeXMacro = { args: 0, rule: [] };
 
 	// parse [number of arguments] (optional)
 	if (src[currentPos] === "[") {
@@ -61,8 +61,8 @@ function parseSingleKaTeXMacro(src: string): [string, KaTeXMacro] {
 	currentPos = skipSpaces(currentPos);
 
 	while (currentPos < src.length - 1) {
-		let numbersignPos = -1;
-		let isEscaped = false;
+		let numbersignPos = -1,
+			isEscaped = false;
 
 		for (let i = currentPos; i < src.length - 1; ++i) {
 			if (src[i] !== "\\" && src[i] !== "#") {
@@ -85,9 +85,7 @@ function parseSingleKaTeXMacro(src: string): [string, KaTeXMacro] {
 
 		const argIndexEndPos =
 			src.slice(numbersignPos + 1).search(/[^\d]/) + numbersignPos;
-		const argIndex: number = Number(
-			src.slice(numbersignPos + 1, argIndexEndPos + 1),
-		);
+		const argIndex = Number(src.slice(numbersignPos + 1, argIndexEndPos + 1));
 
 		if (Number.isNaN(argIndex) || argIndex < 1 || macro.args < argIndex)
 			return invalid;
@@ -104,7 +102,7 @@ function parseSingleKaTeXMacro(src: string): [string, KaTeXMacro] {
 }
 
 export function parseKaTeXMacros(src: string): string {
-	let result: { [name: string]: KaTeXMacro } = {};
+	const result: Record<string, KaTeXMacro> = {};
 
 	for (const s of src.split("\n")) {
 		const [name, macro]: [string, KaTeXMacro] = parseSingleKaTeXMacro(s.trim());
@@ -118,16 +116,16 @@ export function parseKaTeXMacros(src: string): string {
 // the boolean value is used for multi-pass expansions (macros can expand to other macros)
 function expandKaTeXMacroOnce(
 	src: string,
-	macros: { [name: string]: KaTeXMacro },
+	macros: Record<string, KaTeXMacro>,
 	maxNumberOfExpansions: number,
 ): [string, boolean, number] {
 	const bracketKinds = 3;
-	const openBracketId: { [bracket: string]: number } = {
+	const openBracketId: Record<string, number> = {
 		"(": 0,
 		"{": 1,
 		"[": 2,
 	};
-	const closeBracketId: { [bracket: string]: number } = {
+	const closeBracketId: Record<string, number> = {
 		")": 0,
 		"}": 1,
 		"]": 2,
@@ -136,14 +134,14 @@ function expandKaTeXMacroOnce(
 	const closeBracketFromId = [")", "}", "]"];
 
 	// mappings from open brackets to their corresponding close brackets
-	type BracketMapping = { [openBracketPos: number]: number };
+	type BracketMapping = Record<number, number>;
 
 	const bracketMapping = ((): BracketMapping => {
-		let result: BracketMapping = {};
+		const result: BracketMapping = {};
 		const n = src.length;
 
-		let depths = new Array<number>(bracketKinds).fill(0); // current bracket depth for "()", "{}", and "[]"
-		let buffer = Array.from(Array<number[]>(bracketKinds), () =>
+		const depths = new Array<number>(bracketKinds).fill(0); // current bracket depth for "()", "{}", and "[]"
+		const buffer = Array.from(Array<number[]>(bracketKinds), () =>
 			Array<number>(n),
 		);
 
@@ -212,17 +210,15 @@ function expandKaTeXMacroOnce(
 		--maxNumberOfExpansions;
 
 		// search for a custom macro
-		let checkedPos = beginPos - 1;
-		let macroName = "";
-		let macroBackslashPos = 0;
-
-		// for macros w/o args: unused
-		//            w/  args: the first open bracket ("(", "{", or "[") after cmd name
-		let macroArgBeginPos = 0;
-
-		// for macros w/o args: the end of cmd name
-		//            w/  args: the closing bracket of the last arg
-		let macroArgEndPos = 0;
+		let checkedPos = beginPos - 1,
+			macroName = "",
+			macroBackslashPos = 0,
+			// for macros w/o args: unused
+			//            w/  args: the first open bracket ("(", "{", or "[") after cmd name
+			macroArgBeginPos = 0,
+			// for macros w/o args: the end of cmd name
+			//            w/  args: the closing bracket of the last arg
+			macroArgEndPos = 0;
 
 		while (checkedPos < endPos) {
 			checkedPos = src.indexOf("\\", checkedPos + 1);
@@ -269,7 +265,7 @@ function expandKaTeXMacroOnce(
 		const numArgs: number = macros[macroName].args;
 		const openBracket: string = macroName.slice(-1);
 
-		let expandedArgs = new Array<string>(numArgs);
+		const expandedArgs = new Array<string>(numArgs);
 
 		for (let i = 0; i < numArgs; ++i) {
 			// find the first open bracket after what we've searched
@@ -308,7 +304,7 @@ export function expandKaTeXMacro(
 
 	let expandMore = true;
 
-	while (expandMore && 0 < maxNumberOfExpansions)
+	while (expandMore && maxNumberOfExpansions > 0)
 		[src, expandMore, maxNumberOfExpansions] = expandKaTeXMacroOnce(
 			src,
 			macros,
diff --git a/packages/client/src/scripts/page-metadata.ts b/packages/client/src/scripts/page-metadata.ts
index 7c8646457..1d7eda880 100644
--- a/packages/client/src/scripts/page-metadata.ts
+++ b/packages/client/src/scripts/page-metadata.ts
@@ -1,26 +1,18 @@
-import * as misskey from "firefish-js";
-import {
-	ComputedRef,
-	inject,
-	isRef,
-	onActivated,
-	onMounted,
-	provide,
-	ref,
-	Ref,
-} from "vue";
+import type * as misskey from "firefish-js";
+import type { ComputedRef, Ref } from "vue";
+import { inject, isRef, onActivated, onMounted, provide, ref } from "vue";
 
 export const setPageMetadata = Symbol("setPageMetadata");
 export const pageMetadataProvider = Symbol("pageMetadataProvider");
 
-export type PageMetadata = {
+export interface PageMetadata {
 	title: string;
 	subtitle?: string;
 	icon?: string | null;
 	avatar?: misskey.entities.User | null;
 	userName?: misskey.entities.User | null;
 	bg?: string;
-};
+}
 
 export function definePageMetadata(
 	metadata:
diff --git a/packages/client/src/scripts/physics.ts b/packages/client/src/scripts/physics.ts
index cfb813389..5375c01d2 100644
--- a/packages/client/src/scripts/physics.ts
+++ b/packages/client/src/scripts/physics.ts
@@ -22,8 +22,8 @@ export function physics(container: HTMLElement) {
 
 	// create renderer
 	const render = Matter.Render.create({
-		engine: engine,
-		//element: document.getElementById('debug'),
+		engine,
+		// element: document.getElementById('debug'),
 		options: {
 			width: containerWidth,
 			height: containerHeight,
@@ -52,13 +52,13 @@ export function physics(container: HTMLElement) {
 		},
 	);
 
-	//const wallRight = Matter.Bodies.rectangle(window.innerWidth+50, window.innerHeight/2, 100, window.innerHeight, wallopts);
-	//const wallLeft = Matter.Bodies.rectangle(-50, window.innerHeight/2, 100, window.innerHeight, wallopts);
+	// const wallRight = Matter.Bodies.rectangle(window.innerWidth+50, window.innerHeight/2, 100, window.innerHeight, wallopts);
+	// const wallLeft = Matter.Bodies.rectangle(-50, window.innerHeight/2, 100, window.innerHeight, wallopts);
 
 	Matter.World.add(world, [
 		ground,
-		//wallRight,
-		//wallLeft,
+		// wallRight,
+		// wallLeft,
 	]);
 
 	const objEls = Array.from(container.children);
@@ -89,7 +89,9 @@ export function physics(container: HTMLElement) {
 				objEl.offsetWidth,
 				objEl.offsetHeight,
 				{
-					chamfer: { radius: parseInt(style.borderRadius || "0", 10) },
+					chamfer: {
+						radius: parseInt(style.borderRadius || "0", 10),
+					},
 					restitution: 0.5,
 				},
 			);
@@ -104,7 +106,7 @@ export function physics(container: HTMLElement) {
 
 	const mouse = Matter.Mouse.create(container);
 	const mouseConstraint = Matter.MouseConstraint.create(engine, {
-		mouse: mouse,
+		mouse,
 		constraint: {
 			stiffness: 0.1,
 			render: {
diff --git a/packages/client/src/scripts/popout.ts b/packages/client/src/scripts/popout.ts
index d27428d26..54aa42225 100644
--- a/packages/client/src/scripts/popout.ts
+++ b/packages/client/src/scripts/popout.ts
@@ -1,5 +1,5 @@
-import * as config from "@/config";
 import { appendQuery } from "./url";
+import * as config from "@/config";
 
 export function popout(path: string, w?: HTMLElement) {
 	let url =
diff --git a/packages/client/src/scripts/popup-position.ts b/packages/client/src/scripts/popup-position.ts
index 874d127b6..abc6cfb66 100644
--- a/packages/client/src/scripts/popup-position.ts
+++ b/packages/client/src/scripts/popup-position.ts
@@ -22,8 +22,7 @@ export function calcPopupPosition(
 	}
 
 	const calcPosWhenTop = () => {
-		let left: number;
-		let top: number;
+		let left: number, top: number;
 
 		if (props.anchorElement) {
 			left =
@@ -44,8 +43,7 @@ export function calcPopupPosition(
 	};
 
 	const calcPosWhenBottom = () => {
-		let left: number;
-		let top: number;
+		let left: number, top: number;
 
 		if (props.anchorElement) {
 			left =
@@ -70,8 +68,7 @@ export function calcPopupPosition(
 	};
 
 	const calcPosWhenLeft = () => {
-		let left: number;
-		let top: number;
+		let left: number, top: number;
 
 		if (props.anchorElement) {
 			left = rect.left + window.pageXOffset - contentWidth - props.innerMargin;
@@ -92,8 +89,7 @@ export function calcPopupPosition(
 	};
 
 	const calcPosWhenRight = () => {
-		let left: number;
-		let top: number;
+		let left: number, top: number;
 
 		if (props.anchorElement) {
 			left =
diff --git a/packages/client/src/scripts/preprocess.ts b/packages/client/src/scripts/preprocess.ts
index 438a44d30..bdcb68db9 100644
--- a/packages/client/src/scripts/preprocess.ts
+++ b/packages/client/src/scripts/preprocess.ts
@@ -8,12 +8,12 @@ export function preprocess(text: string): string {
 			localStorage.getItem("customKaTeXMacroParsed") ?? "{}";
 		const maxNumberOfExpansions = 200; // to prevent infinite expansion loops
 
-		let nodes = mfm.parse(text);
+		const nodes = mfm.parse(text);
 
-		for (let node of nodes) {
-			if (node["type"] === "mathInline" || node["type"] === "mathBlock") {
-				node["props"]["formula"] = expandKaTeXMacro(
-					node["props"]["formula"],
+		for (const node of nodes) {
+			if (node.type === "mathInline" || node.type === "mathBlock") {
+				node.props.formula = expandKaTeXMacro(
+					node.props.formula,
 					parsedKaTeXMacro,
 					maxNumberOfExpansions,
 				);
diff --git a/packages/client/src/scripts/reaction-picker.ts b/packages/client/src/scripts/reaction-picker.ts
index 8baa50278..353a032d3 100644
--- a/packages/client/src/scripts/reaction-picker.ts
+++ b/packages/client/src/scripts/reaction-picker.ts
@@ -1,4 +1,5 @@
-import { defineAsyncComponent, Ref, ref } from "vue";
+import type { Ref } from "vue";
+import { defineAsyncComponent, ref } from "vue";
 import { popup } from "@/os";
 
 class ReactionPicker {
diff --git a/packages/client/src/scripts/search.ts b/packages/client/src/scripts/search.ts
index ecea1ff2d..7b7577135 100644
--- a/packages/client/src/scripts/search.ts
+++ b/packages/client/src/scripts/search.ts
@@ -36,7 +36,7 @@ export async function search() {
 		}
 
 		// TODO
-		//v.$root.$emit('warp', date);
+		// v.$root.$emit('warp', date);
 		os.alert({
 			type: "waiting",
 		});
diff --git a/packages/client/src/scripts/select-file.ts b/packages/client/src/scripts/select-file.ts
index 3d5b97422..8366af19f 100644
--- a/packages/client/src/scripts/select-file.ts
+++ b/packages/client/src/scripts/select-file.ts
@@ -1,5 +1,5 @@
 import { ref } from "vue";
-import { DriveFile } from "firefish-js/built/entities";
+import type { DriveFile } from "firefish-js/built/entities";
 import * as os from "@/os";
 import { stream } from "@/stream";
 import { i18n } from "@/i18n";
@@ -72,7 +72,7 @@ function select(
 				});
 
 				os.api("drive/files/upload-from-url", {
-					url: url,
+					url,
 					folderId: defaultStore.state.uploadFolder,
 					marker,
 				});
diff --git a/packages/client/src/scripts/shuffle.ts b/packages/client/src/scripts/shuffle.ts
index f17415296..f10f1e59d 100644
--- a/packages/client/src/scripts/shuffle.ts
+++ b/packages/client/src/scripts/shuffle.ts
@@ -2,8 +2,8 @@
  * 配列をシャッフル (破壊的)
  */
 export function shuffle<T extends any[]>(array: T): T {
-	let currentIndex = array.length;
-	let randomIndex;
+	let currentIndex = array.length,
+		randomIndex;
 
 	// While there remain elements to shuffle.
 	while (currentIndex !== 0) {
diff --git a/packages/client/src/scripts/theme-editor.ts b/packages/client/src/scripts/theme-editor.ts
index fc015b6ac..a010b078f 100644
--- a/packages/client/src/scripts/theme-editor.ts
+++ b/packages/client/src/scripts/theme-editor.ts
@@ -1,14 +1,29 @@
 import { v4 as uuid } from "uuid";
 
-import { themeProps, Theme } from "./theme";
+import type { Theme } from "./theme";
+import { themeProps } from "./theme";
 
 export type Default = null;
 export type Color = string;
 export type FuncName = "alpha" | "darken" | "lighten";
-export type Func = { type: "func"; name: FuncName; arg: number; value: string };
-export type RefProp = { type: "refProp"; key: string };
-export type RefConst = { type: "refConst"; key: string };
-export type Css = { type: "css"; value: string };
+export interface Func {
+	type: "func";
+	name: FuncName;
+	arg: number;
+	value: string;
+}
+export interface RefProp {
+	type: "refProp";
+	key: string;
+}
+export interface RefConst {
+	type: "refConst";
+	key: string;
+}
+export interface Css {
+	type: "css";
+	value: string;
+}
 
 export type ThemeValue = Color | Func | RefProp | RefConst | Css | Default;
 
@@ -65,7 +80,7 @@ export const convertToMisskeyTheme = (
 	author: string,
 	base: "dark" | "light",
 ): Theme => {
-	const props = {} as { [key: string]: string };
+	const props = {} as Record<string, string>;
 	for (const [key, value] of vm) {
 		if (value === null) continue;
 		props[key] = toThemeString(value);
diff --git a/packages/client/src/scripts/theme.ts b/packages/client/src/scripts/theme.ts
index c52c2c217..abdabfd17 100644
--- a/packages/client/src/scripts/theme.ts
+++ b/packages/client/src/scripts/theme.ts
@@ -2,14 +2,14 @@ import { ref } from "vue";
 import tinycolor from "tinycolor2";
 import { globalEvents } from "@/events";
 
-export type Theme = {
+export interface Theme {
 	id: string;
 	name: string;
 	author: string;
 	desc?: string;
 	base?: "dark" | "light";
 	props: Record<string, string>;
-};
+}
 
 import lightTheme from "@/themes/_light.json5";
 import darkTheme from "@/themes/_dark.json5";
@@ -88,7 +88,7 @@ export function applyTheme(theme: Theme, persist = true) {
 
 	for (const tag of document.head.children) {
 		if (tag.tagName === "META" && tag.getAttribute("name") === "theme-color") {
-			tag.setAttribute("content", props["htmlThemeColor"]);
+			tag.setAttribute("content", props.htmlThemeColor);
 			break;
 		}
 	}
diff --git a/packages/client/src/scripts/upload.ts b/packages/client/src/scripts/upload.ts
index e6305de00..22e1ae48f 100644
--- a/packages/client/src/scripts/upload.ts
+++ b/packages/client/src/scripts/upload.ts
@@ -1,5 +1,5 @@
 import { reactive, ref } from "vue";
-import * as Misskey from "firefish-js";
+import type * as Misskey from "firefish-js";
 import { readAndCompressImage } from "browser-image-resizer";
 import { defaultStore } from "@/store";
 import { apiUrl } from "@/config";
@@ -7,13 +7,13 @@ import { $i } from "@/account";
 import { alert } from "@/os";
 import { i18n } from "@/i18n";
 
-type Uploading = {
+interface Uploading {
 	id: string;
 	name: string;
 	progressMax: number | undefined;
 	progressValue: number | undefined;
 	img: string;
-};
+}
 export const uploads = ref<Uploading[]>([]);
 
 const compressTypeMap = {
@@ -43,7 +43,7 @@ export function uploadFile(
 		const reader = new FileReader();
 		reader.onload = async (ev) => {
 			const ctx = reactive<Uploading>({
-				id: id,
+				id,
 				name: name || file.name || "untitled",
 				progressMax: undefined,
 				progressValue: undefined,
diff --git a/packages/client/src/scripts/use-chart-tooltip.ts b/packages/client/src/scripts/use-chart-tooltip.ts
index 13ed0e571..5d50fd41d 100644
--- a/packages/client/src/scripts/use-chart-tooltip.ts
+++ b/packages/client/src/scripts/use-chart-tooltip.ts
@@ -1,4 +1,4 @@
-import { onUnmounted, onDeactivated, ref } from "vue";
+import { onDeactivated, onUnmounted, ref } from "vue";
 import * as os from "@/os";
 import MkChartTooltip from "@/components/MkChartTooltip.vue";
 
diff --git a/packages/client/src/scripts/use-leave-guard.ts b/packages/client/src/scripts/use-leave-guard.ts
index 2a7d677ea..12c25651c 100644
--- a/packages/client/src/scripts/use-leave-guard.ts
+++ b/packages/client/src/scripts/use-leave-guard.ts
@@ -1,4 +1,5 @@
-import { inject, onUnmounted, Ref } from "vue";
+import type { Ref } from "vue";
+import { inject, onUnmounted } from "vue";
 import { i18n } from "@/i18n";
 import * as os from "@/os";
 
diff --git a/packages/client/src/scripts/use-note-capture.ts b/packages/client/src/scripts/use-note-capture.ts
index 1ba85744f..1cfa79a7c 100644
--- a/packages/client/src/scripts/use-note-capture.ts
+++ b/packages/client/src/scripts/use-note-capture.ts
@@ -1,5 +1,6 @@
-import { onUnmounted, Ref } from "vue";
-import * as misskey from "firefish-js";
+import type { Ref } from "vue";
+import { onUnmounted } from "vue";
+import type * as misskey from "firefish-js";
 import { stream } from "@/stream";
 import { $i } from "@/account";
 import * as os from "@/os";
diff --git a/packages/client/src/scripts/use-tooltip.ts b/packages/client/src/scripts/use-tooltip.ts
index a5e5ed7a2..c14d766b6 100644
--- a/packages/client/src/scripts/use-tooltip.ts
+++ b/packages/client/src/scripts/use-tooltip.ts
@@ -1,20 +1,18 @@
-import { Ref, ref, watch, onUnmounted } from "vue";
+import type { Ref } from "vue";
+import { onUnmounted, ref, watch } from "vue";
 
 export function useTooltip(
 	elRef: Ref<HTMLElement | { $el: HTMLElement } | null | undefined>,
 	onShow: (showing: Ref<boolean>) => void,
 	delay = 300,
 ): void {
-	let isHovering = false;
-
-	// iOS(Androidも？)では、要素をタップした直後に(おせっかいで)mouseoverイベントを発火させたりするため、それを無視するためのフラグ
-	// 無視しないと、画面に触れてないのにツールチップが出たりし、ユーザビリティが損なわれる
-	// TODO: 一度でもタップすると二度とマウスでツールチップ出せなくなるのをどうにかする 定期的にfalseに戻すとか...？
-	let shouldIgnoreMouseover = false;
-
-	let timeoutId: number;
-
-	let changeShowingState: (() => void) | null;
+	let isHovering = false,
+		// iOS(Androidも？)では、要素をタップした直後に(おせっかいで)mouseoverイベントを発火させたりするため、それを無視するためのフラグ
+		// 無視しないと、画面に触れてないのにツールチップが出たりし、ユーザビリティが損なわれる
+		// TODO: 一度でもタップすると二度とマウスでツールチップ出せなくなるのをどうにかする 定期的にfalseに戻すとか...？
+		shouldIgnoreMouseover = false,
+		timeoutId: number,
+		changeShowingState: (() => void) | null;
 
 	const open = () => {
 		close();
@@ -72,9 +70,15 @@ export function useTooltip(
 				stop();
 				const el =
 					elRef.value instanceof Element ? elRef.value : elRef.value.$el;
-				el.addEventListener("mouseover", onMouseover, { passive: true });
-				el.addEventListener("mouseleave", onMouseleave, { passive: true });
-				el.addEventListener("touchstart", onTouchstart, { passive: true });
+				el.addEventListener("mouseover", onMouseover, {
+					passive: true,
+				});
+				el.addEventListener("mouseleave", onMouseleave, {
+					passive: true,
+				});
+				el.addEventListener("touchstart", onTouchstart, {
+					passive: true,
+				});
 				el.addEventListener("touchend", onTouchend, { passive: true });
 				el.addEventListener("click", close, { passive: true });
 			}
diff --git a/packages/client/src/store.ts b/packages/client/src/store.ts
index 92f1b8979..106c7a8d3 100644
--- a/packages/client/src/store.ts
+++ b/packages/client/src/store.ts
@@ -353,14 +353,14 @@ export const defaultStore = markRaw(
 
 const PREFIX = "miux:";
 
-type Plugin = {
+interface Plugin {
 	id: string;
 	name: string;
 	active: boolean;
 	configData: Record<string, any>;
 	token: string;
 	ast: any[];
-};
+}
 
 /**
  * 常にメモリにロードしておく必要がないような設定情報を保管するストレージ(非リアクティブ)
diff --git a/packages/client/src/theme-store.ts b/packages/client/src/theme-store.ts
index a2a5ff5f3..3dedc045e 100644
--- a/packages/client/src/theme-store.ts
+++ b/packages/client/src/theme-store.ts
@@ -1,6 +1,6 @@
+import type { Theme } from "./scripts/theme";
 import { api } from "@/os";
 import { $i } from "@/account";
-import { Theme } from "./scripts/theme";
 
 const lsCacheKey = $i ? `themes:${$i.id}` : "";
 
diff --git a/packages/client/src/types/menu.ts b/packages/client/src/types/menu.ts
index 88bf6f33b..db0d6550c 100644
--- a/packages/client/src/types/menu.ts
+++ b/packages/client/src/types/menu.ts
@@ -1,16 +1,16 @@
-import * as Misskey from "firefish-js";
-import { Ref } from "vue";
+import type * as Misskey from "firefish-js";
+import type { Ref } from "vue";
 
 export type MenuAction = (ev: MouseEvent) => void;
 
 export type MenuDivider = null;
 export type MenuNull = undefined;
-export type MenuLabel = {
+export interface MenuLabel {
 	type: "label";
 	text: string;
 	textStyle?: string;
-};
-export type MenuLink = {
+}
+export interface MenuLink {
 	type: "link";
 	to: string;
 	text: string;
@@ -18,8 +18,8 @@ export type MenuLink = {
 	icon?: string;
 	indicate?: boolean;
 	avatar?: Misskey.entities.User;
-};
-export type MenuA = {
+}
+export interface MenuA {
 	type: "a";
 	href: string;
 	target?: string;
@@ -28,23 +28,23 @@ export type MenuA = {
 	textStyle?: string;
 	icon?: string;
 	indicate?: boolean;
-};
-export type MenuUser = {
+}
+export interface MenuUser {
 	type: "user";
 	user: Misskey.entities.User;
 	active?: boolean;
 	indicate?: boolean;
 	hidden?: boolean;
 	action: MenuAction;
-};
-export type MenuSwitch = {
+}
+export interface MenuSwitch {
 	type: "switch";
 	ref: Ref<boolean>;
 	text: string;
 	textStyle?: string;
 	disabled?: boolean;
-};
-export type MenuButton = {
+}
+export interface MenuButton {
 	type?: "button";
 	text: string;
 	textStyle?: string;
@@ -56,16 +56,18 @@ export type MenuButton = {
 	hidden?: boolean;
 	avatar?: Misskey.entities.User;
 	action: MenuAction;
-};
-export type MenuParent = {
+}
+export interface MenuParent {
 	type: "parent";
 	text: string;
 	textStyle?: string;
 	icon?: string;
 	children: OuterMenuItem[];
-};
+}
 
-export type MenuPending = { type: "pending" };
+export interface MenuPending {
+	type: "pending";
+}
 
 type OuterMenuItem =
 	| MenuDivider
diff --git a/packages/client/src/ui/_common_/common.vue b/packages/client/src/ui/_common_/common.vue
index e87c3c6d6..8e2d20f92 100644
--- a/packages/client/src/ui/_common_/common.vue
+++ b/packages/client/src/ui/_common_/common.vue
@@ -19,7 +19,7 @@
 <script lang="ts" setup>
 import { defineAsyncComponent } from "vue";
 import { swInject } from "./sw-inject";
-import { popup, popups, pendingApiRequestsCount } from "@/os";
+import { pendingApiRequestsCount, popup, popups } from "@/os";
 import { uploads } from "@/scripts/upload";
 import * as sound from "@/scripts/sound";
 import { $i } from "@/account";
@@ -59,7 +59,7 @@ if ($i) {
 	const connection = stream.useChannel("main", null, "UI");
 	connection.on("notification", onNotification);
 
-	//#region Listen message from SW
+	// #region Listen message from SW
 	if ("serviceWorker" in navigator) {
 		swInject();
 	}
diff --git a/packages/client/src/ui/_common_/navbar-for-mobile.vue b/packages/client/src/ui/_common_/navbar-for-mobile.vue
index 9b616683b..4338f713f 100644
--- a/packages/client/src/ui/_common_/navbar-for-mobile.vue
+++ b/packages/client/src/ui/_common_/navbar-for-mobile.vue
@@ -18,7 +18,7 @@
 					<MkAvatar
 						:user="$i"
 						class="icon"
-						disableLink
+						disable-link
 					/><!-- <MkAcct class="text" :user="$i"/> -->
 				</button>
 			</div>
diff --git a/packages/client/src/ui/_common_/navbar.vue b/packages/client/src/ui/_common_/navbar.vue
index 0d7102a31..074e7ae97 100644
--- a/packages/client/src/ui/_common_/navbar.vue
+++ b/packages/client/src/ui/_common_/navbar.vue
@@ -18,7 +18,7 @@
 					<MkAvatar
 						:user="$i"
 						class="icon"
-						disableLink
+						disable-link
 					/><!-- <MkAcct class="text" :user="$i"/> -->
 				</button>
 			</div>
@@ -183,15 +183,15 @@ watch(defaultStore.reactiveState.menuDisplay, () => {
 	calcViewState();
 });
 
-let noMaintainerInformation =
+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);
+const noEmailServer = !instance.enableEmail;
+const thereIsUnresolvedAbuseReport = ref(false);
+const updateAvailable = ref(false);
 
 if ($i?.isAdmin) {
 	os.api("admin/abuse-user-reports", {
diff --git a/packages/client/src/ui/_common_/statusbar-federation.vue b/packages/client/src/ui/_common_/statusbar-federation.vue
index e7025eb27..5e644860a 100644
--- a/packages/client/src/ui/_common_/statusbar-federation.vue
+++ b/packages/client/src/ui/_common_/statusbar-federation.vue
@@ -40,7 +40,7 @@
 
 <script lang="ts" setup>
 import { computed, defineAsyncComponent, ref, toRef, watch } from "vue";
-import * as misskey from "firefish-js";
+import type * as misskey from "firefish-js";
 import MarqueeText from "@/components/MkMarquee.vue";
 import * as os from "@/os";
 import { useInterval } from "@/scripts/use-interval";
@@ -59,7 +59,7 @@ const props = defineProps<{
 
 const instances = ref<misskey.entities.Instance[]>([]);
 const fetching = ref(true);
-let key = ref(0);
+const key = ref(0);
 
 const tick = () => {
 	os.api("federation/instances", {
diff --git a/packages/client/src/ui/_common_/statusbar-rss.vue b/packages/client/src/ui/_common_/statusbar-rss.vue
index 4797794e4..d65418469 100644
--- a/packages/client/src/ui/_common_/statusbar-rss.vue
+++ b/packages/client/src/ui/_common_/statusbar-rss.vue
@@ -45,7 +45,7 @@ const props = defineProps<{
 
 const items = ref([]);
 const fetching = ref(true);
-let key = ref(0);
+const key = ref(0);
 
 const tick = () => {
 	fetch(`/api/fetch-rss?url=${props.url}`, {}).then((res) => {
diff --git a/packages/client/src/ui/_common_/statusbar-user-list.vue b/packages/client/src/ui/_common_/statusbar-user-list.vue
index 39e7ebba0..cfc715e15 100644
--- a/packages/client/src/ui/_common_/statusbar-user-list.vue
+++ b/packages/client/src/ui/_common_/statusbar-user-list.vue
@@ -35,7 +35,7 @@
 
 <script lang="ts" setup>
 import { computed, defineAsyncComponent, ref, toRef, watch } from "vue";
-import * as misskey from "firefish-js";
+import type * as misskey from "firefish-js";
 import MarqueeText from "@/components/MkMarquee.vue";
 import * as os from "@/os";
 import { useInterval } from "@/scripts/use-interval";
@@ -53,7 +53,7 @@ const props = defineProps<{
 
 const notes = ref<misskey.entities.Note[]>([]);
 const fetching = ref(true);
-let key = ref(0);
+const key = ref(0);
 
 const tick = () => {
 	if (props.userListId == null) return;
diff --git a/packages/client/src/ui/_common_/stream-indicator.vue b/packages/client/src/ui/_common_/stream-indicator.vue
index 4898e9ea8..4863471b9 100644
--- a/packages/client/src/ui/_common_/stream-indicator.vue
+++ b/packages/client/src/ui/_common_/stream-indicator.vue
@@ -22,7 +22,7 @@ import { onUnmounted, ref } from "vue";
 import { stream } from "@/stream";
 import { i18n } from "@/i18n";
 
-let hasDisconnected = ref(false);
+const hasDisconnected = ref(false);
 
 function onDisconnected() {
 	hasDisconnected.value = true;
diff --git a/packages/client/src/ui/_common_/sw-inject.ts b/packages/client/src/ui/_common_/sw-inject.ts
index 51087749c..7e419c63e 100644
--- a/packages/client/src/ui/_common_/sw-inject.ts
+++ b/packages/client/src/ui/_common_/sw-inject.ts
@@ -29,7 +29,6 @@ export function swInject() {
 				}
 				return mainRouter.push(ev.data.url);
 			default:
-				return;
 		}
 	});
 }
diff --git a/packages/client/src/ui/deck/channel-column.vue b/packages/client/src/ui/deck/channel-column.vue
index 1c1fdb668..4860d3af5 100644
--- a/packages/client/src/ui/deck/channel-column.vue
+++ b/packages/client/src/ui/deck/channel-column.vue
@@ -23,7 +23,6 @@
 <script lang="ts" setup>
 import { ref } from "vue";
 
-import {} from "vue";
 import XColumn from "./column.vue";
 import type { Column } from "./deck-store";
 import { updateColumn } from "./deck-store";
diff --git a/packages/client/src/ui/deck/column.vue b/packages/client/src/ui/deck/column.vue
index 3e4d9d937..a941d585a 100644
--- a/packages/client/src/ui/deck/column.vue
+++ b/packages/client/src/ui/deck/column.vue
@@ -58,12 +58,12 @@
 <script lang="ts" setup>
 import {
 	Ref,
+	computed,
 	onBeforeUnmount,
 	onMounted,
 	provide,
-	watch,
 	ref,
-	computed,
+	watch,
 } from "vue";
 import type { Column } from "./deck-store";
 import {
@@ -109,13 +109,13 @@ const emit = defineEmits<{
 
 const body = ref<HTMLDivElement>();
 
-let dragging = ref(false);
+const dragging = ref(false);
 watch(dragging, (v) =>
 	os.deckGlobalEvents.emit(v ? "column.dragStart" : "column.dragEnd"),
 );
 
-let draghover = ref(false),
-	dropready = ref(false);
+const draghover = ref(false);
+const dropready = ref(false);
 
 const isMainColumn = computed(() => props.column.type === "main");
 const active = computed(() => props.column.active !== false);
diff --git a/packages/client/src/ui/deck/deck-store.ts b/packages/client/src/ui/deck/deck-store.ts
index c65cdbcaf..31016d4c2 100644
--- a/packages/client/src/ui/deck/deck-store.ts
+++ b/packages/client/src/ui/deck/deck-store.ts
@@ -1,18 +1,18 @@
 import { throttle } from "throttle-debounce";
 import { markRaw } from "vue";
-import { notificationTypes } from "firefish-js";
+import type { notificationTypes } from "firefish-js";
 import { Storage } from "../../pizzax";
 import { i18n } from "@/i18n";
 import { api } from "@/os";
 import { deepClone } from "@/scripts/clone";
 
-type ColumnWidget = {
+interface ColumnWidget {
 	name: string;
 	id: string;
 	data: Record<string, any>;
-};
+}
 
-export type Column = {
+export interface Column {
 	id: string;
 	type:
 		| "main"
@@ -34,7 +34,7 @@ export type Column = {
 	listId?: string;
 	includingTypes?: typeof notificationTypes[number][];
 	tl?: "home" | "local" | "social" | "recommended" | "global";
-};
+}
 
 export const deckStore = markRaw(
 	new Storage("deck", {
@@ -113,7 +113,7 @@ export async function getProfiles(): Promise<string[]> {
 export async function deleteProfile(key: string): Promise<any> {
 	return await api("i/registry/remove", {
 		scope: ["client", "deck", "profiles"],
-		key: key,
+		key,
 	});
 }
 
@@ -123,7 +123,10 @@ export async function renameProfile(oldKey: string, newKey: string) {
 	await api("i/registry/set", {
 		scope: ["client", "deck", "profiles"],
 		key: newKey,
-		value: { columns: deckStore.state.columns, layout: deckStore.state.layout },
+		value: {
+			columns: deckStore.state.columns,
+			layout: deckStore.state.layout,
+		},
 	});
 	deckStore.set("profile", newKey);
 	saveDeck();
@@ -153,9 +156,9 @@ export function removeColumn(id: Column["id"]) {
 }
 
 export function swapColumn(a: Column["id"], b: Column["id"]) {
-	const aX = deckStore.state.layout.findIndex((ids) => ids.indexOf(a) !== -1);
+	const aX = deckStore.state.layout.findIndex((ids) => ids.includes(a));
 	const aY = deckStore.state.layout[aX].findIndex((id) => id === a);
-	const bX = deckStore.state.layout.findIndex((ids) => ids.indexOf(b) !== -1);
+	const bX = deckStore.state.layout.findIndex((ids) => ids.includes(b));
 	const bY = deckStore.state.layout[bX].findIndex((id) => id === b);
 	const layout = deepClone(deckStore.state.layout);
 	layout[aX][aY] = b;
diff --git a/packages/client/src/ui/deck/list-column.vue b/packages/client/src/ui/deck/list-column.vue
index e141dc1d1..2de1ec4cd 100644
--- a/packages/client/src/ui/deck/list-column.vue
+++ b/packages/client/src/ui/deck/list-column.vue
@@ -23,7 +23,6 @@
 <script lang="ts" setup>
 import { ref } from "vue";
 
-import {} from "vue";
 import XColumn from "./column.vue";
 import type { Column } from "./deck-store";
 import { updateColumn } from "./deck-store";
diff --git a/packages/client/src/ui/deck/main-column.vue b/packages/client/src/ui/deck/main-column.vue
index 9c46cfb96..f23803400 100644
--- a/packages/client/src/ui/deck/main-column.vue
+++ b/packages/client/src/ui/deck/main-column.vue
@@ -43,7 +43,7 @@ const emit = defineEmits<{
 	(ev: "parent-focus", direction: "up" | "down" | "left" | "right"): void;
 }>();
 
-let pageMetadata = ref<null | ComputedRef<PageMetadata>>();
+const pageMetadata = ref<null | ComputedRef<PageMetadata>>();
 
 provide("router", mainRouter);
 provideMetadataReceiver((info) => {
diff --git a/packages/client/src/ui/deck/tl-column.vue b/packages/client/src/ui/deck/tl-column.vue
index 19ea90743..e53710de7 100644
--- a/packages/client/src/ui/deck/tl-column.vue
+++ b/packages/client/src/ui/deck/tl-column.vue
@@ -64,9 +64,9 @@ const emit = defineEmits<{
 	(ev: "parent-focus", direction: "up" | "down" | "left" | "right"): void;
 }>();
 
-let disabled = ref(false),
-	indicated = ref(false),
-	columnActive = ref(true);
+const disabled = ref(false);
+const indicated = ref(false);
+const columnActive = ref(true);
 
 onMounted(() => {
 	if (props.column.tl == null) {
diff --git a/packages/client/src/ui/deck/widgets-column.vue b/packages/client/src/ui/deck/widgets-column.vue
index 364b3d0a5..9b8143027 100644
--- a/packages/client/src/ui/deck/widgets-column.vue
+++ b/packages/client/src/ui/deck/widgets-column.vue
@@ -34,7 +34,6 @@
 <script lang="ts" setup>
 import { ref } from "vue";
 
-import {} from "vue";
 import XColumn from "./column.vue";
 import type { Column } from "./deck-store";
 import {
@@ -55,7 +54,7 @@ const emit = defineEmits<{
 	(ev: "parent-focus", direction: "up" | "down" | "left" | "right"): void;
 }>();
 
-let edit = ref(false);
+const edit = ref(false);
 
 function addWidget(widget) {
 	addColumnWidget(props.column.id, widget);
diff --git a/packages/client/src/ui/universal.vue b/packages/client/src/ui/universal.vue
index 882f59ddc..1c9f5ed2c 100644
--- a/packages/client/src/ui/universal.vue
+++ b/packages/client/src/ui/universal.vue
@@ -210,7 +210,7 @@ window.addEventListener("resize", () => {
 const buttonAnimIndex = ref(0);
 const drawerMenuShowing = ref(false);
 
-let pageMetadata = ref<null | ComputedRef<PageMetadata>>();
+const pageMetadata = ref<null | ComputedRef<PageMetadata>>();
 const widgetsEl = ref<HTMLElement>();
 const postButton = ref<HTMLElement>();
 const widgetsShowing = ref(false);
diff --git a/packages/client/src/ui/visitor/b.vue b/packages/client/src/ui/visitor/b.vue
index 07ebaf69c..472dbe829 100644
--- a/packages/client/src/ui/visitor/b.vue
+++ b/packages/client/src/ui/visitor/b.vue
@@ -72,7 +72,7 @@
 
 <script lang="ts" setup>
 import type { ComputedRef } from "vue";
-import { onMounted, provide, ref, computed } from "vue";
+import { computed, onMounted, provide, ref } from "vue";
 import XHeader from "./header.vue";
 import XKanban from "./kanban.vue";
 import { host, instanceName } from "@/config";
@@ -94,7 +94,7 @@ import { i18n } from "@/i18n";
 
 const DESKTOP_THRESHOLD = 1000;
 
-let pageMetadata = ref<null | ComputedRef<PageMetadata>>();
+const pageMetadata = ref<null | ComputedRef<PageMetadata>>();
 
 provide("router", mainRouter);
 provideMetadataReceiver((info) => {
@@ -113,9 +113,9 @@ const isTimelineAvailable =
 	!instance.disableRecommendedTimeline ||
 	!instance.disableGlobalTimeline;
 const showMenu = ref(false);
-let isDesktop = ref(window.innerWidth >= DESKTOP_THRESHOLD),
-	narrow = ref(window.innerWidth < 1280),
-	meta = ref();
+const isDesktop = ref(window.innerWidth >= DESKTOP_THRESHOLD);
+const narrow = ref(window.innerWidth < 1280);
+const meta = ref();
 
 const keymap = computed(() => {
 	return {
@@ -169,7 +169,7 @@ onMounted(() => {
 });
 
 defineExpose({
-	showMenu: showMenu,
+	showMenu,
 });
 </script>
 
diff --git a/packages/client/src/ui/zen.vue b/packages/client/src/ui/zen.vue
index d4e6dae87..869316be8 100644
--- a/packages/client/src/ui/zen.vue
+++ b/packages/client/src/ui/zen.vue
@@ -18,7 +18,7 @@ import {
 } from "@/scripts/page-metadata";
 import { instanceName } from "@/config";
 
-let pageMetadata = ref<null | ComputedRef<PageMetadata>>();
+const pageMetadata = ref<null | ComputedRef<PageMetadata>>();
 
 provide("router", mainRouter);
 provideMetadataReceiver((info) => {
diff --git a/packages/client/src/widgets/activity.chart.vue b/packages/client/src/widgets/activity.chart.vue
index 16f55238c..b8d099a5a 100644
--- a/packages/client/src/widgets/activity.chart.vue
+++ b/packages/client/src/widgets/activity.chart.vue
@@ -40,12 +40,12 @@ const props = defineProps<{
 
 const viewBoxX: number = ref(147);
 const viewBoxY: number = ref(60);
-let zoom: number = ref(1),
-	pos: number = ref(0),
-	pointsNote: any = ref(null),
-	pointsReply: any = ref(null),
-	pointsRenote: any = ref(null),
-	pointsTotal: any = ref(null);
+const zoom: number = ref(1);
+const pos: number = ref(0);
+const pointsNote: any = ref(null);
+const pointsReply: any = ref(null);
+const pointsRenote: any = ref(null);
+const pointsTotal: any = ref(null);
 
 function dragListen(fn) {
 	window.addEventListener("mousemove", fn);
diff --git a/packages/client/src/widgets/clock.vue b/packages/client/src/widgets/clock.vue
index a8fa7b830..93926e4a2 100644
--- a/packages/client/src/widgets/clock.vue
+++ b/packages/client/src/widgets/clock.vue
@@ -48,7 +48,6 @@
 <script lang="ts" setup>
 import { computed } from "vue";
 
-import {} from "vue";
 import type { Widget, WidgetComponentExpose } from "./widget";
 import {
 	WidgetComponentEmits,
diff --git a/packages/client/src/widgets/digital-clock.vue b/packages/client/src/widgets/digital-clock.vue
index 1b259b11f..3d6f26db9 100644
--- a/packages/client/src/widgets/digital-clock.vue
+++ b/packages/client/src/widgets/digital-clock.vue
@@ -15,7 +15,7 @@
 </template>
 
 <script lang="ts" setup>
-import { onUnmounted, ref, watch, computed } from "vue";
+import { computed, onUnmounted, ref, watch } from "vue";
 import type { Widget, WidgetComponentExpose } from "./widget";
 import {
 	WidgetComponentEmits,
diff --git a/packages/client/src/widgets/index.ts b/packages/client/src/widgets/index.ts
index 4c48811a9..746bd5eeb 100644
--- a/packages/client/src/widgets/index.ts
+++ b/packages/client/src/widgets/index.ts
@@ -1,4 +1,5 @@
-import { App, defineAsyncComponent } from "vue";
+import type { App } from "vue";
+import { defineAsyncComponent } from "vue";
 
 export default function (app: App) {
 	app.component(
diff --git a/packages/client/src/widgets/instance-cloud.vue b/packages/client/src/widgets/instance-cloud.vue
index 9aeb84371..deda3c961 100644
--- a/packages/client/src/widgets/instance-cloud.vue
+++ b/packages/client/src/widgets/instance-cloud.vue
@@ -22,7 +22,6 @@
 <script lang="ts" setup>
 import { ref, shallowRef } from "vue";
 
-import {} from "vue";
 import {
 	WidgetComponentEmits,
 	WidgetComponentProps,
@@ -61,7 +60,7 @@ const { widgetProps, configure } = useWidgetPropsManager(
 );
 
 const cloud = ref<InstanceType<typeof MkTagCloud> | null>();
-let activeInstances = shallowRef(null);
+const activeInstances = shallowRef(null);
 
 function onInstanceClick(i) {
 	os.pageWindow(`/instance-info/${i.host}`);
diff --git a/packages/client/src/widgets/rss-ticker.vue b/packages/client/src/widgets/rss-ticker.vue
index 9c9b74148..ec527ed67 100644
--- a/packages/client/src/widgets/rss-ticker.vue
+++ b/packages/client/src/widgets/rss-ticker.vue
@@ -104,7 +104,7 @@ const { widgetProps, configure } = useWidgetPropsManager(
 
 const items = ref([]);
 const fetching = ref(true);
-let key = ref(0);
+const key = ref(0);
 
 const tick = () => {
 	fetch(`/api/fetch-rss?url=${widgetProps.url}`, {}).then((res) => {
diff --git a/packages/client/src/widgets/server-metric/cpu-mem.vue b/packages/client/src/widgets/server-metric/cpu-mem.vue
index 1b3a5b113..df03b8135 100644
--- a/packages/client/src/widgets/server-metric/cpu-mem.vue
+++ b/packages/client/src/widgets/server-metric/cpu-mem.vue
@@ -97,16 +97,16 @@ const cpuGradientId = uuid();
 const cpuMaskId = uuid();
 const memGradientId = uuid();
 const memMaskId = uuid();
-let cpuPolylinePoints: string = ref(""),
-	memPolylinePoints: string = ref(""),
-	cpuPolygonPoints: string = ref(""),
-	memPolygonPoints: string = ref(""),
-	cpuHeadX: any = ref(null),
-	cpuHeadY: any = ref(null),
-	memHeadX: any = ref(null),
-	memHeadY: any = ref(null),
-	cpuP: string = ref(""),
-	memP: string = ref("");
+const cpuPolylinePoints: string = ref("");
+const memPolylinePoints: string = ref("");
+const cpuPolygonPoints: string = ref("");
+const memPolygonPoints: string = ref("");
+const cpuHeadX: any = ref(null);
+const cpuHeadY: any = ref(null);
+const memHeadX: any = ref(null);
+const memHeadY: any = ref(null);
+const cpuP: string = ref("");
+const memP: string = ref("");
 
 onMounted(() => {
 	props.connection.on("stats", onStats);
diff --git a/packages/client/src/widgets/server-metric/cpu.vue b/packages/client/src/widgets/server-metric/cpu.vue
index 8461e118d..500e28b67 100644
--- a/packages/client/src/widgets/server-metric/cpu.vue
+++ b/packages/client/src/widgets/server-metric/cpu.vue
@@ -18,7 +18,7 @@ const props = defineProps<{
 	meta: any;
 }>();
 
-let usage: number = ref(0);
+const usage: number = ref(0);
 
 function onStats(stats) {
 	usage.value = stats.cpu;
diff --git a/packages/client/src/widgets/server-metric/disk.vue b/packages/client/src/widgets/server-metric/disk.vue
index ac28c7cb5..dcf6efd2f 100644
--- a/packages/client/src/widgets/server-metric/disk.vue
+++ b/packages/client/src/widgets/server-metric/disk.vue
@@ -13,7 +13,6 @@
 <script lang="ts" setup>
 import { computed } from "vue";
 
-import {} from "vue";
 import XPie from "./pie.vue";
 import bytes from "@/filters/bytes";
 
diff --git a/packages/client/src/widgets/server-metric/meilisearch.vue b/packages/client/src/widgets/server-metric/meilisearch.vue
index bfadc0a3a..db3212c86 100644
--- a/packages/client/src/widgets/server-metric/meilisearch.vue
+++ b/packages/client/src/widgets/server-metric/meilisearch.vue
@@ -28,11 +28,11 @@ const props = defineProps<{
 	meta: any;
 }>();
 
-let progress: number = ref(0),
-	serverStats = ref(null),
-	totalSize: number = ref(0),
-	indexCount: number = ref(0),
-	available: string = ref("unavailable");
+const progress: number = ref(0);
+const serverStats = ref(null);
+const totalSize: number = ref(0);
+const indexCount: number = ref(0);
+const available: string = ref("unavailable");
 
 function onStats(stats) {
 	totalSize.value = stats.meilisearch.size;
diff --git a/packages/client/src/widgets/server-metric/mem.vue b/packages/client/src/widgets/server-metric/mem.vue
index bc7c9d561..96d13b36e 100644
--- a/packages/client/src/widgets/server-metric/mem.vue
+++ b/packages/client/src/widgets/server-metric/mem.vue
@@ -20,10 +20,10 @@ const props = defineProps<{
 	meta: any;
 }>();
 
-let usage: number = ref(0),
-	total: number = ref(0),
-	used: number = ref(0),
-	free: number = ref(0);
+const usage: number = ref(0);
+const total: number = ref(0);
+const used: number = ref(0);
+const free: number = ref(0);
 
 function onStats(stats) {
 	usage.value = stats.mem.active / stats.mem.total;
diff --git a/packages/client/src/widgets/server-metric/net.vue b/packages/client/src/widgets/server-metric/net.vue
index 7f1c8c046..592604c5a 100644
--- a/packages/client/src/widgets/server-metric/net.vue
+++ b/packages/client/src/widgets/server-metric/net.vue
@@ -51,16 +51,16 @@ const props = defineProps<{
 const viewBoxX: number = ref(50);
 const viewBoxY: number = ref(30);
 const stats: any[] = ref([]);
-let inPolylinePoints: string = ref(""),
-	outPolylinePoints: string = ref(""),
-	inPolygonPoints: string = ref(""),
-	outPolygonPoints: string = ref(""),
-	inHeadX: any = ref(null),
-	inHeadY: any = ref(null),
-	outHeadX: any = ref(null),
-	outHeadY: any = ref(null),
-	inRecent: number = ref(0),
-	outRecent: number = ref(0);
+const inPolylinePoints: string = ref("");
+const outPolylinePoints: string = ref("");
+const inPolygonPoints: string = ref("");
+const outPolygonPoints: string = ref("");
+const inHeadX: any = ref(null);
+const inHeadY: any = ref(null);
+const outHeadX: any = ref(null);
+const outHeadY: any = ref(null);
+const inRecent: number = ref(0);
+const outRecent: number = ref(0);
 
 onMounted(() => {
 	props.connection.on("stats", onStats);
diff --git a/packages/client/src/widgets/server-metric/pie.vue b/packages/client/src/widgets/server-metric/pie.vue
index 5fe26cff7..93880757b 100644
--- a/packages/client/src/widgets/server-metric/pie.vue
+++ b/packages/client/src/widgets/server-metric/pie.vue
@@ -27,8 +27,6 @@
 <script lang="ts" setup>
 import { computed } from "vue";
 
-import {} from "vue";
-
 const props = defineProps<{
 	value: number;
 	reverse?: boolean;
diff --git a/packages/client/src/widgets/user-list.vue b/packages/client/src/widgets/user-list.vue
index cfcdacba2..e80c2aff7 100644
--- a/packages/client/src/widgets/user-list.vue
+++ b/packages/client/src/widgets/user-list.vue
@@ -64,9 +64,9 @@ const { widgetProps, configure, save } = useWidgetPropsManager(
 	props,
 	emit,
 );
-let list = ref(),
-	users = ref([]),
-	fetching = ref(true);
+const list = ref();
+const users = ref([]);
+const fetching = ref(true);
 async function chooseList() {
 	const lists = await os.api("users/lists/list");
 	const { canceled, result: list } = await os.select({
diff --git a/packages/client/src/widgets/widget.ts b/packages/client/src/widgets/widget.ts
index 1afc296de..9f33cecfa 100644
--- a/packages/client/src/widgets/widget.ts
+++ b/packages/client/src/widgets/widget.ts
@@ -1,27 +1,27 @@
 import { reactive, watch } from "vue";
 import { throttle } from "throttle-debounce";
-import { Form, GetFormResultType } from "@/scripts/form";
+import type { Form, GetFormResultType } from "@/scripts/form";
 import * as os from "@/os";
 import { deepClone } from "@/scripts/clone";
 
-export type Widget<P extends Record<string, unknown>> = {
+export interface Widget<P extends Record<string, unknown>> {
 	id: string;
 	data: Partial<P>;
-};
+}
 
-export type WidgetComponentProps<P extends Record<string, unknown>> = {
+export interface WidgetComponentProps<P extends Record<string, unknown>> {
 	widget?: Widget<P>;
-};
+}
 
-export type WidgetComponentEmits<P extends Record<string, unknown>> = {
+export interface WidgetComponentEmits<P extends Record<string, unknown>> {
 	(ev: "updateProps", props: P);
-};
+}
 
-export type WidgetComponentExpose = {
+export interface WidgetComponentExpose {
 	name: string;
 	id: string | null;
 	configure: () => void;
-};
+}
 
 export const useWidgetPropsManager = <
 	F extends Form & Record<string, { default: any }>,
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 18b16333d..dc0f03411 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -628,22 +628,22 @@ importers:
         version: 14.1.2
       '@eslint-sets/eslint-config-vue3':
         specifier: ^5.8.0
-        version: 5.8.0(@babel/core@7.22.10)(eslint@8.46.0)(prettier@3.0.2)(typescript@5.1.6)
+        version: 5.8.0(@babel/core@7.22.11)(eslint@8.48.0)(prettier@3.0.3)(typescript@5.2.2)
       '@eslint-sets/eslint-config-vue3-ts':
         specifier: ^3.3.0
-        version: 3.3.0(@babel/core@7.22.10)(eslint@8.46.0)(prettier@3.0.2)(typescript@5.1.6)
+        version: 3.3.0(@babel/core@7.22.11)(eslint@8.48.0)(prettier@3.0.3)(typescript@5.2.2)
       '@phosphor-icons/web':
         specifier: ^2.0.3
         version: 2.0.3
       '@rollup/plugin-alias':
         specifier: 5.0.0
-        version: 5.0.0(rollup@3.28.0)
+        version: 5.0.0(rollup@3.28.1)
       '@rollup/plugin-json':
         specifier: 6.0.0
-        version: 6.0.0(rollup@3.28.0)
+        version: 6.0.0(rollup@3.28.1)
       '@rollup/pluginutils':
-        specifier: ^5.0.3
-        version: 5.0.3(rollup@3.28.0)
+        specifier: ^5.0.4
+        version: 5.0.4(rollup@3.28.1)
       '@syuilo/aiscript':
         specifier: 0.11.1
         version: 0.11.1
@@ -678,11 +678,11 @@ importers:
         specifier: 1.4.3
         version: 1.4.3
       '@types/uuid':
-        specifier: 9.0.2
-        version: 9.0.2
+        specifier: 9.0.3
+        version: 9.0.3
       '@vitejs/plugin-vue':
-        specifier: 4.3.1
-        version: 4.3.1(vite@4.4.9)(vue@3.3.4)
+        specifier: 4.3.4
+        version: 4.3.4(vite@4.4.9)(vue@3.3.4)
       '@vue/compiler-sfc':
         specifier: 3.3.4
         version: 3.3.4
@@ -696,26 +696,26 @@ importers:
         specifier: 2.0.5
         version: 2.0.5
       broadcast-channel:
-        specifier: 5.2.0
-        version: 5.2.0
+        specifier: 5.3.0
+        version: 5.3.0
       browser-image-resizer:
         specifier: github:misskey-dev/browser-image-resizer
         version: github.com/misskey-dev/browser-image-resizer/e9ee4012b7e811aaa54e4d694846047655329d45
       chart.js:
-        specifier: 4.3.3
-        version: 4.3.3
+        specifier: 4.4.0
+        version: 4.4.0
       chartjs-adapter-date-fns:
         specifier: 3.0.0
-        version: 3.0.0(chart.js@4.3.3)(date-fns@2.30.0)
+        version: 3.0.0(chart.js@4.4.0)(date-fns@2.30.0)
       chartjs-chart-matrix:
         specifier: ^2.0.1
-        version: 2.0.1(chart.js@4.3.3)
+        version: 2.0.1(chart.js@4.4.0)
       chartjs-plugin-gradient:
         specifier: 0.6.1
-        version: 0.6.1(chart.js@4.3.3)
+        version: 0.6.1(chart.js@4.4.0)
       chartjs-plugin-zoom:
         specifier: 2.0.1
-        version: 2.0.1(chart.js@4.3.3)
+        version: 2.0.1(chart.js@4.4.0)
       city-timezones:
         specifier: ^1.2.1
         version: 1.2.1
@@ -742,10 +742,10 @@ importers:
         version: 0.0.1
       eslint-config-prettier:
         specifier: 9.0.0
-        version: 9.0.0(eslint@8.46.0)
+        version: 9.0.0(eslint@8.48.0)
       eslint-plugin-file-progress:
         specifier: ^1.3.0
-        version: 1.3.0(eslint@8.46.0)
+        version: 1.3.0(eslint@8.48.0)
       eventemitter3:
         specifier: 5.0.1
         version: 5.0.1
@@ -782,15 +782,12 @@ importers:
       mfm-js:
         specifier: 0.23.3
         version: 0.23.3
-      paralint:
-        specifier: ^1.2.1
-        version: 1.2.1
       photoswipe:
         specifier: 5.3.8
         version: 5.3.8
       prettier:
-        specifier: 3.0.2
-        version: 3.0.2
+        specifier: 3.0.3
+        version: 3.0.3
       prettier-plugin-vue:
         specifier: 1.1.6
         version: 1.1.6
@@ -804,14 +801,14 @@ importers:
         specifier: 1.0.0
         version: 1.0.0
       rollup:
-        specifier: 3.28.0
-        version: 3.28.0
+        specifier: 3.28.1
+        version: 3.28.1
       s-age:
         specifier: 1.1.2
         version: 1.1.2
       sass:
-        specifier: 1.66.0
-        version: 1.66.0
+        specifier: 1.66.1
+        version: 1.66.1
       seedrandom:
         specifier: 3.0.5
         version: 3.0.5
@@ -831,8 +828,8 @@ importers:
         specifier: 3.1.0
         version: 3.1.0
       three:
-        specifier: 0.155.0
-        version: 0.155.0
+        specifier: 0.156.0
+        version: 0.156.0
       throttle-debounce:
         specifier: 5.0.0
         version: 5.0.0
@@ -849,8 +846,8 @@ importers:
         specifier: 14.0.0
         version: 14.0.0
       typescript:
-        specifier: 5.1.6
-        version: 5.1.6
+        specifier: 5.2.2
+        version: 5.2.2
       unicode-emoji-json:
         specifier: ^0.4.0
         version: 0.4.0
@@ -862,7 +859,7 @@ importers:
         version: 1.8.1
       vite:
         specifier: 4.4.9
-        version: 4.4.9(@types/node@20.4.9)(sass@1.66.0)
+        version: 4.4.9(@types/node@20.4.9)(sass@1.66.1)
       vite-plugin-compression:
         specifier: ^0.5.1
         version: 0.5.1(vite@4.4.9)
@@ -870,8 +867,8 @@ importers:
         specifier: 3.3.4
         version: 3.3.4
       vue-draggable-plus:
-        specifier: ^0.2.5
-        version: 0.2.5(@types/sortablejs@1.15.1)
+        specifier: ^0.2.6
+        version: 0.2.6(@types/sortablejs@1.15.2)
       vue-isyourpasswordsafe:
         specifier: ^2.0.0
         version: 2.0.0
@@ -930,7 +927,7 @@ importers:
         version: 9.0.8
       ts-jest:
         specifier: ^27.1.2
-        version: 27.1.2(@babel/core@7.22.10)(@types/jest@27.4.0)(jest@27.4.5)(typescript@5.1.3)
+        version: 27.1.2(@babel/core@7.22.11)(@types/jest@27.4.0)(jest@27.4.5)(typescript@5.1.3)
       ts-node:
         specifier: 10.4.0
         version: 10.4.0(@swc/core@1.3.68)(@types/node@20.3.1)(typescript@5.1.3)
@@ -1054,7 +1051,7 @@ importers:
         version: 2.8.3
       ts-jest:
         specifier: ^29.0.5
-        version: 29.0.5(@babel/core@7.22.10)(jest@29.4.0)(typescript@4.9.4)
+        version: 29.0.5(@babel/core@7.22.11)(jest@29.4.0)(typescript@4.9.4)
       typedoc:
         specifier: ^0.23.24
         version: 0.23.24(typescript@4.9.4)
@@ -1107,6 +1104,14 @@ packages:
       '@babel/highlight': 7.22.10
       chalk: 2.4.2
 
+  /@babel/code-frame@7.22.13:
+    resolution: {integrity: sha512-XktuhWlJ5g+3TJXc5upd9Ks1HutSArik6jf2eAjYFyIOf4ej3RN+184cZbzDvbPnuTJIUhPKKJE3cIsYTiAT3w==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/highlight': 7.22.13
+      chalk: 2.4.2
+    dev: true
+
   /@babel/compat-data@7.22.9:
     resolution: {integrity: sha512-5UamI7xkUcJ3i9qVDS+KFDEK8/7oJ55/sJMB1Ge7IEapr7KfdfV/HErR+koZwOfd+SgtFKOKRhRakdg++DcJpQ==}
     engines: {node: '>=6.9.0'}
@@ -1133,16 +1138,39 @@ packages:
     transitivePeerDependencies:
       - supports-color
 
-  /@babel/eslint-parser@7.22.10(@babel/core@7.22.10)(eslint@8.46.0):
+  /@babel/core@7.22.11:
+    resolution: {integrity: sha512-lh7RJrtPdhibbxndr6/xx0w8+CVlY5FJZiaSz908Fpy+G0xkBFTvwLcKJFF4PJxVfGhVWNebikpWGnOoC71juQ==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@ampproject/remapping': 2.2.1
+      '@babel/code-frame': 7.22.13
+      '@babel/generator': 7.22.10
+      '@babel/helper-compilation-targets': 7.22.10
+      '@babel/helper-module-transforms': 7.22.9(@babel/core@7.22.11)
+      '@babel/helpers': 7.22.11
+      '@babel/parser': 7.22.14
+      '@babel/template': 7.22.5
+      '@babel/traverse': 7.22.11
+      '@babel/types': 7.22.11
+      convert-source-map: 1.9.0
+      debug: 4.3.4(supports-color@8.1.1)
+      gensync: 1.0.0-beta.2
+      json5: 2.2.3
+      semver: 6.3.1
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@babel/eslint-parser@7.22.10(@babel/core@7.22.11)(eslint@8.48.0):
     resolution: {integrity: sha512-0J8DNPRXQRLeR9rPaUMM3fA+RbixjnVLe/MRMYCkp3hzgsSuxCHQ8NN8xQG1wIHKJ4a1DTROTvFJdW+B5/eOsg==}
     engines: {node: ^10.13.0 || ^12.13.0 || >=14.0.0}
     peerDependencies:
       '@babel/core': ^7.11.0
       eslint: ^7.5.0 || ^8.0.0
     dependencies:
-      '@babel/core': 7.22.10
+      '@babel/core': 7.22.11
       '@nicolo-ribaudo/eslint-scope-5-internals': 5.1.1-v1
-      eslint: 8.46.0
+      eslint: 8.48.0
       eslint-visitor-keys: 2.1.0
       semver: 6.3.1
     dev: true
@@ -1202,6 +1230,20 @@ packages:
       '@babel/helper-split-export-declaration': 7.22.6
       '@babel/helper-validator-identifier': 7.22.5
 
+  /@babel/helper-module-transforms@7.22.9(@babel/core@7.22.11):
+    resolution: {integrity: sha512-t+WA2Xn5K+rTeGtC8jCsdAH52bjggG5TKRuRrAGNM/mjIbO4GxvlLMFOEz9wXY5I2XQ60PMFsAG2WIcG82dQMQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+    dependencies:
+      '@babel/core': 7.22.11
+      '@babel/helper-environment-visitor': 7.22.5
+      '@babel/helper-module-imports': 7.22.5
+      '@babel/helper-simple-access': 7.22.5
+      '@babel/helper-split-export-declaration': 7.22.6
+      '@babel/helper-validator-identifier': 7.22.5
+    dev: true
+
   /@babel/helper-plugin-utils@7.22.5:
     resolution: {integrity: sha512-uLls06UVKgFG9QD4OeFYLEGteMIAa5kpTPcFL28yuCIIzsf6ZyKZMllKVOCZFhiZ5ptnwX4mtKdWCBE/uT4amg==}
     engines: {node: '>=6.9.0'}
@@ -1240,6 +1282,17 @@ packages:
     transitivePeerDependencies:
       - supports-color
 
+  /@babel/helpers@7.22.11:
+    resolution: {integrity: sha512-vyOXC8PBWaGc5h7GMsNx68OH33cypkEDJCHvYVVgVbbxJDROYVtexSk0gK5iCF1xNjRIN2s8ai7hwkWDq5szWg==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/template': 7.22.5
+      '@babel/traverse': 7.22.11
+      '@babel/types': 7.22.11
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   /@babel/highlight@7.22.10:
     resolution: {integrity: sha512-78aUtVcT7MUscr0K5mIEnkwxPE0MaxkR5RxRwuHaQ+JuU5AmTPhY+do2mdzVTnIJJpyBglql2pehuBIWHug+WQ==}
     engines: {node: '>=6.9.0'}
@@ -1248,6 +1301,15 @@ packages:
       chalk: 2.4.2
       js-tokens: 4.0.0
 
+  /@babel/highlight@7.22.13:
+    resolution: {integrity: sha512-C/BaXcnnvBCmHTpz/VGZ8jgtE2aYlW4hxDhseJAWZb7gqGM/qtCK6iZUb0TyKFf7BOUsBH7Q7fkRsDRhg1XklQ==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/helper-validator-identifier': 7.22.5
+      chalk: 2.4.2
+      js-tokens: 4.0.0
+    dev: true
+
   /@babel/parser@7.22.10:
     resolution: {integrity: sha512-lNbdGsQb9ekfsnjFGhEiF4hfFqGgfOP3H3d27re3n+CGhNuTSUEQdfWk556sTLNTloczcdM5TYF2LhzmDQKyvQ==}
     engines: {node: '>=6.0.0'}
@@ -1255,6 +1317,14 @@ packages:
     dependencies:
       '@babel/types': 7.22.10
 
+  /@babel/parser@7.22.14:
+    resolution: {integrity: sha512-1KucTHgOvaw/LzCVrEOAyXkr9rQlp0A1HiHRYnSUE9dmb8PvPW7o5sscg+5169r54n3vGlbx6GevTE/Iw/P3AQ==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
+    dependencies:
+      '@babel/types': 7.22.11
+    dev: true
+
   /@babel/plugin-proposal-export-namespace-from@7.18.9(@babel/core@7.22.10):
     resolution: {integrity: sha512-k1NtHyOMvlDDFeb9G5PhUXuGj8m/wiwojgQVEhJ/fsVsMCpLyOP4h0uGEjYJKrRI+EVPlb5Jk+Gt9P97lOGwtA==}
     engines: {node: '>=6.9.0'}
@@ -1447,6 +1517,24 @@ packages:
     transitivePeerDependencies:
       - supports-color
 
+  /@babel/traverse@7.22.11:
+    resolution: {integrity: sha512-mzAenteTfomcB7mfPtyi+4oe5BZ6MXxWcn4CX+h4IRJ+OOGXBrWU6jDQavkQI9Vuc5P+donFabBfFCcmWka9lQ==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/code-frame': 7.22.13
+      '@babel/generator': 7.22.10
+      '@babel/helper-environment-visitor': 7.22.5
+      '@babel/helper-function-name': 7.22.5
+      '@babel/helper-hoist-variables': 7.22.5
+      '@babel/helper-split-export-declaration': 7.22.6
+      '@babel/parser': 7.22.14
+      '@babel/types': 7.22.11
+      debug: 4.3.4(supports-color@8.1.1)
+      globals: 11.12.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   /@babel/types@7.22.10:
     resolution: {integrity: sha512-obaoigiLrlDZ7TUQln/8m4mSqIW2QFeOrCQc9r+xsaHGNoplVNYlRVpsfE8Vj35GEm2ZH4ZhrNYogs/3fj85kg==}
     engines: {node: '>=6.9.0'}
@@ -1455,6 +1543,15 @@ packages:
       '@babel/helper-validator-identifier': 7.22.5
       to-fast-properties: 2.0.0
 
+  /@babel/types@7.22.11:
+    resolution: {integrity: sha512-siazHiGuZRz9aB9NpHy9GOs9xiQPKnMzgdr493iI1M67vRXpnEq8ZOOKzezC5q7zwuQ6sDhdSp4SD9ixKSqKZg==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/helper-string-parser': 7.22.5
+      '@babel/helper-validator-identifier': 7.22.5
+      to-fast-properties: 2.0.0
+    dev: true
+
   /@bcoe/v8-coverage@0.2.3:
     resolution: {integrity: sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==}
     dev: true
@@ -1951,34 +2048,49 @@ packages:
       eslint-visitor-keys: 3.4.2
     dev: true
 
+  /@eslint-community/eslint-utils@4.4.0(eslint@8.48.0):
+    resolution: {integrity: sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
+    dependencies:
+      eslint: 8.48.0
+      eslint-visitor-keys: 3.4.2
+    dev: true
+
   /@eslint-community/regexpp@4.6.2:
     resolution: {integrity: sha512-pPTNuaAG3QMH+buKyBIGJs3g/S5y0caxw0ygM3YyE6yJFySwiGGSzA+mM3KJ8QQvzeLh3blwgSonkFjgQdxzMw==}
     engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
     dev: true
 
-  /@eslint-sets/eslint-config-basic@3.3.0(@babel/core@7.22.10)(@typescript-eslint/parser@5.62.0)(eslint@8.46.0)(prettier@3.0.2):
+  /@eslint-community/regexpp@4.8.0:
+    resolution: {integrity: sha512-JylOEEzDiOryeUnFbQz+oViCXS0KsvR1mvHkoMiu5+UiBvy+RYX7tzlIIIEstF/gVa2tj9AQXk3dgnxv6KxhFg==}
+    engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
+    dev: true
+
+  /@eslint-sets/eslint-config-basic@3.3.0(@babel/core@7.22.11)(@typescript-eslint/parser@5.62.0)(eslint@8.48.0)(prettier@3.0.3):
     resolution: {integrity: sha512-x5YH0CvZJxn19/5ehu188XaoLQpxOGlFiIuPHCN6FyONgrmriakT/cmIIBOJg2Vi/y1bn2xbhsgVNb00J3HyTg==}
     peerDependencies:
       eslint: '>=8.0.0'
       prettier: '>=2.0.0'
     dependencies:
-      '@babel/eslint-parser': 7.22.10(@babel/core@7.22.10)(eslint@8.46.0)
-      eslint: 8.46.0
-      eslint-config-prettier: 8.9.0(eslint@8.46.0)
-      eslint-plugin-eslint-comments: 3.2.0(eslint@8.46.0)
+      '@babel/eslint-parser': 7.22.10(@babel/core@7.22.11)(eslint@8.48.0)
+      eslint: 8.48.0
+      eslint-config-prettier: 8.9.0(eslint@8.48.0)
+      eslint-plugin-eslint-comments: 3.2.0(eslint@8.48.0)
       eslint-plugin-html: 7.1.0
-      eslint-plugin-import: 2.28.0(@typescript-eslint/parser@5.62.0)(eslint@8.46.0)
-      eslint-plugin-jsonc: 2.9.0(eslint@8.46.0)
-      eslint-plugin-markdown: 3.0.1(eslint@8.46.0)
-      eslint-plugin-n: 15.7.0(eslint@8.46.0)
-      eslint-plugin-prettier: 4.2.1(eslint-config-prettier@8.9.0)(eslint@8.46.0)(prettier@3.0.2)
-      eslint-plugin-promise: 5.2.0(eslint@8.46.0)
+      eslint-plugin-import: 2.28.0(@typescript-eslint/parser@5.62.0)(eslint@8.48.0)
+      eslint-plugin-jsonc: 2.9.0(eslint@8.48.0)
+      eslint-plugin-markdown: 3.0.1(eslint@8.48.0)
+      eslint-plugin-n: 15.7.0(eslint@8.48.0)
+      eslint-plugin-prettier: 4.2.1(eslint-config-prettier@8.9.0)(eslint@8.48.0)(prettier@3.0.3)
+      eslint-plugin-promise: 5.2.0(eslint@8.48.0)
       eslint-plugin-tsdoc: 0.2.17
-      eslint-plugin-unicorn: 45.0.2(eslint@8.46.0)
-      eslint-plugin-yml: 1.8.0(eslint@8.46.0)
+      eslint-plugin-unicorn: 45.0.2(eslint@8.48.0)
+      eslint-plugin-yml: 1.8.0(eslint@8.48.0)
       jsonc-eslint-parser: 2.3.0
-      prettier: 3.0.2
-      vue-eslint-parser: 9.3.1(eslint@8.46.0)
+      prettier: 3.0.3
+      vue-eslint-parser: 9.3.1(eslint@8.48.0)
       yaml-eslint-parser: 1.2.2
     transitivePeerDependencies:
       - '@babel/core'
@@ -1988,7 +2100,7 @@ packages:
       - supports-color
     dev: true
 
-  /@eslint-sets/eslint-config-basic@5.8.0(@babel/core@7.22.10)(@typescript-eslint/parser@6.3.0)(eslint@8.46.0)(prettier@3.0.2)(typescript@5.1.6):
+  /@eslint-sets/eslint-config-basic@5.8.0(@babel/core@7.22.11)(@typescript-eslint/parser@6.3.0)(eslint@8.48.0)(prettier@3.0.3)(typescript@5.2.2):
     resolution: {integrity: sha512-dWUDQY10cHPz9M6r2HvFvByOecH0dFjnihzrdRLVx8rWWMG4keeuEhURi5eSYsHCvHJz6Q3KzukiDrp7wHZoAw==}
     peerDependencies:
       eslint: '>=7.4.0'
@@ -1998,24 +2110,24 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@babel/eslint-parser': 7.22.10(@babel/core@7.22.10)(eslint@8.46.0)
-      eslint: 8.46.0
-      eslint-config-prettier: 9.0.0(eslint@8.46.0)
-      eslint-plugin-eslint-comments: 3.2.0(eslint@8.46.0)
+      '@babel/eslint-parser': 7.22.10(@babel/core@7.22.11)(eslint@8.48.0)
+      eslint: 8.48.0
+      eslint-config-prettier: 9.0.0(eslint@8.48.0)
+      eslint-plugin-eslint-comments: 3.2.0(eslint@8.48.0)
       eslint-plugin-html: 7.1.0
-      eslint-plugin-import: 2.28.0(@typescript-eslint/parser@6.3.0)(eslint@8.46.0)
-      eslint-plugin-jsonc: 2.9.0(eslint@8.46.0)
-      eslint-plugin-markdown: 3.0.1(eslint@8.46.0)
-      eslint-plugin-n: 16.0.1(eslint@8.46.0)
-      eslint-plugin-prettier: 5.0.0(eslint-config-prettier@9.0.0)(eslint@8.46.0)(prettier@3.0.2)
-      eslint-plugin-promise: 6.1.1(eslint@8.46.0)
+      eslint-plugin-import: 2.28.0(@typescript-eslint/parser@6.3.0)(eslint@8.48.0)
+      eslint-plugin-jsonc: 2.9.0(eslint@8.48.0)
+      eslint-plugin-markdown: 3.0.1(eslint@8.48.0)
+      eslint-plugin-n: 16.0.1(eslint@8.48.0)
+      eslint-plugin-prettier: 5.0.0(eslint-config-prettier@9.0.0)(eslint@8.48.0)(prettier@3.0.3)
+      eslint-plugin-promise: 6.1.1(eslint@8.48.0)
       eslint-plugin-tsdoc: 0.2.17
-      eslint-plugin-unicorn: 40.1.0(eslint@8.46.0)
-      eslint-plugin-yml: 1.8.0(eslint@8.46.0)
+      eslint-plugin-unicorn: 40.1.0(eslint@8.48.0)
+      eslint-plugin-yml: 1.8.0(eslint@8.48.0)
       jsonc-eslint-parser: 2.3.0
-      prettier: 3.0.2
-      typescript: 5.1.6
-      vue-eslint-parser: 9.3.1(eslint@8.46.0)
+      prettier: 3.0.3
+      typescript: 5.2.2
+      vue-eslint-parser: 9.3.1(eslint@8.48.0)
       yaml-eslint-parser: 1.2.2
     transitivePeerDependencies:
       - '@babel/core'
@@ -2026,22 +2138,22 @@ packages:
       - supports-color
     dev: true
 
-  /@eslint-sets/eslint-config-ts@3.3.0(@babel/core@7.22.10)(eslint@8.46.0)(prettier@3.0.2)(typescript@5.1.6):
+  /@eslint-sets/eslint-config-ts@3.3.0(@babel/core@7.22.11)(eslint@8.48.0)(prettier@3.0.3)(typescript@5.2.2):
     resolution: {integrity: sha512-4Vj3KxYx16hmW6AyEv1mil0gVN8H3rdJt8TRWufbAj0ZN+EjwOPf3TqE7ASCYto/NpA8xWQY3NGm/og9Or/dDQ==}
     peerDependencies:
       eslint: '>=8.0.0'
       prettier: '>=2.0.0'
       typescript: '>=4.0.0'
     dependencies:
-      '@eslint-sets/eslint-config-basic': 3.3.0(@babel/core@7.22.10)(@typescript-eslint/parser@5.62.0)(eslint@8.46.0)(prettier@3.0.2)
-      '@typescript-eslint/eslint-plugin': 5.62.0(@typescript-eslint/parser@5.62.0)(eslint@8.46.0)(typescript@5.1.6)
-      '@typescript-eslint/parser': 5.62.0(eslint@8.46.0)(typescript@5.1.6)
-      eslint: 8.46.0
-      eslint-config-prettier: 8.9.0(eslint@8.46.0)
-      eslint-plugin-prettier: 4.2.1(eslint-config-prettier@8.9.0)(eslint@8.46.0)(prettier@3.0.2)
+      '@eslint-sets/eslint-config-basic': 3.3.0(@babel/core@7.22.11)(@typescript-eslint/parser@5.62.0)(eslint@8.48.0)(prettier@3.0.3)
+      '@typescript-eslint/eslint-plugin': 5.62.0(@typescript-eslint/parser@5.62.0)(eslint@8.48.0)(typescript@5.2.2)
+      '@typescript-eslint/parser': 5.62.0(eslint@8.48.0)(typescript@5.2.2)
+      eslint: 8.48.0
+      eslint-config-prettier: 8.9.0(eslint@8.48.0)
+      eslint-plugin-prettier: 4.2.1(eslint-config-prettier@8.9.0)(eslint@8.48.0)(prettier@3.0.3)
       eslint-plugin-tsdoc: 0.2.17
-      prettier: 3.0.2
-      typescript: 5.1.6
+      prettier: 3.0.3
+      typescript: 5.2.2
     transitivePeerDependencies:
       - '@babel/core'
       - eslint-import-resolver-typescript
@@ -2049,7 +2161,7 @@ packages:
       - supports-color
     dev: true
 
-  /@eslint-sets/eslint-config-ts@5.8.0(@babel/core@7.22.10)(eslint@8.46.0)(prettier@3.0.2)(typescript@5.1.6):
+  /@eslint-sets/eslint-config-ts@5.8.0(@babel/core@7.22.11)(eslint@8.48.0)(prettier@3.0.3)(typescript@5.2.2):
     resolution: {integrity: sha512-0tLzYHizhI0B1oh8IFmSOyDye2jIF34SnrO/YZRXVKTuv7d4QKDD9xkC+SOBB0pk+SHPJ6AU/N2xZar+CsHl3g==}
     peerDependencies:
       eslint: '>=7.4.0'
@@ -2059,15 +2171,15 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@eslint-sets/eslint-config-basic': 5.8.0(@babel/core@7.22.10)(@typescript-eslint/parser@6.3.0)(eslint@8.46.0)(prettier@3.0.2)(typescript@5.1.6)
-      '@typescript-eslint/eslint-plugin': 6.3.0(@typescript-eslint/parser@6.3.0)(eslint@8.46.0)(typescript@5.1.6)
-      '@typescript-eslint/parser': 6.3.0(eslint@8.46.0)(typescript@5.1.6)
-      eslint: 8.46.0
-      eslint-config-prettier: 9.0.0(eslint@8.46.0)
-      eslint-plugin-prettier: 5.0.0(eslint-config-prettier@9.0.0)(eslint@8.46.0)(prettier@3.0.2)
+      '@eslint-sets/eslint-config-basic': 5.8.0(@babel/core@7.22.11)(@typescript-eslint/parser@6.3.0)(eslint@8.48.0)(prettier@3.0.3)(typescript@5.2.2)
+      '@typescript-eslint/eslint-plugin': 6.3.0(@typescript-eslint/parser@6.3.0)(eslint@8.48.0)(typescript@5.2.2)
+      '@typescript-eslint/parser': 6.3.0(eslint@8.48.0)(typescript@5.2.2)
+      eslint: 8.48.0
+      eslint-config-prettier: 9.0.0(eslint@8.48.0)
+      eslint-plugin-prettier: 5.0.0(eslint-config-prettier@9.0.0)(eslint@8.48.0)(prettier@3.0.3)
       eslint-plugin-tsdoc: 0.2.17
-      prettier: 3.0.2
-      typescript: 5.1.6
+      prettier: 3.0.3
+      typescript: 5.2.2
     transitivePeerDependencies:
       - '@babel/core'
       - '@types/eslint'
@@ -2076,26 +2188,26 @@ packages:
       - supports-color
     dev: true
 
-  /@eslint-sets/eslint-config-vue3-ts@3.3.0(@babel/core@7.22.10)(eslint@8.46.0)(prettier@3.0.2)(typescript@5.1.6):
+  /@eslint-sets/eslint-config-vue3-ts@3.3.0(@babel/core@7.22.11)(eslint@8.48.0)(prettier@3.0.3)(typescript@5.2.2):
     resolution: {integrity: sha512-KX3VFuS5U4FYKfZ6PABQjl54BMpNapNjYYe103Nm2Zy8y9zphDCBAARbhU97XNSvzkurve7HhJcsi9gXrWlGFA==}
     peerDependencies:
       eslint: '>=8.0.0'
       prettier: '>=2.0.0'
       typescript: '>=4.0.0'
     dependencies:
-      '@eslint-sets/eslint-config-ts': 3.3.0(@babel/core@7.22.10)(eslint@8.46.0)(prettier@3.0.2)(typescript@5.1.6)
-      '@typescript-eslint/eslint-plugin': 5.62.0(@typescript-eslint/parser@5.62.0)(eslint@8.46.0)(typescript@5.1.6)
-      '@typescript-eslint/parser': 5.62.0(eslint@8.46.0)(typescript@5.1.6)
-      eslint: 8.46.0
-      eslint-config-prettier: 8.9.0(eslint@8.46.0)
-      eslint-plugin-prettier: 4.2.1(eslint-config-prettier@8.9.0)(eslint@8.46.0)(prettier@3.0.2)
+      '@eslint-sets/eslint-config-ts': 3.3.0(@babel/core@7.22.11)(eslint@8.48.0)(prettier@3.0.3)(typescript@5.2.2)
+      '@typescript-eslint/eslint-plugin': 5.62.0(@typescript-eslint/parser@5.62.0)(eslint@8.48.0)(typescript@5.2.2)
+      '@typescript-eslint/parser': 5.62.0(eslint@8.48.0)(typescript@5.2.2)
+      eslint: 8.48.0
+      eslint-config-prettier: 8.9.0(eslint@8.48.0)
+      eslint-plugin-prettier: 4.2.1(eslint-config-prettier@8.9.0)(eslint@8.48.0)(prettier@3.0.3)
       eslint-plugin-tsdoc: 0.2.17
       eslint-plugin-vitest-globals: 1.4.0
-      eslint-plugin-vue: 9.16.1(eslint@8.46.0)
-      eslint-plugin-vue-scoped-css: 2.5.0(eslint@8.46.0)(vue-eslint-parser@9.3.1)
-      prettier: 3.0.2
-      typescript: 5.1.6
-      vue-eslint-parser: 9.3.1(eslint@8.46.0)
+      eslint-plugin-vue: 9.16.1(eslint@8.48.0)
+      eslint-plugin-vue-scoped-css: 2.5.0(eslint@8.48.0)(vue-eslint-parser@9.3.1)
+      prettier: 3.0.3
+      typescript: 5.2.2
+      vue-eslint-parser: 9.3.1(eslint@8.48.0)
     transitivePeerDependencies:
       - '@babel/core'
       - eslint-import-resolver-typescript
@@ -2103,7 +2215,7 @@ packages:
       - supports-color
     dev: true
 
-  /@eslint-sets/eslint-config-vue3@5.8.0(@babel/core@7.22.10)(eslint@8.46.0)(prettier@3.0.2)(typescript@5.1.6):
+  /@eslint-sets/eslint-config-vue3@5.8.0(@babel/core@7.22.11)(eslint@8.48.0)(prettier@3.0.3)(typescript@5.2.2):
     resolution: {integrity: sha512-o9ijQjjAy3kfIMmfDIsjxmjob0oitdzga4JxpX+jvwmUqvjv2eKU300Up3IGhfcQFsPcYIJhBn9+Vfe+MPH9tw==}
     peerDependencies:
       eslint: '>=7.4.0'
@@ -2113,22 +2225,22 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@eslint-sets/eslint-config-basic': 5.8.0(@babel/core@7.22.10)(@typescript-eslint/parser@6.3.0)(eslint@8.46.0)(prettier@3.0.2)(typescript@5.1.6)
-      '@eslint-sets/eslint-config-ts': 5.8.0(@babel/core@7.22.10)(eslint@8.46.0)(prettier@3.0.2)(typescript@5.1.6)
-      '@typescript-eslint/eslint-plugin': 6.3.0(@typescript-eslint/parser@6.3.0)(eslint@8.46.0)(typescript@5.1.6)
-      '@typescript-eslint/parser': 6.3.0(eslint@8.46.0)(typescript@5.1.6)
-      eslint: 8.46.0
-      eslint-config-prettier: 9.0.0(eslint@8.46.0)
-      eslint-plugin-jsdoc: 46.4.6(eslint@8.46.0)
-      eslint-plugin-prettier: 5.0.0(eslint-config-prettier@9.0.0)(eslint@8.46.0)(prettier@3.0.2)
+      '@eslint-sets/eslint-config-basic': 5.8.0(@babel/core@7.22.11)(@typescript-eslint/parser@6.3.0)(eslint@8.48.0)(prettier@3.0.3)(typescript@5.2.2)
+      '@eslint-sets/eslint-config-ts': 5.8.0(@babel/core@7.22.11)(eslint@8.48.0)(prettier@3.0.3)(typescript@5.2.2)
+      '@typescript-eslint/eslint-plugin': 6.3.0(@typescript-eslint/parser@6.3.0)(eslint@8.48.0)(typescript@5.2.2)
+      '@typescript-eslint/parser': 6.3.0(eslint@8.48.0)(typescript@5.2.2)
+      eslint: 8.48.0
+      eslint-config-prettier: 9.0.0(eslint@8.48.0)
+      eslint-plugin-jsdoc: 46.4.6(eslint@8.48.0)
+      eslint-plugin-prettier: 5.0.0(eslint-config-prettier@9.0.0)(eslint@8.48.0)(prettier@3.0.3)
       eslint-plugin-tsdoc: 0.2.17
       eslint-plugin-vitest-globals: 1.4.0
-      eslint-plugin-vue: 9.16.1(eslint@8.46.0)
-      eslint-plugin-vue-scoped-css: 2.5.0(eslint@8.46.0)(vue-eslint-parser@9.3.1)
+      eslint-plugin-vue: 9.16.1(eslint@8.48.0)
+      eslint-plugin-vue-scoped-css: 2.5.0(eslint@8.48.0)(vue-eslint-parser@9.3.1)
       local-pkg: 0.4.3
-      prettier: 3.0.2
-      typescript: 5.1.6
-      vue-eslint-parser: 9.3.1(eslint@8.46.0)
+      prettier: 3.0.3
+      typescript: 5.2.2
+      vue-eslint-parser: 9.3.1(eslint@8.48.0)
     transitivePeerDependencies:
       - '@babel/core'
       - '@types/eslint'
@@ -2154,6 +2266,23 @@ packages:
       - supports-color
     dev: true
 
+  /@eslint/eslintrc@2.1.2:
+    resolution: {integrity: sha512-+wvgpDsrB1YqAMdEUCcnTlpfVBH7Vqn6A/NT3D8WVXFIaKMlErPIZT3oCIAVCOtarRpMtelZLqJeU3t7WY6X6g==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dependencies:
+      ajv: 6.12.6
+      debug: 4.3.4(supports-color@8.1.1)
+      espree: 9.6.1
+      globals: 13.21.0
+      ignore: 5.2.4
+      import-fresh: 3.3.0
+      js-yaml: 4.1.0
+      minimatch: 3.1.2
+      strip-json-comments: 3.1.1
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   /@eslint/js@8.44.0:
     resolution: {integrity: sha512-Ag+9YM4ocKQx9AarydN0KY2j0ErMHNIocPDrVo8zAE44xLTjEtz81OdR68/cydGtk6m6jDb5Za3r2useMzYmSw==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
@@ -2164,6 +2293,11 @@ packages:
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
+  /@eslint/js@8.48.0:
+    resolution: {integrity: sha512-ZSjtmelB7IJfWD2Fvb7+Z+ChTIKWq6kjda95fLcQKNS5aheVHn4IkfgRQE3sIIzTcSLwLcLZUD9UBt+V7+h+Pw==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dev: true
+
   /@hapi/hoek@9.3.0:
     resolution: {integrity: sha512-/c6rf4UJlmHlC9b5BaNvzAcFv7HZ2QHaV0D4/HNlBdvFnvQq8RI4kYdhyPCl7Xj+oWvTWQ8ujhqS53LIgAe6KQ==}
     dev: true
@@ -2185,6 +2319,17 @@ packages:
       - supports-color
     dev: true
 
+  /@humanwhocodes/config-array@0.11.11:
+    resolution: {integrity: sha512-N2brEuAadi0CcdeMXUkhbZB84eskAc8MEX1By6qEchoVywSgXPIjou4rYsl0V3Hj0ZnuGycGCjdNgockbzeWNA==}
+    engines: {node: '>=10.10.0'}
+    dependencies:
+      '@humanwhocodes/object-schema': 1.2.1
+      debug: 4.3.4(supports-color@8.1.1)
+      minimatch: 3.1.2
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   /@humanwhocodes/module-importer@1.0.1:
     resolution: {integrity: sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==}
     engines: {node: '>=12.22'}
@@ -2909,13 +3054,6 @@ packages:
       semver: 7.5.4
     dev: false
 
-  /@npmcli/promise-spawn@6.0.2:
-    resolution: {integrity: sha512-gGq0NJkIGSwdbUt4yhdF8ZrmkGKVz9vAdVzpOfnom+V8PLSmSOVhZwbNvZZS1EYcJN5hzzKBxmmVVAInM6HQLg==}
-    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
-    dependencies:
-      which: 3.0.1
-    dev: true
-
   /@nsfw-filter/gif-frames@1.0.2:
     resolution: {integrity: sha512-XZrbJWEN8YfVla5i+PD4Wj51rRlJ8OgnXiPjjOt/OsrbsCR9GZRD4jr953oNWcwiRaoIcOCFWQNMQukO7Yb1dA==}
     dependencies:
@@ -3050,7 +3188,7 @@ packages:
       - encoding
     dev: false
 
-  /@rollup/plugin-alias@5.0.0(rollup@3.28.0):
+  /@rollup/plugin-alias@5.0.0(rollup@3.28.1):
     resolution: {integrity: sha512-l9hY5chSCjuFRPsnRm16twWBiSApl2uYFLsepQYwtBuAxNMQ/1dJqADld40P0Jkqm65GRTLy/AC6hnpVebtLsA==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
@@ -3059,11 +3197,11 @@ packages:
       rollup:
         optional: true
     dependencies:
-      rollup: 3.28.0
+      rollup: 3.28.1
       slash: 4.0.0
     dev: true
 
-  /@rollup/plugin-json@6.0.0(rollup@3.28.0):
+  /@rollup/plugin-json@6.0.0(rollup@3.28.1):
     resolution: {integrity: sha512-i/4C5Jrdr1XUarRhVu27EEwjt4GObltD7c+MkCIpO2QIbojw8MUs+CCTqOphQi3Qtg1FLmYt+l+6YeoIf51J7w==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
@@ -3072,12 +3210,12 @@ packages:
       rollup:
         optional: true
     dependencies:
-      '@rollup/pluginutils': 5.0.3(rollup@3.28.0)
-      rollup: 3.28.0
+      '@rollup/pluginutils': 5.0.4(rollup@3.28.1)
+      rollup: 3.28.1
     dev: true
 
-  /@rollup/pluginutils@5.0.3(rollup@3.28.0):
-    resolution: {integrity: sha512-hfllNN4a80rwNQ9QCxhxuHCGHMAvabXqxNdaChUSSadMre7t4iEUI6fFAhBOn/eIYTgYVhBv7vCLsAJ4u3lf3g==}
+  /@rollup/pluginutils@5.0.4(rollup@3.28.1):
+    resolution: {integrity: sha512-0KJnIoRI8A+a1dqOYLxH8vBf8bphDmty5QvIm2hqm7oFCFYKCAZWWd2hXgMibaPsNDhI0AtpYfQZJG47pt/k4g==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
       rollup: ^1.20.0||^2.0.0||^3.0.0
@@ -3088,7 +3226,7 @@ packages:
       '@types/estree': 1.0.1
       estree-walker: 2.0.2
       picomatch: 2.3.1
-      rollup: 3.28.0
+      rollup: 3.28.1
     dev: true
 
   /@rometools/cli-darwin-arm64@12.1.3:
@@ -4374,8 +4512,8 @@ packages:
     resolution: {integrity: sha512-JYM8x9EGF163bEyhdJBpR2QX1R5naCJHC8ucJylJ3w9/CVBaskdQ8WqBf8MmQrd1kRvp/a4TS8HJ+bxzR7ZJYQ==}
     dev: true
 
-  /@types/sortablejs@1.15.1:
-    resolution: {integrity: sha512-g/JwBNToh6oCTAwNS8UGVmjO7NLDKsejVhvE4x1eWiPTC3uCuNsa/TD4ssvX3du+MLiM+SHPNDuijp8y76JzLQ==}
+  /@types/sortablejs@1.15.2:
+    resolution: {integrity: sha512-mOIv/EnPMzAZAVbuh9uGjOZ1BBdimP9Y6IPGntsvQJtko5yapSDKB7GwB3AOlF5N3bkpk4sBwQRpS3aEkiUbaA==}
     dev: true
 
   /@types/stack-utils@2.0.1:
@@ -4424,6 +4562,10 @@ packages:
     resolution: {integrity: sha512-kNnC1GFBLuhImSnV7w4njQkUiJi0ZXUycu1rUaouPqiKlXkh77JKgdRnTAp1x5eBwcIwbtI+3otwzuIDEuDoxQ==}
     dev: true
 
+  /@types/uuid@9.0.3:
+    resolution: {integrity: sha512-taHQQH/3ZyI3zP8M/puluDEIEvtQHVYcC6y3N8ijFtAd28+Ey/G4sg1u2gB01S8MwybLOKAp9/yCMu/uR5l3Ug==}
+    dev: true
+
   /@types/vinyl-fs@3.0.2:
     resolution: {integrity: sha512-ctNcmmzbMIKooXjRkyyUCOu2Z4AyqibL+RhXoF3pb7K7j+ezItnakmpm31LymkYHSIM5ey0tjIFzTvFOTSBCGw==}
     dependencies:
@@ -4515,7 +4657,7 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/eslint-plugin@5.62.0(@typescript-eslint/parser@5.62.0)(eslint@8.46.0)(typescript@5.1.6):
+  /@typescript-eslint/eslint-plugin@5.62.0(@typescript-eslint/parser@5.62.0)(eslint@8.48.0)(typescript@5.2.2):
     resolution: {integrity: sha512-TiZzBSJja/LbhNPvk6yc0JrX9XqhQ0hdh6M2svYfsHGejaKFIAGd9MQ+ERIMzLGlN/kZoYIgdxFV0PuljTKXag==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -4527,23 +4669,23 @@ packages:
         optional: true
     dependencies:
       '@eslint-community/regexpp': 4.6.2
-      '@typescript-eslint/parser': 5.62.0(eslint@8.46.0)(typescript@5.1.6)
+      '@typescript-eslint/parser': 5.62.0(eslint@8.48.0)(typescript@5.2.2)
       '@typescript-eslint/scope-manager': 5.62.0
-      '@typescript-eslint/type-utils': 5.62.0(eslint@8.46.0)(typescript@5.1.6)
-      '@typescript-eslint/utils': 5.62.0(eslint@8.46.0)(typescript@5.1.6)
+      '@typescript-eslint/type-utils': 5.62.0(eslint@8.48.0)(typescript@5.2.2)
+      '@typescript-eslint/utils': 5.62.0(eslint@8.48.0)(typescript@5.2.2)
       debug: 4.3.4(supports-color@8.1.1)
-      eslint: 8.46.0
+      eslint: 8.48.0
       graphemer: 1.4.0
       ignore: 5.2.4
       natural-compare-lite: 1.4.0
       semver: 7.5.4
-      tsutils: 3.21.0(typescript@5.1.6)
-      typescript: 5.1.6
+      tsutils: 3.21.0(typescript@5.2.2)
+      typescript: 5.2.2
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@typescript-eslint/eslint-plugin@6.3.0(@typescript-eslint/parser@6.3.0)(eslint@8.46.0)(typescript@5.1.6):
+  /@typescript-eslint/eslint-plugin@6.3.0(@typescript-eslint/parser@6.3.0)(eslint@8.48.0)(typescript@5.2.2):
     resolution: {integrity: sha512-IZYjYZ0ifGSLZbwMqIip/nOamFiWJ9AH+T/GYNZBWkVcyNQOFGtSMoWV7RvY4poYCMZ/4lHzNl796WOSNxmk8A==}
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
@@ -4555,20 +4697,20 @@ packages:
         optional: true
     dependencies:
       '@eslint-community/regexpp': 4.6.2
-      '@typescript-eslint/parser': 6.3.0(eslint@8.46.0)(typescript@5.1.6)
+      '@typescript-eslint/parser': 6.3.0(eslint@8.48.0)(typescript@5.2.2)
       '@typescript-eslint/scope-manager': 6.3.0
-      '@typescript-eslint/type-utils': 6.3.0(eslint@8.46.0)(typescript@5.1.6)
-      '@typescript-eslint/utils': 6.3.0(eslint@8.46.0)(typescript@5.1.6)
+      '@typescript-eslint/type-utils': 6.3.0(eslint@8.48.0)(typescript@5.2.2)
+      '@typescript-eslint/utils': 6.3.0(eslint@8.48.0)(typescript@5.2.2)
       '@typescript-eslint/visitor-keys': 6.3.0
       debug: 4.3.4(supports-color@8.1.1)
-      eslint: 8.46.0
+      eslint: 8.48.0
       graphemer: 1.4.0
       ignore: 5.2.4
       natural-compare: 1.4.0
       natural-compare-lite: 1.4.0
       semver: 7.5.4
-      ts-api-utils: 1.0.1(typescript@5.1.6)
-      typescript: 5.1.6
+      ts-api-utils: 1.0.1(typescript@5.2.2)
+      typescript: 5.2.2
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -4593,7 +4735,7 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/parser@5.62.0(eslint@8.46.0)(typescript@5.1.6):
+  /@typescript-eslint/parser@5.62.0(eslint@8.48.0)(typescript@5.2.2):
     resolution: {integrity: sha512-VlJEV0fOQ7BExOsHYAGrgbEiZoi8D+Bl2+f6V2RrXerRSylnp+ZBHmPvaIa8cz0Ajx7WO7Z5RqfgYg7ED1nRhA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -4605,15 +4747,15 @@ packages:
     dependencies:
       '@typescript-eslint/scope-manager': 5.62.0
       '@typescript-eslint/types': 5.62.0
-      '@typescript-eslint/typescript-estree': 5.62.0(typescript@5.1.6)
+      '@typescript-eslint/typescript-estree': 5.62.0(typescript@5.2.2)
       debug: 4.3.4(supports-color@8.1.1)
-      eslint: 8.46.0
-      typescript: 5.1.6
+      eslint: 8.48.0
+      typescript: 5.2.2
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@typescript-eslint/parser@6.3.0(eslint@8.46.0)(typescript@5.1.6):
+  /@typescript-eslint/parser@6.3.0(eslint@8.48.0)(typescript@5.2.2):
     resolution: {integrity: sha512-ibP+y2Gr6p0qsUkhs7InMdXrwldjxZw66wpcQq9/PzAroM45wdwyu81T+7RibNCh8oc0AgrsyCwJByncY0Ongg==}
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
@@ -4625,11 +4767,11 @@ packages:
     dependencies:
       '@typescript-eslint/scope-manager': 6.3.0
       '@typescript-eslint/types': 6.3.0
-      '@typescript-eslint/typescript-estree': 6.3.0(typescript@5.1.6)
+      '@typescript-eslint/typescript-estree': 6.3.0(typescript@5.2.2)
       '@typescript-eslint/visitor-keys': 6.3.0
       debug: 4.3.4(supports-color@8.1.1)
-      eslint: 8.46.0
-      typescript: 5.1.6
+      eslint: 8.48.0
+      typescript: 5.2.2
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -4678,7 +4820,7 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/type-utils@5.62.0(eslint@8.46.0)(typescript@5.1.6):
+  /@typescript-eslint/type-utils@5.62.0(eslint@8.48.0)(typescript@5.2.2):
     resolution: {integrity: sha512-xsSQreu+VnfbqQpW5vnCJdq1Z3Q0U31qiWmRhr98ONQmcp/yhiPJFPq8MXiJVLiksmOKSjIldZzkebzHuCGzew==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -4688,17 +4830,17 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/typescript-estree': 5.62.0(typescript@5.1.6)
-      '@typescript-eslint/utils': 5.62.0(eslint@8.46.0)(typescript@5.1.6)
+      '@typescript-eslint/typescript-estree': 5.62.0(typescript@5.2.2)
+      '@typescript-eslint/utils': 5.62.0(eslint@8.48.0)(typescript@5.2.2)
       debug: 4.3.4(supports-color@8.1.1)
-      eslint: 8.46.0
-      tsutils: 3.21.0(typescript@5.1.6)
-      typescript: 5.1.6
+      eslint: 8.48.0
+      tsutils: 3.21.0(typescript@5.2.2)
+      typescript: 5.2.2
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@typescript-eslint/type-utils@6.3.0(eslint@8.46.0)(typescript@5.1.6):
+  /@typescript-eslint/type-utils@6.3.0(eslint@8.48.0)(typescript@5.2.2):
     resolution: {integrity: sha512-7Oj+1ox1T2Yc8PKpBvOKWhoI/4rWFd1j7FA/rPE0lbBPXTKjdbtC+7Ev0SeBjEKkIhKWVeZSP+mR7y1Db1CdfQ==}
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
@@ -4708,12 +4850,12 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/typescript-estree': 6.3.0(typescript@5.1.6)
-      '@typescript-eslint/utils': 6.3.0(eslint@8.46.0)(typescript@5.1.6)
+      '@typescript-eslint/typescript-estree': 6.3.0(typescript@5.2.2)
+      '@typescript-eslint/utils': 6.3.0(eslint@8.48.0)(typescript@5.2.2)
       debug: 4.3.4(supports-color@8.1.1)
-      eslint: 8.46.0
-      ts-api-utils: 1.0.1(typescript@5.1.6)
-      typescript: 5.1.6
+      eslint: 8.48.0
+      ts-api-utils: 1.0.1(typescript@5.2.2)
+      typescript: 5.2.2
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -4754,7 +4896,7 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/typescript-estree@5.62.0(typescript@5.1.6):
+  /@typescript-eslint/typescript-estree@5.62.0(typescript@5.2.2):
     resolution: {integrity: sha512-CmcQ6uY7b9y694lKdRB8FEel7JbU/40iSAPomu++SjLMntB+2Leay2LO6i8VnJk58MtE9/nQSFIH6jpyRWyYzA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -4769,13 +4911,13 @@ packages:
       globby: 11.1.0
       is-glob: 4.0.3
       semver: 7.5.4
-      tsutils: 3.21.0(typescript@5.1.6)
-      typescript: 5.1.6
+      tsutils: 3.21.0(typescript@5.2.2)
+      typescript: 5.2.2
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@typescript-eslint/typescript-estree@6.3.0(typescript@5.1.6):
+  /@typescript-eslint/typescript-estree@6.3.0(typescript@5.2.2):
     resolution: {integrity: sha512-Xh4NVDaC4eYKY4O3QGPuQNp5NxBAlEvNQYOqJquR2MePNxO11E5K3t5x4M4Mx53IZvtpW+mBxIT0s274fLUocg==}
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
@@ -4790,8 +4932,8 @@ packages:
       globby: 11.1.0
       is-glob: 4.0.3
       semver: 7.5.4
-      ts-api-utils: 1.0.1(typescript@5.1.6)
-      typescript: 5.1.6
+      ts-api-utils: 1.0.1(typescript@5.2.2)
+      typescript: 5.2.2
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -4816,19 +4958,19 @@ packages:
       - typescript
     dev: true
 
-  /@typescript-eslint/utils@5.62.0(eslint@8.46.0)(typescript@5.1.6):
+  /@typescript-eslint/utils@5.62.0(eslint@8.48.0)(typescript@5.2.2):
     resolution: {integrity: sha512-n8oxjeb5aIbPFEtmQxQYOLI0i9n5ySBEY/ZEHHZqKQSFnxio1rv6dthascc9dLuwrL0RC5mPCxB7vnAVGAYWAQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.0(eslint@8.46.0)
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.48.0)
       '@types/json-schema': 7.0.12
       '@types/semver': 7.5.0
       '@typescript-eslint/scope-manager': 5.62.0
       '@typescript-eslint/types': 5.62.0
-      '@typescript-eslint/typescript-estree': 5.62.0(typescript@5.1.6)
-      eslint: 8.46.0
+      '@typescript-eslint/typescript-estree': 5.62.0(typescript@5.2.2)
+      eslint: 8.48.0
       eslint-scope: 5.1.1
       semver: 7.5.4
     transitivePeerDependencies:
@@ -4836,19 +4978,19 @@ packages:
       - typescript
     dev: true
 
-  /@typescript-eslint/utils@6.3.0(eslint@8.46.0)(typescript@5.1.6):
+  /@typescript-eslint/utils@6.3.0(eslint@8.48.0)(typescript@5.2.2):
     resolution: {integrity: sha512-hLLg3BZE07XHnpzglNBG8P/IXq/ZVXraEbgY7FM0Cnc1ehM8RMdn9mat3LubJ3KBeYXXPxV1nugWbQPjGeJk6Q==}
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
       eslint: ^7.0.0 || ^8.0.0
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.0(eslint@8.46.0)
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.48.0)
       '@types/json-schema': 7.0.12
       '@types/semver': 7.5.0
       '@typescript-eslint/scope-manager': 6.3.0
       '@typescript-eslint/types': 6.3.0
-      '@typescript-eslint/typescript-estree': 6.3.0(typescript@5.1.6)
-      eslint: 8.46.0
+      '@typescript-eslint/typescript-estree': 6.3.0(typescript@5.2.2)
+      eslint: 8.48.0
       semver: 7.5.4
     transitivePeerDependencies:
       - supports-color
@@ -4879,14 +5021,14 @@ packages:
       eslint-visitor-keys: 3.4.2
     dev: true
 
-  /@vitejs/plugin-vue@4.3.1(vite@4.4.9)(vue@3.3.4):
-    resolution: {integrity: sha512-tUBEtWcF7wFtII7ayNiLNDTCE1X1afySEo+XNVMNkFXaThENyCowIEX095QqbJZGTgoOcSVDJGlnde2NG4jtbQ==}
+  /@vitejs/plugin-vue@4.3.4(vite@4.4.9)(vue@3.3.4):
+    resolution: {integrity: sha512-ciXNIHKPriERBisHFBvnTbfKa6r9SAesOYXeGDzgegcvy9Q4xdScSHAmKbNT0M3O0S9LKhIf5/G+UYG4NnnzYw==}
     engines: {node: ^14.18.0 || >=16.0.0}
     peerDependencies:
       vite: ^4.0.0
       vue: ^3.2.25
     dependencies:
-      vite: 4.4.9(@types/node@20.4.9)(sass@1.66.0)
+      vite: 4.4.9(@types/node@20.4.9)(sass@1.66.1)
       vue: 3.3.4
     dev: true
 
@@ -6163,13 +6305,12 @@ packages:
     dependencies:
       fill-range: 7.0.1
 
-  /broadcast-channel@5.2.0:
-    resolution: {integrity: sha512-6MUmM/qDuJrgkD/HVtJl6CSNVQ1ym5fyeXrZbaqkPQNw5g08RQyjPpMGvWZ6KXNz0fQOWPK0DAsUwZetX9630A==}
+  /broadcast-channel@5.3.0:
+    resolution: {integrity: sha512-0PmDYc/iUGZ4QbnCnV7u+WleygiS1bZ4oV6t4rANXYtSgEFtGhB5jimJPLOVpPtce61FVxrH8CYylfO5g7OLKw==}
     dependencies:
       '@babel/runtime': 7.22.10
       oblivious-set: 1.1.1
       p-queue: 6.6.2
-      rimraf: 3.0.2
       unload: 2.4.1
     dev: true
 
@@ -6545,45 +6686,45 @@ packages:
     resolution: {integrity: sha512-yrLQ/yVUFXkzg7EDQsPieE/53+0RlaWTs+wBrvW36cyilJ2SaDWfl4Yj7MtLTXleV9uEKefbAGUPv2/iWSooRA==}
     dev: true
 
-  /chart.js@4.3.3:
-    resolution: {integrity: sha512-aTk7pBw+x6sQYhon/NR3ikfUJuym/LdgpTlgZRe2PaEhjUMKBKyNaFCMVRAyTEWYFNO7qRu7iQVqOw/OqzxZxQ==}
+  /chart.js@4.4.0:
+    resolution: {integrity: sha512-vQEj6d+z0dcsKLlQvbKIMYFHd3t8W/7L2vfJIbYcfyPcRx92CsHqECpueN8qVGNlKyDcr5wBrYAYKnfu/9Q1hQ==}
     engines: {pnpm: '>=7'}
     dependencies:
       '@kurkle/color': 0.3.2
     dev: true
 
-  /chartjs-adapter-date-fns@3.0.0(chart.js@4.3.3)(date-fns@2.30.0):
+  /chartjs-adapter-date-fns@3.0.0(chart.js@4.4.0)(date-fns@2.30.0):
     resolution: {integrity: sha512-Rs3iEB3Q5pJ973J93OBTpnP7qoGwvq3nUnoMdtxO+9aoJof7UFcRbWcIDteXuYd1fgAvct/32T9qaLyLuZVwCg==}
     peerDependencies:
       chart.js: '>=2.8.0'
       date-fns: '>=2.0.0'
     dependencies:
-      chart.js: 4.3.3
+      chart.js: 4.4.0
       date-fns: 2.30.0
     dev: true
 
-  /chartjs-chart-matrix@2.0.1(chart.js@4.3.3):
+  /chartjs-chart-matrix@2.0.1(chart.js@4.4.0):
     resolution: {integrity: sha512-BGfeY+/PHnITyDlc7WfnKJ1RyOfgOzIqWp/gxzzl7pUjyoGzHDcw51qd2xJF9gdT9Def7ZwOnOMm8GJUXDxI0w==}
     peerDependencies:
       chart.js: '>=3.0.0'
     dependencies:
-      chart.js: 4.3.3
+      chart.js: 4.4.0
     dev: true
 
-  /chartjs-plugin-gradient@0.6.1(chart.js@4.3.3):
+  /chartjs-plugin-gradient@0.6.1(chart.js@4.4.0):
     resolution: {integrity: sha512-TGHNIh8KqQMLdb+UfY80cBHYRyOC47eeokmgkeajRdKGbFt462lJiyiq4ZJ25fiM7BGsmzoBLhmVyEw4B3gQxw==}
     peerDependencies:
       chart.js: '>=2.6.0'
     dependencies:
-      chart.js: 4.3.3
+      chart.js: 4.4.0
     dev: true
 
-  /chartjs-plugin-zoom@2.0.1(chart.js@4.3.3):
+  /chartjs-plugin-zoom@2.0.1(chart.js@4.4.0):
     resolution: {integrity: sha512-ogOmLu6e+Q7E1XWOCOz9YwybMslz9qNfGV2a+qjfmqJYpsw5ZMoRHZBUyW+NGhkpQ5PwwPA/+rikHpBZb7PZuA==}
     peerDependencies:
       chart.js: '>=3.2.0'
     dependencies:
-      chart.js: 4.3.3
+      chart.js: 4.4.0
       hammerjs: 2.0.8
     dev: true
 
@@ -6640,7 +6781,7 @@ packages:
       normalize-path: 3.0.0
       readdirp: 3.6.0
     optionalDependencies:
-      fsevents: 2.3.2
+      fsevents: 2.3.3
     dev: true
 
   /chownr@1.1.4:
@@ -7319,6 +7460,12 @@ packages:
   /core-js@3.32.0:
     resolution: {integrity: sha512-rd4rYZNlF3WuoYuRIDEmbR/ga9CeuWX9U05umAvgrrZoHY4Z++cp/xwPQMvUpBB4Ag6J8KfD80G0zwCyaSxDww==}
     requiresBuild: true
+    dev: false
+
+  /core-js@3.32.1:
+    resolution: {integrity: sha512-lqufgNn9NLnESg5mQeYsxQP5w7wrViSj0jr/kv6ECQiByzQkrn1MKvV0L3acttpDqfQrHLwr2KCMgX5b8X+lyQ==}
+    requiresBuild: true
+    dev: true
 
   /core-util-is@1.0.2:
     resolution: {integrity: sha512-3lqz5YjWTYnW6dlDa5TLaTCcShfar1e40rmcJVwCBJC6mWlFuj0eCHIElmG1g5kyuJ/GD+8Wn4FFCcz4gJPfaQ==}
@@ -7563,11 +7710,6 @@ packages:
       es5-ext: 0.10.62
       type: 1.2.0
 
-  /dargs@8.1.0:
-    resolution: {integrity: sha512-wAV9QHOsNbwnWdNW2FYvE1P56wtgSbM+3SZcdGiWQILwVjACCXDCI3Ai8QlCjMDB8YK5zySiXZYBiwGmNY3lnw==}
-    engines: {node: '>=12'}
-    dev: true
-
   /dashdash@1.14.1:
     resolution: {integrity: sha512-jRFi8UDGo6j+odZiEpjazZaWqEal3w/basFjQHQEwVtZJGDpxbH1MeYluwCS8Xq5wmLJooDlMgvVarmWfGM44g==}
     engines: {node: '>=0.10'}
@@ -8409,22 +8551,22 @@ packages:
       eslint: 8.44.0
     dev: true
 
-  /eslint-config-prettier@8.9.0(eslint@8.46.0):
+  /eslint-config-prettier@8.9.0(eslint@8.48.0):
     resolution: {integrity: sha512-+sbni7NfVXnOpnRadUA8S28AUlsZt9GjgFvABIRL9Hkn8KqNzOp+7Lw4QWtrwn20KzU3wqu1QoOj2m+7rKRqkA==}
     hasBin: true
     peerDependencies:
       eslint: '>=7.0.0'
     dependencies:
-      eslint: 8.46.0
+      eslint: 8.48.0
     dev: true
 
-  /eslint-config-prettier@9.0.0(eslint@8.46.0):
+  /eslint-config-prettier@9.0.0(eslint@8.48.0):
     resolution: {integrity: sha512-IcJsTkJae2S35pRsRAwoCE+925rJJStOdkKnLVgtE+tEpqU0EVVM7OqrwxqgptKdX29NUwC82I5pXsGFIgSevw==}
     hasBin: true
     peerDependencies:
       eslint: '>=7.0.0'
     dependencies:
-      eslint: 8.46.0
+      eslint: 8.48.0
     dev: true
 
   /eslint-config-standard@16.0.3(eslint-plugin-import@2.27.5)(eslint-plugin-node@11.0.0)(eslint-plugin-promise@6.1.1)(eslint@8.44.0):
@@ -8494,7 +8636,7 @@ packages:
       - supports-color
     dev: true
 
-  /eslint-module-utils@2.8.0(@typescript-eslint/parser@5.62.0)(eslint-import-resolver-node@0.3.9)(eslint@8.46.0):
+  /eslint-module-utils@2.8.0(@typescript-eslint/parser@5.62.0)(eslint-import-resolver-node@0.3.9)(eslint@8.48.0):
     resolution: {integrity: sha512-aWajIYfsqCKRDgUfjEXNN/JlrzauMuSEy5sbd7WXbtW3EH6A6MpwEh42c7qD+MqQo9QMJ6fWLAeIJynx0g6OAw==}
     engines: {node: '>=4'}
     peerDependencies:
@@ -8515,15 +8657,15 @@ packages:
       eslint-import-resolver-webpack:
         optional: true
     dependencies:
-      '@typescript-eslint/parser': 5.62.0(eslint@8.46.0)(typescript@5.1.6)
+      '@typescript-eslint/parser': 5.62.0(eslint@8.48.0)(typescript@5.2.2)
       debug: 3.2.7(supports-color@8.1.1)
-      eslint: 8.46.0
+      eslint: 8.48.0
       eslint-import-resolver-node: 0.3.9
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /eslint-module-utils@2.8.0(@typescript-eslint/parser@6.3.0)(eslint-import-resolver-node@0.3.9)(eslint@8.46.0):
+  /eslint-module-utils@2.8.0(@typescript-eslint/parser@6.3.0)(eslint-import-resolver-node@0.3.9)(eslint@8.48.0):
     resolution: {integrity: sha512-aWajIYfsqCKRDgUfjEXNN/JlrzauMuSEy5sbd7WXbtW3EH6A6MpwEh42c7qD+MqQo9QMJ6fWLAeIJynx0g6OAw==}
     engines: {node: '>=4'}
     peerDependencies:
@@ -8544,23 +8686,23 @@ packages:
       eslint-import-resolver-webpack:
         optional: true
     dependencies:
-      '@typescript-eslint/parser': 6.3.0(eslint@8.46.0)(typescript@5.1.6)
+      '@typescript-eslint/parser': 6.3.0(eslint@8.48.0)(typescript@5.2.2)
       debug: 3.2.7(supports-color@8.1.1)
-      eslint: 8.46.0
+      eslint: 8.48.0
       eslint-import-resolver-node: 0.3.9
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /eslint-plugin-es-x@7.2.0(eslint@8.46.0):
+  /eslint-plugin-es-x@7.2.0(eslint@8.48.0):
     resolution: {integrity: sha512-9dvv5CcvNjSJPqnS5uZkqb3xmbeqRLnvXKK7iI5+oK/yTusyc46zbBZKENGsOfojm/mKfszyZb+wNqNPAPeGXA==}
     engines: {node: ^14.18.0 || >=16.0.0}
     peerDependencies:
       eslint: '>=8'
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.0(eslint@8.46.0)
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.48.0)
       '@eslint-community/regexpp': 4.6.2
-      eslint: 8.46.0
+      eslint: 8.48.0
     dev: true
 
   /eslint-plugin-es@3.0.1(eslint@8.44.0):
@@ -8574,35 +8716,35 @@ packages:
       regexpp: 3.2.0
     dev: true
 
-  /eslint-plugin-es@4.1.0(eslint@8.46.0):
+  /eslint-plugin-es@4.1.0(eslint@8.48.0):
     resolution: {integrity: sha512-GILhQTnjYE2WorX5Jyi5i4dz5ALWxBIdQECVQavL6s7cI76IZTDWleTHkxz/QT3kvcs2QlGHvKLYsSlPOlPXnQ==}
     engines: {node: '>=8.10.0'}
     peerDependencies:
       eslint: '>=4.19.1'
     dependencies:
-      eslint: 8.46.0
+      eslint: 8.48.0
       eslint-utils: 2.1.0
       regexpp: 3.2.0
     dev: true
 
-  /eslint-plugin-eslint-comments@3.2.0(eslint@8.46.0):
+  /eslint-plugin-eslint-comments@3.2.0(eslint@8.48.0):
     resolution: {integrity: sha512-0jkOl0hfojIHHmEHgmNdqv4fmh7300NdpA9FFpF7zaoLvB/QeXOGNLIo86oAveJFrfB1p05kC8hpEMHM8DwWVQ==}
     engines: {node: '>=6.5.0'}
     peerDependencies:
       eslint: '>=4.19.1'
     dependencies:
       escape-string-regexp: 1.0.5
-      eslint: 8.46.0
+      eslint: 8.48.0
       ignore: 5.2.4
     dev: true
 
-  /eslint-plugin-file-progress@1.3.0(eslint@8.46.0):
+  /eslint-plugin-file-progress@1.3.0(eslint@8.48.0):
     resolution: {integrity: sha512-LncpnGHU26KPvCrvDC2Sl9PfjdrsG8qltgiK6BR7KybWtfqrdlsu1ax3+hyPMn5OkKBTF3Wki3oqK1MSMeOtQw==}
     peerDependencies:
       eslint: ^7.0.0 || ^8.0.0
     dependencies:
       chalk: 4.1.2
-      eslint: 8.46.0
+      eslint: 8.48.0
       ora: 5.4.1
     dev: true
 
@@ -8645,7 +8787,7 @@ packages:
       - supports-color
     dev: true
 
-  /eslint-plugin-import@2.28.0(@typescript-eslint/parser@5.62.0)(eslint@8.46.0):
+  /eslint-plugin-import@2.28.0(@typescript-eslint/parser@5.62.0)(eslint@8.48.0):
     resolution: {integrity: sha512-B8s/n+ZluN7sxj9eUf7/pRFERX0r5bnFA2dCaLHy2ZeaQEAz0k+ZZkFWRFHJAqxfxQDx6KLv9LeIki7cFdwW+Q==}
     engines: {node: '>=4'}
     peerDependencies:
@@ -8655,16 +8797,16 @@ packages:
       '@typescript-eslint/parser':
         optional: true
     dependencies:
-      '@typescript-eslint/parser': 5.62.0(eslint@8.46.0)(typescript@5.1.6)
+      '@typescript-eslint/parser': 5.62.0(eslint@8.48.0)(typescript@5.2.2)
       array-includes: 3.1.6
       array.prototype.findlastindex: 1.2.2
       array.prototype.flat: 1.3.1
       array.prototype.flatmap: 1.3.1
       debug: 3.2.7(supports-color@8.1.1)
       doctrine: 2.1.0
-      eslint: 8.46.0
+      eslint: 8.48.0
       eslint-import-resolver-node: 0.3.9
-      eslint-module-utils: 2.8.0(@typescript-eslint/parser@5.62.0)(eslint-import-resolver-node@0.3.9)(eslint@8.46.0)
+      eslint-module-utils: 2.8.0(@typescript-eslint/parser@5.62.0)(eslint-import-resolver-node@0.3.9)(eslint@8.48.0)
       has: 1.0.3
       is-core-module: 2.13.0
       is-glob: 4.0.3
@@ -8681,7 +8823,7 @@ packages:
       - supports-color
     dev: true
 
-  /eslint-plugin-import@2.28.0(@typescript-eslint/parser@6.3.0)(eslint@8.46.0):
+  /eslint-plugin-import@2.28.0(@typescript-eslint/parser@6.3.0)(eslint@8.48.0):
     resolution: {integrity: sha512-B8s/n+ZluN7sxj9eUf7/pRFERX0r5bnFA2dCaLHy2ZeaQEAz0k+ZZkFWRFHJAqxfxQDx6KLv9LeIki7cFdwW+Q==}
     engines: {node: '>=4'}
     peerDependencies:
@@ -8691,16 +8833,16 @@ packages:
       '@typescript-eslint/parser':
         optional: true
     dependencies:
-      '@typescript-eslint/parser': 6.3.0(eslint@8.46.0)(typescript@5.1.6)
+      '@typescript-eslint/parser': 6.3.0(eslint@8.48.0)(typescript@5.2.2)
       array-includes: 3.1.6
       array.prototype.findlastindex: 1.2.2
       array.prototype.flat: 1.3.1
       array.prototype.flatmap: 1.3.1
       debug: 3.2.7(supports-color@8.1.1)
       doctrine: 2.1.0
-      eslint: 8.46.0
+      eslint: 8.48.0
       eslint-import-resolver-node: 0.3.9
-      eslint-module-utils: 2.8.0(@typescript-eslint/parser@6.3.0)(eslint-import-resolver-node@0.3.9)(eslint@8.46.0)
+      eslint-module-utils: 2.8.0(@typescript-eslint/parser@6.3.0)(eslint-import-resolver-node@0.3.9)(eslint@8.48.0)
       has: 1.0.3
       is-core-module: 2.13.0
       is-glob: 4.0.3
@@ -8717,7 +8859,7 @@ packages:
       - supports-color
     dev: true
 
-  /eslint-plugin-jsdoc@46.4.6(eslint@8.46.0):
+  /eslint-plugin-jsdoc@46.4.6(eslint@8.48.0):
     resolution: {integrity: sha512-z4SWYnJfOqftZI+b3RM9AtWL1vF/sLWE/LlO9yOKDof9yN2+n3zOdOJTGX/pRE/xnPsooOLG2Rq6e4d+XW3lNw==}
     engines: {node: '>=16'}
     peerDependencies:
@@ -8728,7 +8870,7 @@ packages:
       comment-parser: 1.4.0
       debug: 4.3.4(supports-color@8.1.1)
       escape-string-regexp: 4.0.0
-      eslint: 8.46.0
+      eslint: 8.48.0
       esquery: 1.5.0
       is-builtin-module: 3.2.1
       semver: 7.5.4
@@ -8737,40 +8879,40 @@ packages:
       - supports-color
     dev: true
 
-  /eslint-plugin-jsonc@2.9.0(eslint@8.46.0):
+  /eslint-plugin-jsonc@2.9.0(eslint@8.48.0):
     resolution: {integrity: sha512-RK+LeONVukbLwT2+t7/OY54NJRccTXh/QbnXzPuTLpFMVZhPuq1C9E07+qWenGx7rrQl0kAalAWl7EmB+RjpGA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: '>=6.0.0'
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.0(eslint@8.46.0)
-      eslint: 8.46.0
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.48.0)
+      eslint: 8.48.0
       jsonc-eslint-parser: 2.3.0
       natural-compare: 1.4.0
     dev: true
 
-  /eslint-plugin-markdown@3.0.1(eslint@8.46.0):
+  /eslint-plugin-markdown@3.0.1(eslint@8.48.0):
     resolution: {integrity: sha512-8rqoc148DWdGdmYF6WSQFT3uQ6PO7zXYgeBpHAOAakX/zpq+NvFYbDA/H7PYzHajwtmaOzAwfxyl++x0g1/N9A==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
     dependencies:
-      eslint: 8.46.0
+      eslint: 8.48.0
       mdast-util-from-markdown: 0.8.5
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /eslint-plugin-n@15.7.0(eslint@8.46.0):
+  /eslint-plugin-n@15.7.0(eslint@8.48.0):
     resolution: {integrity: sha512-jDex9s7D/Qial8AGVIHq4W7NswpUD5DPDL2RH8Lzd9EloWUuvUkHfv4FRLMipH5q2UtyurorBkPeNi1wVWNh3Q==}
     engines: {node: '>=12.22.0'}
     peerDependencies:
       eslint: '>=7.0.0'
     dependencies:
       builtins: 5.0.1
-      eslint: 8.46.0
-      eslint-plugin-es: 4.1.0(eslint@8.46.0)
-      eslint-utils: 3.0.0(eslint@8.46.0)
+      eslint: 8.48.0
+      eslint-plugin-es: 4.1.0(eslint@8.48.0)
+      eslint-utils: 3.0.0(eslint@8.48.0)
       ignore: 5.2.4
       is-core-module: 2.13.0
       minimatch: 3.1.2
@@ -8778,16 +8920,16 @@ packages:
       semver: 7.5.4
     dev: true
 
-  /eslint-plugin-n@16.0.1(eslint@8.46.0):
+  /eslint-plugin-n@16.0.1(eslint@8.48.0):
     resolution: {integrity: sha512-CDmHegJN0OF3L5cz5tATH84RPQm9kG+Yx39wIqIwPR2C0uhBGMWfbbOtetR83PQjjidA5aXMu+LEFw1jaSwvTA==}
     engines: {node: '>=16.0.0'}
     peerDependencies:
       eslint: '>=7.0.0'
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.0(eslint@8.46.0)
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.48.0)
       builtins: 5.0.1
-      eslint: 8.46.0
-      eslint-plugin-es-x: 7.2.0(eslint@8.46.0)
+      eslint: 8.48.0
+      eslint-plugin-es-x: 7.2.0(eslint@8.48.0)
       ignore: 5.2.4
       is-core-module: 2.13.0
       minimatch: 3.1.2
@@ -8827,7 +8969,7 @@ packages:
       prettier-linter-helpers: 1.0.0
     dev: true
 
-  /eslint-plugin-prettier@4.2.1(eslint-config-prettier@8.9.0)(eslint@8.46.0)(prettier@3.0.2):
+  /eslint-plugin-prettier@4.2.1(eslint-config-prettier@8.9.0)(eslint@8.48.0)(prettier@3.0.3):
     resolution: {integrity: sha512-f/0rXLXUt0oFYs8ra4w49wYZBG5GKZpAYsJSm6rnYL5uVDjd+zowwMwVZHnAjf4edNrKpCDYfXDgmRE/Ak7QyQ==}
     engines: {node: '>=12.0.0'}
     peerDependencies:
@@ -8838,13 +8980,13 @@ packages:
       eslint-config-prettier:
         optional: true
     dependencies:
-      eslint: 8.46.0
-      eslint-config-prettier: 8.9.0(eslint@8.46.0)
-      prettier: 3.0.2
+      eslint: 8.48.0
+      eslint-config-prettier: 8.9.0(eslint@8.48.0)
+      prettier: 3.0.3
       prettier-linter-helpers: 1.0.0
     dev: true
 
-  /eslint-plugin-prettier@5.0.0(eslint-config-prettier@9.0.0)(eslint@8.46.0)(prettier@3.0.2):
+  /eslint-plugin-prettier@5.0.0(eslint-config-prettier@9.0.0)(eslint@8.48.0)(prettier@3.0.3):
     resolution: {integrity: sha512-AgaZCVuYDXHUGxj/ZGu1u8H8CYgDY3iG6w5kUFw4AzMVXzB7VvbKgYR4nATIN+OvUrghMbiDLeimVjVY5ilq3w==}
     engines: {node: ^14.18.0 || >=16.0.0}
     peerDependencies:
@@ -8858,20 +9000,20 @@ packages:
       eslint-config-prettier:
         optional: true
     dependencies:
-      eslint: 8.46.0
-      eslint-config-prettier: 9.0.0(eslint@8.46.0)
-      prettier: 3.0.2
+      eslint: 8.48.0
+      eslint-config-prettier: 9.0.0(eslint@8.48.0)
+      prettier: 3.0.3
       prettier-linter-helpers: 1.0.0
       synckit: 0.8.5
     dev: true
 
-  /eslint-plugin-promise@5.2.0(eslint@8.46.0):
+  /eslint-plugin-promise@5.2.0(eslint@8.48.0):
     resolution: {integrity: sha512-SftLb1pUG01QYq2A/hGAWfDRXqYD82zE7j7TopDOyNdU+7SvvoXREls/+PRTY17vUXzXnZA/zfnyKgRH6x4JJw==}
     engines: {node: ^10.12.0 || >=12.0.0}
     peerDependencies:
       eslint: ^7.0.0
     dependencies:
-      eslint: 8.46.0
+      eslint: 8.48.0
     dev: true
 
   /eslint-plugin-promise@6.1.1(eslint@8.44.0):
@@ -8883,13 +9025,13 @@ packages:
       eslint: 8.44.0
     dev: true
 
-  /eslint-plugin-promise@6.1.1(eslint@8.46.0):
+  /eslint-plugin-promise@6.1.1(eslint@8.48.0):
     resolution: {integrity: sha512-tjqWDwVZQo7UIPMeDReOpUgHCmCiH+ePnVT+5zVapL0uuHnegBUs2smM13CzOs2Xb5+MHMRFTs9v24yjba4Oig==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^7.0.0 || ^8.0.0
     dependencies:
-      eslint: 8.46.0
+      eslint: 8.48.0
     dev: true
 
   /eslint-plugin-standard@5.0.0(eslint@8.44.0):
@@ -8908,7 +9050,7 @@ packages:
       '@microsoft/tsdoc-config': 0.16.2
     dev: true
 
-  /eslint-plugin-unicorn@40.1.0(eslint@8.46.0):
+  /eslint-plugin-unicorn@40.1.0(eslint@8.48.0):
     resolution: {integrity: sha512-y5doK2DF9Sr5AqKEHbHxjFllJ167nKDRU01HDcWyv4Tnmaoe9iNxMrBnaybZvWZUaE3OC5Unu0lNIevYamloig==}
     engines: {node: '>=12'}
     peerDependencies:
@@ -8917,8 +9059,8 @@ packages:
       '@babel/helper-validator-identifier': 7.22.5
       ci-info: 3.8.0
       clean-regexp: 1.0.0
-      eslint: 8.46.0
-      eslint-utils: 3.0.0(eslint@8.46.0)
+      eslint: 8.48.0
+      eslint-utils: 3.0.0(eslint@8.48.0)
       esquery: 1.5.0
       indent-string: 4.0.0
       is-builtin-module: 3.2.1
@@ -8931,17 +9073,17 @@ packages:
       strip-indent: 3.0.0
     dev: true
 
-  /eslint-plugin-unicorn@45.0.2(eslint@8.46.0):
+  /eslint-plugin-unicorn@45.0.2(eslint@8.48.0):
     resolution: {integrity: sha512-Y0WUDXRyGDMcKLiwgL3zSMpHrXI00xmdyixEGIg90gHnj0PcHY4moNv3Ppje/kDivdAy5vUeUr7z211ImPv2gw==}
     engines: {node: '>=14.18'}
     peerDependencies:
       eslint: '>=8.28.0'
     dependencies:
       '@babel/helper-validator-identifier': 7.22.5
-      '@eslint-community/eslint-utils': 4.4.0(eslint@8.46.0)
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.48.0)
       ci-info: 3.8.0
       clean-regexp: 1.0.0
-      eslint: 8.46.0
+      eslint: 8.48.0
       esquery: 1.5.0
       indent-string: 4.0.0
       is-builtin-module: 3.2.1
@@ -8960,52 +9102,52 @@ packages:
     resolution: {integrity: sha512-WE+YlK9X9s4vf5EaYRU0Scw7WItDZStm+PapFSYlg2ABNtaQ4zIG7wEqpoUB3SlfM+SgkhgmzR0TeJOO5k3/Nw==}
     dev: true
 
-  /eslint-plugin-vue-scoped-css@2.5.0(eslint@8.46.0)(vue-eslint-parser@9.3.1):
+  /eslint-plugin-vue-scoped-css@2.5.0(eslint@8.48.0)(vue-eslint-parser@9.3.1):
     resolution: {integrity: sha512-vR+raYNE1aQ69lS1lZGiKoz8rXFI3MWf2fxrfns/XCQ0XT5sIguhDtQS+9JmUQJClenLDEe2CQx7P+eeSdF4cA==}
     engines: {node: ^12.22 || ^14.17 || >=16}
     peerDependencies:
       eslint: '>=5.0.0'
       vue-eslint-parser: '>=7.1.0'
     dependencies:
-      eslint: 8.46.0
-      eslint-utils: 3.0.0(eslint@8.46.0)
+      eslint: 8.48.0
+      eslint-utils: 3.0.0(eslint@8.48.0)
       lodash: 4.17.21
       postcss: 8.4.27
       postcss-safe-parser: 6.0.0(postcss@8.4.27)
       postcss-scss: 4.0.6(postcss@8.4.27)
       postcss-selector-parser: 6.0.13
       postcss-styl: 0.12.3
-      vue-eslint-parser: 9.3.1(eslint@8.46.0)
+      vue-eslint-parser: 9.3.1(eslint@8.48.0)
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /eslint-plugin-vue@9.16.1(eslint@8.46.0):
+  /eslint-plugin-vue@9.16.1(eslint@8.48.0):
     resolution: {integrity: sha512-2FtnTqazA6aYONfDuOZTk0QzwhAwi7Z4+uJ7+GHeGxcKapjqWlDsRWDenvyG/utyOfAS5bVRmAG3cEWiYEz2bA==}
     engines: {node: ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.2.0 || ^7.0.0 || ^8.0.0
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.0(eslint@8.46.0)
-      eslint: 8.46.0
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.48.0)
+      eslint: 8.48.0
       natural-compare: 1.4.0
       nth-check: 2.1.1
       postcss-selector-parser: 6.0.13
       semver: 7.5.4
-      vue-eslint-parser: 9.3.1(eslint@8.46.0)
+      vue-eslint-parser: 9.3.1(eslint@8.48.0)
       xml-name-validator: 4.0.0
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /eslint-plugin-yml@1.8.0(eslint@8.46.0):
+  /eslint-plugin-yml@1.8.0(eslint@8.48.0):
     resolution: {integrity: sha512-fgBiJvXD0P2IN7SARDJ2J7mx8t0bLdG6Zcig4ufOqW5hOvSiFxeUyc2g5I1uIm8AExbo26NNYCcTGZT0MXTsyg==}
     engines: {node: ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: '>=6.0.0'
     dependencies:
       debug: 4.3.4(supports-color@8.1.1)
-      eslint: 8.46.0
+      eslint: 8.48.0
       lodash: 4.17.21
       natural-compare: 1.4.0
       yaml-eslint-parser: 1.2.2
@@ -9050,13 +9192,13 @@ packages:
       eslint-visitor-keys: 2.1.0
     dev: true
 
-  /eslint-utils@3.0.0(eslint@8.46.0):
+  /eslint-utils@3.0.0(eslint@8.48.0):
     resolution: {integrity: sha512-uuQC43IGctw68pJA1RgbQS8/NP7rch6Cwd4j3ZBtgo4/8Flj4eGE7ZYSZRN3iq5pVUv6GPdW5Z1RFleo84uLDA==}
     engines: {node: ^10.0.0 || ^12.0.0 || >= 14.0.0}
     peerDependencies:
       eslint: '>=5'
     dependencies:
-      eslint: 8.46.0
+      eslint: 8.48.0
       eslint-visitor-keys: 2.1.0
     dev: true
 
@@ -9075,6 +9217,11 @@ packages:
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
+  /eslint-visitor-keys@3.4.3:
+    resolution: {integrity: sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dev: true
+
   /eslint@8.44.0:
     resolution: {integrity: sha512-0wpHoUbDUHgNCyvFB5aXLiQVfK9B0at6gUvzy83k4kAsQ/u769TQDX6iKC+aO4upIHO9WSaA3QoXYQDHbNwf1A==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
@@ -9169,6 +9316,52 @@ packages:
       - supports-color
     dev: true
 
+  /eslint@8.48.0:
+    resolution: {integrity: sha512-sb6DLeIuRXxeM1YljSe1KEx9/YYeZFQWcV8Rq9HfigmdDEugjLEVEa1ozDjL6YDjBpQHPJxJzze+alxi4T3OLg==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    hasBin: true
+    dependencies:
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.48.0)
+      '@eslint-community/regexpp': 4.8.0
+      '@eslint/eslintrc': 2.1.2
+      '@eslint/js': 8.48.0
+      '@humanwhocodes/config-array': 0.11.11
+      '@humanwhocodes/module-importer': 1.0.1
+      '@nodelib/fs.walk': 1.2.8
+      ajv: 6.12.6
+      chalk: 4.1.2
+      cross-spawn: 7.0.3
+      debug: 4.3.4(supports-color@8.1.1)
+      doctrine: 3.0.0
+      escape-string-regexp: 4.0.0
+      eslint-scope: 7.2.2
+      eslint-visitor-keys: 3.4.3
+      espree: 9.6.1
+      esquery: 1.5.0
+      esutils: 2.0.3
+      fast-deep-equal: 3.1.3
+      file-entry-cache: 6.0.1
+      find-up: 5.0.0
+      glob-parent: 6.0.2
+      globals: 13.21.0
+      graphemer: 1.4.0
+      ignore: 5.2.4
+      imurmurhash: 0.1.4
+      is-glob: 4.0.3
+      is-path-inside: 3.0.3
+      js-yaml: 4.1.0
+      json-stable-stringify-without-jsonify: 1.0.1
+      levn: 0.4.1
+      lodash.merge: 4.6.2
+      minimatch: 3.1.2
+      natural-compare: 1.4.0
+      optionator: 0.9.3
+      strip-ansi: 6.0.1
+      text-table: 0.2.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   /espree@9.6.1:
     resolution: {integrity: sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
@@ -9964,8 +10157,8 @@ packages:
     requiresBuild: true
     optional: true
 
-  /fsevents@2.3.2:
-    resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==}
+  /fsevents@2.3.3:
+    resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==}
     engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
     os: [darwin]
     requiresBuild: true
@@ -10274,6 +10467,13 @@ packages:
       type-fest: 0.20.2
     dev: true
 
+  /globals@13.21.0:
+    resolution: {integrity: sha512-ybyme3s4yy/t/3s35bewwXKOf7cvzfreG2lH0lZl0JB7I4GxRP2ghxOK/Nb9EkRXdbBXZLfq/p/0W2JUONB/Gg==}
+    engines: {node: '>=8'}
+    dependencies:
+      type-fest: 0.20.2
+    dev: true
+
   /globalthis@1.0.3:
     resolution: {integrity: sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==}
     engines: {node: '>= 0.4'}
@@ -10866,8 +11066,8 @@ packages:
     engines: {node: '>= 4'}
     dev: true
 
-  /immutable@4.3.2:
-    resolution: {integrity: sha512-oGXzbEDem9OOpDWZu88jGiYCvIsLHMvGw+8OXlpsvTFvIQplQbjg1B1cvKg8f7Hoch6+NGjpPsH1Fr+Mc2D1aA==}
+  /immutable@4.3.4:
+    resolution: {integrity: sha512-fsXeu4J4i6WNWSikpI88v/PcVflZz+6kMhUfIwc5SY+poQRPnaf5V7qds6SUyUN3cVxEzuCab7QIoLOQ+DQ1wA==}
     dev: true
 
   /import-fresh@3.3.0:
@@ -11963,7 +12163,7 @@ packages:
       micromatch: 4.0.5
       walker: 1.0.8
     optionalDependencies:
-      fsevents: 2.3.2
+      fsevents: 2.3.3
     dev: true
 
   /jest-haste-map@29.6.2:
@@ -11982,7 +12182,7 @@ packages:
       micromatch: 4.0.5
       walker: 1.0.8
     optionalDependencies:
-      fsevents: 2.3.2
+      fsevents: 2.3.3
     dev: true
 
   /jest-jasmine2@27.5.1:
@@ -14744,17 +14944,6 @@ packages:
     resolution: {integrity: sha512-NUcwaKxUxWrZLpDG+z/xZaCgQITkA/Dv4V/T6bw7VON6l1Xz/VnrBqrYjZQ12TamKHzITTfOEIYUj48y2KXImA==}
     dev: false
 
-  /paralint@1.2.1:
-    resolution: {integrity: sha512-HPGVDd5eUNYBhtftRypBHlUTMy5UAnHBzFO601oLEODZ0uvXUJge1y43GZQM2CnyOOUyDQlNMK/9vcjjAxbfcA==}
-    hasBin: true
-    dependencies:
-      '@npmcli/promise-spawn': 6.0.2
-      dargs: 8.1.0
-      fast-glob: 3.3.1
-      minimist: 1.2.8
-      tslib: 2.6.1
-    dev: true
-
   /parent-module@1.0.1:
     resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
     engines: {node: '>=6'}
@@ -15472,8 +15661,8 @@ packages:
     hasBin: true
     dev: true
 
-  /prettier@3.0.2:
-    resolution: {integrity: sha512-o2YR9qtniXvwEZlOKbveKfDQVyqxbEIWn48Z8m3ZJjBjcCmUy3xZGIv+7AkaeuaTr6yPXJjwv07ZWlsWbEy1rQ==}
+  /prettier@3.0.3:
+    resolution: {integrity: sha512-L/4pUDMxcNa8R/EthV08Zt42WBO4h1rarVtK0K+QJG0X187OLo7l699jWw0GKuwzkPQ//jMFA/8Xm6Fh3J/DAg==}
     engines: {node: '>=14'}
     hasBin: true
     dev: true
@@ -16357,12 +16546,12 @@ packages:
       rangestr: 0.0.1
       seedrandom: 2.4.2
 
-  /rollup@3.28.0:
-    resolution: {integrity: sha512-d7zhvo1OUY2SXSM6pfNjgD5+d0Nz87CUp4mt8l/GgVP3oBsPwzNvSzyu1me6BSG9JIgWNTVcafIXBIyM8yQ3yw==}
+  /rollup@3.28.1:
+    resolution: {integrity: sha512-R9OMQmIHJm9znrU3m3cpE8uhN0fGdXiawME7aZIpQqvpS/85+Vt1Hq1/yVIcYfOmaQiHjvXkQAoJukvLpau6Yw==}
     engines: {node: '>=14.18.0', npm: '>=8.0.0'}
     hasBin: true
     optionalDependencies:
-      fsevents: 2.3.2
+      fsevents: 2.3.3
     dev: true
 
   /rome@12.1.3:
@@ -16459,13 +16648,13 @@ packages:
       postcss: 8.4.27
     dev: false
 
-  /sass@1.66.0:
-    resolution: {integrity: sha512-C3U+RgpAAlTXULZkWwzfysgbbBBo8IZudNAOJAVBLslFbIaZv4MBPkTqhuvpK4lqgdoFiWhnOGMoV4L1FyOBag==}
+  /sass@1.66.1:
+    resolution: {integrity: sha512-50c+zTsZOJVgFfTgwwEzkjA3/QACgdNsKueWPyAR0mRINIvLAStVQBbPg14iuqEQ74NPDbXzJARJ/O4SI1zftA==}
     engines: {node: '>=14.0.0'}
     hasBin: true
     dependencies:
       chokidar: 3.5.3
-      immutable: 4.3.2
+      immutable: 4.3.4
       source-map-js: 1.0.2
     dev: true
 
@@ -17582,8 +17771,8 @@ packages:
     dependencies:
       any-promise: 1.3.0
 
-  /three@0.155.0:
-    resolution: {integrity: sha512-sNgCYmDijnIqkD/bMfk+1pHg3YzsxW7V2ChpuP6HCQ8NiZr3RufsXQr8M3SSUMjW4hG+sUk7YbyuY0DncaDTJQ==}
+  /three@0.156.0:
+    resolution: {integrity: sha512-r6meetGWDk3aYjDRh6NpKuUkzoPlI3yldDQe2SkwCcqTTB5NZn7vKQBUXyMExvlwZShaLmvAbsVWaFzp1rkk3A==}
     dev: true
 
   /throat@6.0.2:
@@ -17771,16 +17960,16 @@ packages:
       escape-string-regexp: 5.0.0
     dev: true
 
-  /ts-api-utils@1.0.1(typescript@5.1.6):
+  /ts-api-utils@1.0.1(typescript@5.2.2):
     resolution: {integrity: sha512-lC/RGlPmwdrIBFTX59wwNzqh7aR2otPNPR/5brHZm/XKFYKsfqxihXUe9pU3JI+3vGkl+vyCoNNnPhJn3aLK1A==}
     engines: {node: '>=16.13.0'}
     peerDependencies:
       typescript: '>=4.2.0'
     dependencies:
-      typescript: 5.1.6
+      typescript: 5.2.2
     dev: true
 
-  /ts-jest@27.1.2(@babel/core@7.22.10)(@types/jest@27.4.0)(jest@27.4.5)(typescript@5.1.3):
+  /ts-jest@27.1.2(@babel/core@7.22.11)(@types/jest@27.4.0)(jest@27.4.5)(typescript@5.1.3):
     resolution: {integrity: sha512-eSOiJOWq6Hhs6Khzk5wKC5sgWIXgXqOCiIl1+3lfnearu58Hj4QpE5tUhQcA3xtZrELbcvAGCsd6HB8OsaVaTA==}
     engines: {node: ^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0}
     hasBin: true
@@ -17801,7 +17990,7 @@ packages:
       esbuild:
         optional: true
     dependencies:
-      '@babel/core': 7.22.10
+      '@babel/core': 7.22.11
       '@types/jest': 27.4.0
       bs-logger: 0.2.6
       fast-json-stable-stringify: 2.1.0
@@ -17815,7 +18004,7 @@ packages:
       yargs-parser: 20.2.9
     dev: true
 
-  /ts-jest@29.0.5(@babel/core@7.22.10)(jest@29.4.0)(typescript@4.9.4):
+  /ts-jest@29.0.5(@babel/core@7.22.11)(jest@29.4.0)(typescript@4.9.4):
     resolution: {integrity: sha512-PL3UciSgIpQ7f6XjVOmbi96vmDHUqAyqDr8YxzopDqX3kfgYtX1cuNeBjP+L9sFXi6nzsGGA6R3fP3DDDJyrxA==}
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
     hasBin: true
@@ -17836,7 +18025,7 @@ packages:
       esbuild:
         optional: true
     dependencies:
-      '@babel/core': 7.22.10
+      '@babel/core': 7.22.11
       bs-logger: 0.2.6
       fast-json-stable-stringify: 2.1.0
       jest: 29.4.0(@types/node@18.11.18)
@@ -17992,14 +18181,14 @@ packages:
       typescript: 4.9.4
     dev: true
 
-  /tsutils@3.21.0(typescript@5.1.6):
+  /tsutils@3.21.0(typescript@5.2.2):
     resolution: {integrity: sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==}
     engines: {node: '>= 6'}
     peerDependencies:
       typescript: '>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta'
     dependencies:
       tslib: 1.14.1
-      typescript: 5.1.6
+      typescript: 5.2.2
     dev: true
 
   /tunnel-agent@0.6.0:
@@ -18230,6 +18419,12 @@ packages:
     engines: {node: '>=14.17'}
     hasBin: true
 
+  /typescript@5.2.2:
+    resolution: {integrity: sha512-mI4WrpHsbCIcwT9cF4FZvr80QUeKvsUsUvKDoR+X/7XHQH98xYD8YHZg7ANtz2GtZt/CBq2QJ0thkGJMHfqc1w==}
+    engines: {node: '>=14.17'}
+    hasBin: true
+    dev: true
+
   /ulid@2.3.0:
     resolution: {integrity: sha512-keqHubrlpvT6G2wH0OEfSW4mquYRcbe/J8NMmveoQOjUqmo+hXtO+ORCpWhdbZ7k72UtY61BL7haGxW6enBnjw==}
     hasBin: true
@@ -18585,12 +18780,12 @@ packages:
       chalk: 4.1.2
       debug: 4.3.4(supports-color@8.1.1)
       fs-extra: 10.1.0
-      vite: 4.4.9(@types/node@20.4.9)(sass@1.66.0)
+      vite: 4.4.9(@types/node@20.4.9)(sass@1.66.1)
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /vite@4.4.9(@types/node@20.4.9)(sass@1.66.0):
+  /vite@4.4.9(@types/node@20.4.9)(sass@1.66.1):
     resolution: {integrity: sha512-2mbUn2LlUmNASWwSCNSJ/EG2HuSRTnVNaydp6vMCm5VIqJsjMfbIWtbH2kDuwUVW5mMUKKZvGPX/rqeqVvv1XA==}
     engines: {node: ^14.18.0 || >=16.0.0}
     hasBin: true
@@ -18621,10 +18816,10 @@ packages:
       '@types/node': 20.4.9
       esbuild: 0.18.20
       postcss: 8.4.27
-      rollup: 3.28.0
-      sass: 1.66.0
+      rollup: 3.28.1
+      sass: 1.66.1
     optionalDependencies:
-      fsevents: 2.3.2
+      fsevents: 2.3.3
     dev: true
 
   /void-elements@3.1.0:
@@ -18639,8 +18834,8 @@ packages:
     resolution: {integrity: sha512-AFbieoL7a5LMqcnOF04ji+rpXadgOXnZsxQr//r83kLPr7biP7am3g9zbaZIaBGwBRWeSvoMD4mgPdX3e4NWBg==}
     dev: true
 
-  /vue-draggable-plus@0.2.5(@types/sortablejs@1.15.1):
-    resolution: {integrity: sha512-uCpfJWNwFGpL02owGB4NRz+JRmYG79WXhqmnE2PELarcrsXGxCyz8FGKfrqFY49nfwxJ9wz3zXTClTVjIzziPA==}
+  /vue-draggable-plus@0.2.6(@types/sortablejs@1.15.2):
+    resolution: {integrity: sha512-d+0omKIBIfLiJFggc6H4ePRaifbX+33+OiCMsxn8rG59yWXlJGrobexxgXetnSo/1NLTd0TkYZKNc4CA6iwJZw==}
     peerDependencies:
       '@types/sortablejs': ^1.15.0
       '@vue/composition-api': '*'
@@ -18648,17 +18843,17 @@ packages:
       '@vue/composition-api':
         optional: true
     dependencies:
-      '@types/sortablejs': 1.15.1
+      '@types/sortablejs': 1.15.2
     dev: true
 
-  /vue-eslint-parser@9.3.1(eslint@8.46.0):
+  /vue-eslint-parser@9.3.1(eslint@8.48.0):
     resolution: {integrity: sha512-Clr85iD2XFZ3lJ52/ppmUDG/spxQu6+MAeHXjjyI4I1NUYZ9xmenQp4N0oaHJhrA8OOxltCVxMRfANGa70vU0g==}
     engines: {node: ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: '>=6.0.0'
     dependencies:
       debug: 4.3.4(supports-color@8.1.1)
-      eslint: 8.46.0
+      eslint: 8.48.0
       eslint-scope: 7.2.2
       eslint-visitor-keys: 3.4.2
       espree: 9.6.1
@@ -19040,14 +19235,6 @@ packages:
     dependencies:
       isexe: 2.0.0
 
-  /which@3.0.1:
-    resolution: {integrity: sha512-XA1b62dzQzLfaEOSQFTCOd5KFf/1VSzZo7/7TUjnya6u0vGGKzU96UQBZTAThCb2j4/xjBAyii1OhRLJEivHvg==}
-    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
-    hasBin: true
-    dependencies:
-      isexe: 2.0.0
-    dev: true
-
   /wide-align@1.1.5:
     resolution: {integrity: sha512-eDMORYaPNZ4sQIuuYPDHdQvf4gyCF9rEEV/yPxGfwPkRodwEgiMUUXTx/dex+Me0wxx53S+NgUHaP7y3MGlDmg==}
     dependencies:
@@ -19423,7 +19610,7 @@ packages:
     name: plyr
     version: 3.7.0
     dependencies:
-      core-js: 3.32.0
+      core-js: 3.32.1
       custom-event-polyfill: 1.0.7
       loadjs: 4.2.0
       rangetouch: 2.0.1