From e2ff5311727c49a4f697d3ff0d335606d1af1535 Mon Sep 17 00:00:00 2001
From: ThatOneCalculator <kainoa@t1c.dev>
Date: Wed, 5 Jul 2023 18:28:27 -0700
Subject: [PATCH] chore: :arrow_up: up prettier, pnpm

---
 package.json                                  |  2 +-
 .../backend/src/queue/processors/inbox.ts     |  2 +-
 packages/client/package.json                  |  2 +-
 .../src/components/MkAbuseReportWindow.vue    |  2 +-
 .../client/src/components/MkAnalogClock.vue   | 12 ++--
 .../client/src/components/MkAutocomplete.vue  | 12 ++--
 packages/client/src/components/MkButton.vue   |  2 +-
 packages/client/src/components/MkCaptcha.vue  |  6 +-
 .../src/components/MkChannelFollowButton.vue  |  2 +-
 .../client/src/components/MkChannelList.vue   |  2 +-
 packages/client/src/components/MkChart.vue    | 58 +++++++++----------
 .../client/src/components/MkChatPreview.vue   |  2 +-
 .../client/src/components/MkCode.core.vue     |  6 +-
 packages/client/src/components/MkCode.vue     |  2 +-
 .../client/src/components/MkContainer.vue     |  6 +-
 .../client/src/components/MkContextMenu.vue   |  3 +-
 .../client/src/components/MkCropperDialog.vue |  2 +-
 packages/client/src/components/MkCwButton.vue |  4 +-
 .../src/components/MkDateSeparatedList.vue    |  9 +--
 packages/client/src/components/MkDialog.vue   | 20 +++++--
 .../client/src/components/MkDigitalClock.vue  |  6 +-
 .../client/src/components/MkDrive.file.vue    | 10 ++--
 .../client/src/components/MkDrive.folder.vue  | 10 ++--
 .../src/components/MkDrive.navFolder.vue      |  2 +-
 packages/client/src/components/MkDrive.vue    | 26 ++++-----
 .../src/components/MkDriveSelectDialog.vue    |  2 +-
 .../src/components/MkEmojiPicker.section.vue  |  4 +-
 .../client/src/components/MkEmojiPicker.vue   | 20 +++----
 .../src/components/MkEmojiPickerDialog.vue    |  2 +-
 .../src/components/MkFileListForAdmin.vue     |  2 +-
 packages/client/src/components/MkFolder.vue   | 12 ++--
 .../client/src/components/MkFollowButton.vue  |  6 +-
 .../client/src/components/MkFormDialog.vue    |  2 +-
 packages/client/src/components/MkFormula.vue  |  2 +-
 packages/client/src/components/MkGoogle.vue   |  2 +-
 packages/client/src/components/MkHeatmap.vue  |  2 +-
 .../client/src/components/MkImageViewer.vue   |  2 +-
 .../src/components/MkImgWithBlurhash.vue      |  2 +-
 .../src/components/MkInstanceSelectDialog.vue |  2 +-
 .../client/src/components/MkInstanceStats.vue |  8 +--
 .../src/components/MkInstanceTicker.vue       |  9 ++-
 packages/client/src/components/MkKeyValue.vue |  2 +-
 .../client/src/components/MkLaunchPad.vue     |  2 +-
 packages/client/src/components/MkLink.vue     |  6 +-
 packages/client/src/components/MkMarquee.vue  |  6 +-
 packages/client/src/components/MkMedia.vue    |  5 +-
 .../client/src/components/MkMediaBanner.vue   |  2 +-
 .../client/src/components/MkMediaCaption.vue  |  4 +-
 .../client/src/components/MkMediaList.vue     |  4 +-
 packages/client/src/components/MkMenu.vue     |  4 +-
 .../client/src/components/MkMiniChart.vue     |  2 +-
 packages/client/src/components/MkModal.vue    | 24 ++++----
 .../client/src/components/MkModalWindow.vue   |  2 +-
 packages/client/src/components/MkNote.vue     | 27 +++++----
 .../client/src/components/MkNoteDetailed.vue  | 12 ++--
 .../client/src/components/MkNoteHeader.vue    |  4 +-
 packages/client/src/components/MkNoteSub.vue  | 16 ++---
 .../client/src/components/MkNotification.vue  |  6 +-
 .../MkNotificationSettingWindow.vue           |  4 +-
 .../src/components/MkNotificationToast.vue    |  4 +-
 .../client/src/components/MkNotifications.vue |  2 +-
 packages/client/src/components/MkNumber.vue   |  2 +-
 .../client/src/components/MkPageWindow.vue    |  2 +-
 .../client/src/components/MkPagination.vue    | 25 ++++----
 packages/client/src/components/MkPoll.vue     | 10 ++--
 .../client/src/components/MkPollEditor.vue    |  6 +-
 packages/client/src/components/MkPostForm.vue | 46 +++++++--------
 .../src/components/MkPostFormAttaches.vue     |  8 +--
 .../MkPushNotificationAllowButton.vue         |  8 +--
 .../client/src/components/MkQuoteButton.vue   |  2 +-
 .../components/MkReactionsViewer.reaction.vue |  4 +-
 .../client/src/components/MkRenoteButton.vue  |  6 +-
 packages/client/src/components/MkRipple.vue   |  2 +-
 packages/client/src/components/MkSample.vue   |  2 +-
 packages/client/src/components/MkSignin.vue   |  6 +-
 .../client/src/components/MkSigninDialog.vue  |  2 +-
 packages/client/src/components/MkSignup.vue   |  2 +-
 .../client/src/components/MkSignupDialog.vue  |  2 +-
 packages/client/src/components/MkSparkle.vue  | 11 ++--
 .../src/components/MkStarButtonNoEmoji.vue    |  2 +-
 packages/client/src/components/MkTab.vue      | 10 ++--
 packages/client/src/components/MkTagCloud.vue |  8 +--
 packages/client/src/components/MkTimeline.vue |  5 +-
 packages/client/src/components/MkToast.vue    |  4 +-
 .../src/components/MkTokenGenerateWindow.vue  |  2 +-
 packages/client/src/components/MkTooltip.vue  |  5 +-
 .../src/components/MkTutorialDialog.vue       |  8 +--
 .../client/src/components/MkUrlPreview.vue    |  9 ++-
 .../client/src/components/MkUserCardMini.vue  |  2 +-
 .../client/src/components/MkUserPreview.vue   |  4 +-
 .../client/src/components/MkVisibility.vue    |  2 +-
 .../src/components/MkVisibilityPicker.vue     |  4 +-
 .../client/src/components/MkWaitingDialog.vue |  2 +-
 packages/client/src/components/MkWidgets.vue  |  4 +-
 packages/client/src/components/MkWindow.vue   |  6 +-
 packages/client/src/components/form/input.vue |  2 +-
 .../client/src/components/form/radios.vue     | 12 ++--
 packages/client/src/components/form/range.vue |  4 +-
 .../client/src/components/form/select.vue     |  2 +-
 packages/client/src/components/form/split.vue |  2 +-
 .../client/src/components/form/suspense.vue   |  2 +-
 packages/client/src/components/global/MkA.vue |  4 +-
 .../client/src/components/global/MkAd.vue     |  2 +-
 .../client/src/components/global/MkAvatar.vue |  6 +-
 .../client/src/components/global/MkEmoji.vue  |  8 +--
 .../src/components/global/MkLoading.vue       |  2 +-
 .../global/MkMisskeyFlavoredMarkdown.vue      |  2 +-
 .../src/components/global/MkPageHeader.vue    | 14 +++--
 .../client/src/components/global/MkSpacer.vue |  2 +-
 .../components/global/MkStickyContainer.vue   |  2 +-
 .../client/src/components/global/MkTime.vue   |  2 +-
 .../client/src/components/global/MkUrl.vue    |  4 +-
 .../src/components/global/MkUserName.vue      |  2 +-
 .../src/components/global/RouterView.vue      |  2 +-
 .../src/components/page/page.counter.vue      |  2 +-
 .../client/src/components/page/page.image.vue |  2 +-
 .../client/src/components/page/page.note.vue  |  2 +-
 .../client/src/components/page/page.post.vue  |  2 +-
 .../client/src/components/page/page.text.vue  |  2 +-
 .../src/components/page/page.textarea.vue     |  2 +-
 packages/client/src/pages/_error_.vue         |  4 +-
 packages/client/src/pages/about.emojis.vue    |  8 +--
 .../client/src/pages/about.federation.vue     |  2 +-
 packages/client/src/pages/about.vue           |  4 +-
 packages/client/src/pages/admin-file.vue      |  2 +-
 packages/client/src/pages/admin/_header_.vue  |  6 +-
 .../client/src/pages/admin/bot-protection.vue |  2 +-
 packages/client/src/pages/admin/database.vue  |  2 +-
 packages/client/src/pages/admin/emojis.vue    | 24 ++++----
 .../client/src/pages/admin/federation.vue     |  2 +-
 packages/client/src/pages/admin/files.vue     |  2 +-
 packages/client/src/pages/admin/index.vue     |  4 +-
 .../client/src/pages/admin/overview.pie.vue   |  4 +-
 .../src/pages/admin/overview.queue-chart.vue  |  8 +--
 .../client/src/pages/admin/promotions.vue     |  2 +-
 .../src/pages/admin/queue.chart.chart.vue     |  4 +-
 .../client/src/pages/admin/queue.chart.vue    |  2 +-
 packages/client/src/pages/admin/users.vue     |  4 +-
 .../client/src/pages/antenna-timeline.vue     |  8 +--
 packages/client/src/pages/api-console.vue     |  6 +-
 packages/client/src/pages/auth.vue            |  2 +-
 packages/client/src/pages/channel-editor.vue  |  6 +-
 packages/client/src/pages/channel.vue         |  6 +-
 packages/client/src/pages/channels.vue        |  2 +-
 packages/client/src/pages/clip.vue            | 10 ++--
 packages/client/src/pages/drive.vue           |  2 +-
 packages/client/src/pages/emojis.emoji.vue    |  4 +-
 packages/client/src/pages/explore.users.vue   |  2 +-
 packages/client/src/pages/explore.vue         |  2 +-
 packages/client/src/pages/follow-requests.vue |  2 +-
 packages/client/src/pages/gallery/edit.vue    |  6 +-
 packages/client/src/pages/gallery/index.vue   |  2 +-
 packages/client/src/pages/gallery/post.vue    |  4 +-
 packages/client/src/pages/instance-info.vue   |  4 +-
 packages/client/src/pages/messaging/index.vue | 12 ++--
 .../pages/messaging/messaging-room.form.vue   | 12 ++--
 .../messaging/messaging-room.message.vue      |  2 +-
 .../src/pages/messaging/messaging-room.vue    |  4 +-
 packages/client/src/pages/mfm-cheat-sheet.vue | 40 ++++++-------
 packages/client/src/pages/miauth.vue          |  4 +-
 .../client/src/pages/my-antennas/edit.vue     |  2 +-
 .../client/src/pages/my-antennas/editor.vue   |  6 +-
 packages/client/src/pages/my-groups/group.vue |  4 +-
 packages/client/src/pages/my-groups/index.vue |  2 +-
 packages/client/src/pages/my-lists/list.vue   |  4 +-
 packages/client/src/pages/note.vue            |  8 +--
 packages/client/src/pages/notifications.vue   |  6 +-
 .../page-editor/els/page-editor.el.button.vue |  4 +-
 .../page-editor/els/page-editor.el.canvas.vue |  2 +-
 .../els/page-editor.el.counter.vue            |  2 +-
 .../page-editor/els/page-editor.el.if.vue     |  2 +-
 .../page-editor/els/page-editor.el.image.vue  |  2 +-
 .../page-editor/els/page-editor.el.note.vue   |  4 +-
 .../els/page-editor.el.number-input.vue       |  2 +-
 .../page-editor/els/page-editor.el.post.vue   |  2 +-
 .../els/page-editor.el.radio-button.vue       |  4 +-
 .../els/page-editor.el.section.vue            |  2 +-
 .../page-editor/els/page-editor.el.switch.vue |  2 +-
 .../els/page-editor.el.text-input.vue         |  2 +-
 .../page-editor/els/page-editor.el.text.vue   |  2 +-
 .../els/page-editor.el.textarea-input.vue     |  2 +-
 .../els/page-editor.el.textarea.vue           |  2 +-
 .../pages/page-editor/page-editor.blocks.vue  |  2 +-
 .../page-editor/page-editor.script-block.vue  | 18 +++---
 .../src/pages/page-editor/page-editor.vue     | 10 ++--
 packages/client/src/pages/page.vue            |  4 +-
 packages/client/src/pages/pages.vue           |  2 +-
 packages/client/src/pages/preview.vue         |  2 +-
 packages/client/src/pages/reset-password.vue  |  4 +-
 packages/client/src/pages/scratchpad.vue      |  2 +-
 packages/client/src/pages/search.vue          |  2 +-
 packages/client/src/pages/settings/2fa.vue    |  6 +-
 .../client/src/pages/settings/accounts.vue    |  8 +--
 packages/client/src/pages/settings/api.vue    |  4 +-
 .../src/pages/settings/custom-katex-macro.vue |  6 +-
 packages/client/src/pages/settings/deck.vue   |  2 +-
 packages/client/src/pages/settings/drive.vue  |  2 +-
 packages/client/src/pages/settings/email.vue  | 14 ++---
 .../client/src/pages/settings/general.vue     | 46 +++++++--------
 packages/client/src/pages/settings/index.vue  |  2 +-
 .../client/src/pages/settings/integration.vue |  2 +-
 packages/client/src/pages/settings/navbar.vue |  4 +-
 .../src/pages/settings/notifications.vue      | 12 ++--
 .../src/pages/settings/plugin.install.vue     | 10 ++--
 packages/client/src/pages/settings/plugin.vue |  2 +-
 .../pages/settings/preferences-backups.vue    | 18 +++---
 .../client/src/pages/settings/privacy.vue     |  6 +-
 .../client/src/pages/settings/profile.vue     | 12 ++--
 .../client/src/pages/settings/reaction.vue    | 22 +++----
 .../client/src/pages/settings/security.vue    |  2 +-
 packages/client/src/pages/settings/sounds.vue |  2 +-
 .../pages/settings/statusbar.statusbar.vue    |  8 +--
 .../src/pages/settings/theme.manage.vue       |  2 +-
 packages/client/src/pages/settings/theme.vue  | 20 +++----
 .../client/src/pages/settings/webhook.vue     |  2 +-
 packages/client/src/pages/share.vue           | 20 +++----
 packages/client/src/pages/tag.vue             |  2 +-
 packages/client/src/pages/theme-editor.vue    |  6 +-
 packages/client/src/pages/timeline.vue        | 10 ++--
 packages/client/src/pages/user-info.vue       |  6 +-
 .../client/src/pages/user-list-timeline.vue   |  8 +--
 .../client/src/pages/user/follow-list.vue     |  2 +-
 packages/client/src/pages/user/followers.vue  |  6 +-
 packages/client/src/pages/user/following.vue  |  6 +-
 packages/client/src/pages/user/gallery.vue    |  2 +-
 packages/client/src/pages/user/home.vue       | 14 ++---
 .../client/src/pages/user/index.activity.vue  |  4 +-
 packages/client/src/pages/user/index.vue      |  8 +--
 .../client/src/pages/welcome.entrance.a.vue   |  6 +-
 .../client/src/pages/welcome.entrance.b.vue   |  8 +--
 .../client/src/pages/welcome.entrance.c.vue   |  6 +-
 packages/client/src/pages/welcome.vue         |  2 +-
 packages/client/src/style.scss                | 29 ++++++++--
 packages/client/src/ui/_common_/common.vue    |  6 +-
 .../src/ui/_common_/navbar-for-mobile.vue     |  4 +-
 packages/client/src/ui/_common_/navbar.vue    |  4 +-
 .../client/src/ui/_common_/statusbars.vue     |  4 +-
 packages/client/src/ui/_common_/upload.vue    |  6 +-
 packages/client/src/ui/deck.vue               | 24 +++++---
 packages/client/src/ui/deck/column.vue        |  4 +-
 packages/client/src/ui/deck/main-column.vue   |  4 +-
 .../src/ui/deck/notifications-column.vue      |  4 +-
 packages/client/src/ui/universal.vue          | 20 ++++---
 packages/client/src/ui/universal.widgets.vue  |  6 +-
 packages/client/src/ui/visitor/a.vue          |  2 +-
 packages/client/src/ui/visitor/b.vue          |  9 +--
 packages/client/src/ui/visitor/header.vue     |  4 +-
 packages/client/src/ui/visitor/kanban.vue     |  4 +-
 .../client/src/widgets/activity.chart.vue     | 10 ++--
 packages/client/src/widgets/activity.vue      |  2 +-
 packages/client/src/widgets/aiscript.vue      |  4 +-
 packages/client/src/widgets/button.vue        |  4 +-
 packages/client/src/widgets/calendar.vue      |  2 +-
 packages/client/src/widgets/clock.vue         | 12 ++--
 packages/client/src/widgets/digital-clock.vue | 12 ++--
 packages/client/src/widgets/federation.vue    |  6 +-
 .../client/src/widgets/instance-cloud.vue     |  4 +-
 packages/client/src/widgets/job-queue.vue     |  2 +-
 packages/client/src/widgets/memo.vue          |  4 +-
 packages/client/src/widgets/notifications.vue |  6 +-
 packages/client/src/widgets/online-users.vue  |  2 +-
 packages/client/src/widgets/photos.vue        |  2 +-
 packages/client/src/widgets/post-form.vue     |  2 +-
 packages/client/src/widgets/rss-ticker.vue    |  2 +-
 packages/client/src/widgets/rss.vue           |  2 +-
 packages/client/src/widgets/server-info.vue   |  9 ++-
 .../src/widgets/server-metric/index.vue       |  2 +-
 .../client/src/widgets/server-metric/net.vue  |  2 +-
 .../client/src/widgets/server-metric/pie.vue  |  4 +-
 packages/client/src/widgets/slideshow.vue     |  2 +-
 packages/client/src/widgets/timeline.vue      |  4 +-
 packages/client/src/widgets/trends.vue        |  2 +-
 packages/client/src/widgets/unix-clock.vue    |  4 +-
 packages/client/src/widgets/user-list.vue     |  2 +-
 pnpm-lock.yaml                                | 16 +++--
 275 files changed, 888 insertions(+), 781 deletions(-)

diff --git a/package.json b/package.json
index 3408ce50f9..db96ae1ca5 100644
--- a/package.json
+++ b/package.json
@@ -6,7 +6,7 @@
 		"type": "git",
 		"url": "https://codeberg.org/calckey/calckey.git"
 	},
-	"packageManager": "pnpm@8.6.3",
+	"packageManager": "pnpm@8.6.6",
 	"private": true,
 	"scripts": {
 		"rebuild": "pnpm run clean && pnpm node ./scripts/build-greet.js && pnpm -r run build && pnpm run gulp",
diff --git a/packages/backend/src/queue/processors/inbox.ts b/packages/backend/src/queue/processors/inbox.ts
index 09a69b25cb..0e500b89ed 100644
--- a/packages/backend/src/queue/processors/inbox.ts
+++ b/packages/backend/src/queue/processors/inbox.ts
@@ -37,7 +37,7 @@ export default async (job: Bull.Job<InboxJobData>): Promise<string> => {
 
 	if (!signature?.keyId) {
 		const err = `Invalid signature: ${signature}`;
-		job.moveToFailed({message: err});
+		job.moveToFailed({ message: err });
 		return err;
 	}
 	//#endregion
diff --git a/packages/client/package.json b/packages/client/package.json
index 2ec569381d..e34773ffe8 100644
--- a/packages/client/package.json
+++ b/packages/client/package.json
@@ -57,7 +57,7 @@
 		"matter-js": "0.18.0",
 		"mfm-js": "0.23.3",
 		"photoswipe": "5.3.7",
-		"prettier": "2.8.8",
+		"prettier": "3.0.0",
 		"prettier-plugin-vue": "1.1.6",
 		"prismjs": "1.29.0",
 		"punycode": "2.1.1",
diff --git a/packages/client/src/components/MkAbuseReportWindow.vue b/packages/client/src/components/MkAbuseReportWindow.vue
index 19b8ba5264..6fdf3b9e0b 100644
--- a/packages/client/src/components/MkAbuseReportWindow.vue
+++ b/packages/client/src/components/MkAbuseReportWindow.vue
@@ -67,7 +67,7 @@ function send() {
 			userId: props.user.id,
 			comment: comment.value,
 		},
-		undefined
+		undefined,
 	).then((res) => {
 		os.alert({
 			type: "success",
diff --git a/packages/client/src/components/MkAnalogClock.vue b/packages/client/src/components/MkAnalogClock.vue
index 43d81f2a96..2c67d2dcda 100644
--- a/packages/client/src/components/MkAnalogClock.vue
+++ b/packages/client/src/components/MkAnalogClock.vue
@@ -19,7 +19,7 @@
 								0,
 								1 -
 									angleDiff(hAngle, angle) / Math.PI -
-									numbersOpacityFactor
+									numbersOpacityFactor,
 						  )
 				"
 			/>
@@ -48,7 +48,7 @@
 								0,
 								1 -
 									angleDiff(hAngle, angle) / Math.PI -
-									numbersOpacityFactor
+									numbersOpacityFactor,
 						  )
 				"
 			>
@@ -151,7 +151,7 @@ const props = withDefaults(
 		graduations: "dots",
 		fadeGraduations: true,
 		sAnimation: "elastic",
-	}
+	},
 );
 
 const graduationsMajor = computed(() => {
@@ -192,7 +192,7 @@ let sOneRound = false;
 function tick() {
 	const now = new Date();
 	now.setMinutes(
-		now.getMinutes() + (new Date().getTimezoneOffset() + props.offset)
+		now.getMinutes() + (new Date().getTimezoneOffset() + props.offset),
 	);
 	s = now.getSeconds();
 	m = now.getMinutes();
@@ -225,7 +225,7 @@ function calcColors() {
 	const computedStyle = getComputedStyle(document.documentElement);
 	const dark = tinycolor(computedStyle.getPropertyValue("--bg")).isDark();
 	const accent = tinycolor(
-		computedStyle.getPropertyValue("--accent")
+		computedStyle.getPropertyValue("--accent"),
 	).toHexString();
 	majorGraduationColor = dark
 		? "rgba(255, 255, 255, 0.3)"
@@ -233,7 +233,7 @@ function calcColors() {
 	//minorGraduationColor = dark ? 'rgba(255, 255, 255, 0.2)' : 'rgba(0, 0, 0, 0.2)';
 	sHandColor = dark ? "rgba(255, 255, 255, 0.5)" : "rgba(0, 0, 0, 0.3)";
 	mHandColor = tinycolor(
-		computedStyle.getPropertyValue("--fg")
+		computedStyle.getPropertyValue("--fg"),
 	).toHexString();
 	hHandColor = accent;
 	nowColor = accent;
diff --git a/packages/client/src/components/MkAutocomplete.vue b/packages/client/src/components/MkAutocomplete.vue
index 37207a14f7..e1a61f11f8 100644
--- a/packages/client/src/components/MkAutocomplete.vue
+++ b/packages/client/src/components/MkAutocomplete.vue
@@ -268,7 +268,7 @@ function exec() {
 	} else if (props.type === "hashtag") {
 		if (!props.q || props.q === "") {
 			hashtags.value = JSON.parse(
-				localStorage.getItem("hashtags") || "[]"
+				localStorage.getItem("hashtags") || "[]",
 			);
 			fetching.value = false;
 		} else {
@@ -288,7 +288,7 @@ function exec() {
 					// キャッシュ
 					sessionStorage.setItem(
 						cacheKey,
-						JSON.stringify(searchedHashtags)
+						JSON.stringify(searchedHashtags),
 					);
 				});
 			}
@@ -298,7 +298,7 @@ function exec() {
 			// 最近使った絵文字をサジェスト
 			emojis.value = defaultStore.state.recentlyUsedEmojis
 				.map((emoji) =>
-					emojiDb.find((dbEmoji) => dbEmoji.emoji === emoji)
+					emojiDb.find((dbEmoji) => dbEmoji.emoji === emoji),
 				)
 				.filter((x) => x) as EmojiDef[];
 			return;
@@ -450,7 +450,7 @@ onMounted(() => {
 				nextTick(() => {
 					exec();
 				});
-			}
+			},
 		);
 	});
 });
@@ -470,7 +470,9 @@ onBeforeUnmount(() => {
 	max-width: 100%;
 	margin-top: calc(1em + 8px);
 	overflow: hidden;
-	transition: top 0.1s ease, left 0.1s ease;
+	transition:
+		top 0.1s ease,
+		left 0.1s ease;
 
 	> ol {
 		display: block;
diff --git a/packages/client/src/components/MkButton.vue b/packages/client/src/components/MkButton.vue
index aa0adb54bd..ab02819086 100644
--- a/packages/client/src/components/MkButton.vue
+++ b/packages/client/src/components/MkButton.vue
@@ -90,7 +90,7 @@ function onMousedown(evt: MouseEvent): void {
 		target.clientWidth,
 		target.clientHeight,
 		circleCenterX,
-		circleCenterY
+		circleCenterY,
 	);
 
 	window.setTimeout(() => {
diff --git a/packages/client/src/components/MkCaptcha.vue b/packages/client/src/components/MkCaptcha.vue
index 554d4ac3a7..71d8c29964 100644
--- a/packages/client/src/components/MkCaptcha.vue
+++ b/packages/client/src/components/MkCaptcha.vue
@@ -25,7 +25,7 @@ type Captcha = {
 				| "expired-callback"
 				| "error-callback"
 				| "endpoint"]?: unknown;
-		}
+		},
 	): string;
 	remove(id: string): void;
 	execute(id: string): void;
@@ -78,7 +78,7 @@ const src = computed(() => {
 });
 
 const captcha = computed<Captcha>(
-	() => window[variable.value] || ({} as unknown as Captcha)
+	() => window[variable.value] || ({} as unknown as Captcha),
 );
 
 if (loaded) {
@@ -91,7 +91,7 @@ if (loaded) {
 				async: true,
 				id: props.provider,
 				src: src.value,
-			})
+			}),
 		)
 	).addEventListener("load", () => (available.value = true));
 }
diff --git a/packages/client/src/components/MkChannelFollowButton.vue b/packages/client/src/components/MkChannelFollowButton.vue
index b4cb1a87f7..77b5f5f495 100644
--- a/packages/client/src/components/MkChannelFollowButton.vue
+++ b/packages/client/src/components/MkChannelFollowButton.vue
@@ -34,7 +34,7 @@ const props = withDefaults(
 	}>(),
 	{
 		full: false,
-	}
+	},
 );
 
 const isFollowing = ref<boolean>(props.channel.isFollowing);
diff --git a/packages/client/src/components/MkChannelList.vue b/packages/client/src/components/MkChannelList.vue
index c284736f28..c5452cd124 100644
--- a/packages/client/src/components/MkChannelList.vue
+++ b/packages/client/src/components/MkChannelList.vue
@@ -35,7 +35,7 @@ const props = withDefaults(
 	}>(),
 	{
 		extractor: (item) => item,
-	}
+	},
 );
 </script>
 
diff --git a/packages/client/src/components/MkChart.vue b/packages/client/src/components/MkChart.vue
index 310d980b49..fab89e0b0c 100644
--- a/packages/client/src/components/MkChart.vue
+++ b/packages/client/src/components/MkChart.vue
@@ -91,7 +91,7 @@ Chart.register(
 	Tooltip,
 	SubTitle,
 	Filler,
-	zoomPlugin
+	zoomPlugin,
 	//gradient,
 );
 
@@ -179,11 +179,11 @@ const render = () => {
 
 	// フォントカラー
 	Chart.defaults.color = getComputedStyle(
-		document.documentElement
+		document.documentElement,
 	).getPropertyValue("--fg");
 
 	const maxes = chartData.series.map((x, i) =>
-		Math.max(...x.data.map((d) => d.y))
+		Math.max(...x.data.map((d) => d.y)),
 	);
 
 	chartInstance = new Chart(chartEl.value, {
@@ -471,9 +471,9 @@ const fetchNotesChart = async (type: string): Promise<typeof chartData> => {
 								raw.local.inc,
 								negate(raw.local.dec),
 								raw.remote.inc,
-								negate(raw.remote.dec)
+								negate(raw.remote.dec),
 						  )
-						: sum(raw[type].inc, negate(raw[type].dec))
+						: sum(raw[type].inc, negate(raw[type].dec)),
 				),
 				color: "#888888",
 			},
@@ -483,7 +483,7 @@ const fetchNotesChart = async (type: string): Promise<typeof chartData> => {
 				data: format(
 					type === "combined"
 						? sum(raw.local.diffs.renote, raw.remote.diffs.renote)
-						: raw[type].diffs.renote
+						: raw[type].diffs.renote,
 				),
 				color: colors.green,
 			},
@@ -493,7 +493,7 @@ const fetchNotesChart = async (type: string): Promise<typeof chartData> => {
 				data: format(
 					type === "combined"
 						? sum(raw.local.diffs.reply, raw.remote.diffs.reply)
-						: raw[type].diffs.reply
+						: raw[type].diffs.reply,
 				),
 				color: colors.yellow,
 			},
@@ -503,7 +503,7 @@ const fetchNotesChart = async (type: string): Promise<typeof chartData> => {
 				data: format(
 					type === "combined"
 						? sum(raw.local.diffs.normal, raw.remote.diffs.normal)
-						: raw[type].diffs.normal
+						: raw[type].diffs.normal,
 				),
 				color: colors.blue,
 			},
@@ -514,9 +514,9 @@ const fetchNotesChart = async (type: string): Promise<typeof chartData> => {
 					type === "combined"
 						? sum(
 								raw.local.diffs.withFile,
-								raw.remote.diffs.withFile
+								raw.remote.diffs.withFile,
 						  )
-						: raw[type].diffs.withFile
+						: raw[type].diffs.withFile,
 				),
 				color: colors.purple,
 			},
@@ -567,8 +567,8 @@ const fetchUsersChart = async (total: boolean): Promise<typeof chartData> => {
 								raw.local.inc,
 								negate(raw.local.dec),
 								raw.remote.inc,
-								negate(raw.remote.dec)
-						  )
+								negate(raw.remote.dec),
+						  ),
 				),
 			},
 			{
@@ -577,7 +577,7 @@ const fetchUsersChart = async (total: boolean): Promise<typeof chartData> => {
 				data: format(
 					total
 						? raw.local.total
-						: sum(raw.local.inc, negate(raw.local.dec))
+						: sum(raw.local.inc, negate(raw.local.dec)),
 				),
 			},
 			{
@@ -586,7 +586,7 @@ const fetchUsersChart = async (total: boolean): Promise<typeof chartData> => {
 				data: format(
 					total
 						? raw.remote.total
-						: sum(raw.remote.inc, negate(raw.remote.dec))
+						: sum(raw.remote.inc, negate(raw.remote.dec)),
 				),
 			},
 		],
@@ -675,8 +675,8 @@ const fetchDriveChart = async (): Promise<typeof chartData> => {
 						raw.local.incSize,
 						negate(raw.local.decSize),
 						raw.remote.incSize,
-						negate(raw.remote.decSize)
-					)
+						negate(raw.remote.decSize),
+					),
 				),
 			},
 			{
@@ -719,8 +719,8 @@ const fetchDriveFilesChart = async (): Promise<typeof chartData> => {
 						raw.local.incCount,
 						negate(raw.local.decCount),
 						raw.remote.incCount,
-						negate(raw.remote.decCount)
-					)
+						negate(raw.remote.decCount),
+					),
 				),
 			},
 			{
@@ -778,7 +778,7 @@ const fetchInstanceRequestsChart = async (): Promise<typeof chartData> => {
 };
 
 const fetchInstanceUsersChart = async (
-	total: boolean
+	total: boolean,
 ): Promise<typeof chartData> => {
 	const raw = await os.apiGet("charts/instance", {
 		host: props.args.host,
@@ -794,7 +794,7 @@ const fetchInstanceUsersChart = async (
 				data: format(
 					total
 						? raw.users.total
-						: sum(raw.users.inc, negate(raw.users.dec))
+						: sum(raw.users.inc, negate(raw.users.dec)),
 				),
 			},
 		],
@@ -802,7 +802,7 @@ const fetchInstanceUsersChart = async (
 };
 
 const fetchInstanceNotesChart = async (
-	total: boolean
+	total: boolean,
 ): Promise<typeof chartData> => {
 	const raw = await os.apiGet("charts/instance", {
 		host: props.args.host,
@@ -818,7 +818,7 @@ const fetchInstanceNotesChart = async (
 				data: format(
 					total
 						? raw.notes.total
-						: sum(raw.notes.inc, negate(raw.notes.dec))
+						: sum(raw.notes.inc, negate(raw.notes.dec)),
 				),
 			},
 		],
@@ -826,7 +826,7 @@ const fetchInstanceNotesChart = async (
 };
 
 const fetchInstanceFfChart = async (
-	total: boolean
+	total: boolean,
 ): Promise<typeof chartData> => {
 	const raw = await os.apiGet("charts/instance", {
 		host: props.args.host,
@@ -842,7 +842,7 @@ const fetchInstanceFfChart = async (
 				data: format(
 					total
 						? raw.following.total
-						: sum(raw.following.inc, negate(raw.following.dec))
+						: sum(raw.following.inc, negate(raw.following.dec)),
 				),
 			},
 			{
@@ -852,7 +852,7 @@ const fetchInstanceFfChart = async (
 				data: format(
 					total
 						? raw.followers.total
-						: sum(raw.followers.inc, negate(raw.followers.dec))
+						: sum(raw.followers.inc, negate(raw.followers.dec)),
 				),
 			},
 		],
@@ -860,7 +860,7 @@ const fetchInstanceFfChart = async (
 };
 
 const fetchInstanceDriveUsageChart = async (
-	total: boolean
+	total: boolean,
 ): Promise<typeof chartData> => {
 	const raw = await os.apiGet("charts/instance", {
 		host: props.args.host,
@@ -877,7 +877,7 @@ const fetchInstanceDriveUsageChart = async (
 				data: format(
 					total
 						? raw.drive.totalUsage
-						: sum(raw.drive.incUsage, negate(raw.drive.decUsage))
+						: sum(raw.drive.incUsage, negate(raw.drive.decUsage)),
 				),
 			},
 		],
@@ -885,7 +885,7 @@ const fetchInstanceDriveUsageChart = async (
 };
 
 const fetchInstanceDriveFilesChart = async (
-	total: boolean
+	total: boolean,
 ): Promise<typeof chartData> => {
 	const raw = await os.apiGet("charts/instance", {
 		host: props.args.host,
@@ -901,7 +901,7 @@ const fetchInstanceDriveFilesChart = async (
 				data: format(
 					total
 						? raw.drive.totalFiles
-						: sum(raw.drive.incFiles, negate(raw.drive.decFiles))
+						: sum(raw.drive.incFiles, negate(raw.drive.decFiles)),
 				),
 			},
 		],
diff --git a/packages/client/src/components/MkChatPreview.vue b/packages/client/src/components/MkChatPreview.vue
index c2f9d9db5b..2d7e1296d0 100644
--- a/packages/client/src/components/MkChatPreview.vue
+++ b/packages/client/src/components/MkChatPreview.vue
@@ -11,7 +11,7 @@
 			message.groupId
 				? `/my/messaging/group/${message.groupId}`
 				: `/my/messaging/${getAcct(
-						isMe(message) ? message.recipient : message.user
+						isMe(message) ? message.recipient : message.user,
 				  )}`
 		"
 	>
diff --git a/packages/client/src/components/MkCode.core.vue b/packages/client/src/components/MkCode.core.vue
index c397a950c1..579c6cf1ec 100644
--- a/packages/client/src/components/MkCode.core.vue
+++ b/packages/client/src/components/MkCode.core.vue
@@ -18,13 +18,13 @@ const props = defineProps<{
 }>();
 
 const prismLang = computed(() =>
-	Prism.languages[props.lang] ? props.lang : "js"
+	Prism.languages[props.lang] ? props.lang : "js",
 );
 const html = computed(() =>
 	Prism.highlight(
 		props.code,
 		Prism.languages[prismLang.value],
-		prismLang.value
-	)
+		prismLang.value,
+	),
 );
 </script>
diff --git a/packages/client/src/components/MkCode.vue b/packages/client/src/components/MkCode.vue
index f012b5312e..2e3fb3f0e3 100644
--- a/packages/client/src/components/MkCode.vue
+++ b/packages/client/src/components/MkCode.vue
@@ -12,6 +12,6 @@ defineProps<{
 }>();
 
 const XCode = defineAsyncComponent(
-	() => import("@/components/MkCode.core.vue")
+	() => import("@/components/MkCode.core.vue"),
 );
 </script>
diff --git a/packages/client/src/components/MkContainer.vue b/packages/client/src/components/MkContainer.vue
index 4c4e91160c..468982129a 100644
--- a/packages/client/src/components/MkContainer.vue
+++ b/packages/client/src/components/MkContainer.vue
@@ -125,7 +125,7 @@ export default defineComponent({
 			},
 			{
 				immediate: true,
-			}
+			},
 		);
 
 		this.$el.style.setProperty("--maxHeight", this.maxHeight + "px");
@@ -174,7 +174,9 @@ export default defineComponent({
 .container-toggle-enter-active,
 .container-toggle-leave-active {
 	overflow-y: hidden;
-	transition: opacity 0.5s, height 0.5s !important;
+	transition:
+		opacity 0.5s,
+		height 0.5s !important;
 }
 .container-toggle-enter-from {
 	opacity: 0;
diff --git a/packages/client/src/components/MkContextMenu.vue b/packages/client/src/components/MkContextMenu.vue
index 3e94dd59d0..d615b63521 100644
--- a/packages/client/src/components/MkContextMenu.vue
+++ b/packages/client/src/components/MkContextMenu.vue
@@ -80,7 +80,8 @@ function onMousedown(evt: Event) {
 
 .fade-enter-active,
 .fade-leave-active {
-	transition: opacity 0.5s cubic-bezier(0.16, 1, 0.3, 1),
+	transition:
+		opacity 0.5s cubic-bezier(0.16, 1, 0.3, 1),
 		transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
 	transform-origin: left top;
 }
diff --git a/packages/client/src/components/MkCropperDialog.vue b/packages/client/src/components/MkCropperDialog.vue
index cce948572d..b7d25bd35d 100644
--- a/packages/client/src/components/MkCropperDialog.vue
+++ b/packages/client/src/components/MkCropperDialog.vue
@@ -118,7 +118,7 @@ onMounted(() => {
 
 	const selection = cropper.getCropperSelection()!;
 	selection.themeColor = tinycolor(
-		computedStyle.getPropertyValue("--accent")
+		computedStyle.getPropertyValue("--accent"),
 	).toHexString();
 	selection.aspectRatio = props.aspectRatio;
 	selection.initialAspectRatio = props.aspectRatio;
diff --git a/packages/client/src/components/MkCwButton.vue b/packages/client/src/components/MkCwButton.vue
index f7fcb1d012..4db39f1ac9 100644
--- a/packages/client/src/components/MkCwButton.vue
+++ b/packages/client/src/components/MkCwButton.vue
@@ -63,7 +63,9 @@ defineExpose({
 	> span {
 		background: var(--cwBg) !important;
 		color: var(--cwFg);
-		transition: background 0.2s, color 0.2s;
+		transition:
+			background 0.2s,
+			color 0.2s;
 		> span {
 			font-weight: 500;
 			&::before {
diff --git a/packages/client/src/components/MkDateSeparatedList.vue b/packages/client/src/components/MkDateSeparatedList.vue
index 7ecc91808a..ebb66ea1f4 100644
--- a/packages/client/src/components/MkDateSeparatedList.vue
+++ b/packages/client/src/components/MkDateSeparatedList.vue
@@ -84,8 +84,8 @@ export default defineComponent({
 										class: "ph-caret-down ph-bold ph-lg icon",
 									}),
 								]),
-							]
-						)
+							],
+						),
 					);
 
 					return [el, separator];
@@ -119,7 +119,7 @@ export default defineComponent({
 					: {
 							class: "sqadhkmv" + (props.noGap ? " noGap" : ""),
 					  },
-				{ default: renderChildren }
+				{ default: renderChildren },
 			);
 	},
 });
@@ -140,7 +140,8 @@ export default defineComponent({
 	}
 
 	> .list-enter-active {
-		transition: transform 0.7s cubic-bezier(0.23, 1, 0.32, 1),
+		transition:
+			transform 0.7s cubic-bezier(0.23, 1, 0.32, 1),
 			opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1);
 	}
 
diff --git a/packages/client/src/components/MkDialog.vue b/packages/client/src/components/MkDialog.vue
index f870005eff..5a106a5b2a 100644
--- a/packages/client/src/components/MkDialog.vue
+++ b/packages/client/src/components/MkDialog.vue
@@ -78,14 +78,24 @@
 							okButtonDisabled &&
 							disabledReason === 'charactersExceeded'
 						"
-						v-text="i18n.t('_dialog.charactersExceeded', { current: (inputValue as string).length, max: input.maxLength ?? 'NaN' })"
+						v-text="
+							i18n.t('_dialog.charactersExceeded', {
+								current: (inputValue as string).length,
+								max: input.maxLength ?? 'NaN',
+							})
+						"
 					/>
 					<span
 						v-else-if="
 							okButtonDisabled &&
 							disabledReason === 'charactersBelow'
 						"
-						v-text="i18n.t('_dialog.charactersBelow', { current: (inputValue as string).length, min: input.minLength ?? 'NaN' })"
+						v-text="
+							i18n.t('_dialog.charactersBelow', {
+								current: (inputValue as string).length,
+								min: input.minLength ?? 'NaN',
+							})
+						"
 					/>
 				</template>
 				<template v-if="input.type === 'search'" #suffix>
@@ -258,7 +268,7 @@ const props = withDefaults(
 		isYesNo: false,
 
 		cancelableByBgClick: true,
-	}
+	},
 );
 
 const emit = defineEmits<{
@@ -272,7 +282,7 @@ const inputValue = ref<string | number | null>(props.input?.default ?? null);
 const selectedValue = ref(props.select?.default ?? null);
 
 let disabledReason = $ref<null | "charactersExceeded" | "charactersBelow">(
-	null
+	null,
 );
 const okButtonDisabled = $computed<boolean>(() => {
 	if (props.input) {
@@ -439,7 +449,7 @@ async function openSearchFilters(ev) {
 			},
 		],
 		ev.target,
-		{ noReturnFocus: true }
+		{ noReturnFocus: true },
 	);
 	inputEl.value.focus();
 	inputEl.value.selectRange(inputValue.value.length, inputValue.value.length); // cursor at end
diff --git a/packages/client/src/components/MkDigitalClock.vue b/packages/client/src/components/MkDigitalClock.vue
index c4edecbeca..b42ecf19eb 100644
--- a/packages/client/src/components/MkDigitalClock.vue
+++ b/packages/client/src/components/MkDigitalClock.vue
@@ -23,7 +23,7 @@ const props = withDefaults(
 		showS: true,
 		showMs: false,
 		offset: 0 - new Date().getTimezoneOffset(),
-	}
+	},
 );
 
 let intervalId;
@@ -45,7 +45,7 @@ watch(showColon, (v) => {
 const tick = () => {
 	const now = new Date();
 	now.setMinutes(
-		now.getMinutes() + (new Date().getTimezoneOffset() + props.offset)
+		now.getMinutes() + (new Date().getTimezoneOffset() + props.offset),
 	);
 	hh.value = now.getHours().toString().padStart(2, "0");
 	mm.value = now.getMinutes().toString().padStart(2, "0");
@@ -65,7 +65,7 @@ watch(
 		if (intervalId) window.clearInterval(intervalId);
 		intervalId = window.setInterval(tick, props.showMs ? 10 : 1000);
 	},
-	{ immediate: true }
+	{ immediate: true },
 );
 
 onUnmounted(() => {
diff --git a/packages/client/src/components/MkDrive.file.vue b/packages/client/src/components/MkDrive.file.vue
index ab3953f825..894fab4698 100644
--- a/packages/client/src/components/MkDrive.file.vue
+++ b/packages/client/src/components/MkDrive.file.vue
@@ -56,7 +56,7 @@ const props = withDefaults(
 	{
 		isSelected: false,
 		selectMode: false,
-	}
+	},
 );
 
 const emit = defineEmits<{
@@ -68,7 +68,7 @@ const emit = defineEmits<{
 const isDragging = ref(false);
 
 const title = computed(
-	() => `${props.file.name}\n${props.file.type} ${bytes(props.file.size)}`
+	() => `${props.file.name}\n${props.file.type} ${bytes(props.file.size)}`,
 );
 
 function getMenu() {
@@ -124,7 +124,7 @@ function onClick(ev: MouseEvent) {
 			getMenu(),
 			(ev.currentTarget ?? ev.target ?? undefined) as
 				| HTMLElement
-				| undefined
+				| undefined,
 		);
 	}
 }
@@ -138,7 +138,7 @@ function onDragstart(ev: DragEvent) {
 		ev.dataTransfer.effectAllowed = "move";
 		ev.dataTransfer.setData(
 			_DATA_TRANSFER_DRIVE_FILE_,
-			JSON.stringify(props.file)
+			JSON.stringify(props.file),
 		);
 	}
 	isDragging.value = true;
@@ -186,7 +186,7 @@ function describe() {
 				});
 			},
 		},
-		"closed"
+		"closed",
 	);
 }
 
diff --git a/packages/client/src/components/MkDrive.folder.vue b/packages/client/src/components/MkDrive.folder.vue
index aff6219f5e..a1af0597b7 100644
--- a/packages/client/src/components/MkDrive.folder.vue
+++ b/packages/client/src/components/MkDrive.folder.vue
@@ -52,7 +52,7 @@ const props = withDefaults(
 	{
 		isSelected: false,
 		selectMode: false,
-	}
+	},
 );
 
 const emit = defineEmits<{
@@ -184,7 +184,7 @@ function onDragstart(ev: DragEvent) {
 	ev.dataTransfer.effectAllowed = "move";
 	ev.dataTransfer.setData(
 		_DATA_TRANSFER_DRIVE_FOLDER_,
-		JSON.stringify(props.folder)
+		JSON.stringify(props.folder),
 	);
 	isDragging.value = true;
 
@@ -256,13 +256,13 @@ function onContextmenu(ev: MouseEvent) {
 				action: () => {
 					os.popup(
 						defineAsyncComponent(
-							() => import("@/components/MkDriveWindow.vue")
+							() => import("@/components/MkDriveWindow.vue"),
 						),
 						{
 							initialFolder: props.folder,
 						},
 						{},
-						"closed"
+						"closed",
 					);
 				},
 			},
@@ -280,7 +280,7 @@ function onContextmenu(ev: MouseEvent) {
 				action: deleteFolder,
 			},
 		],
-		ev
+		ev,
 	);
 }
 </script>
diff --git a/packages/client/src/components/MkDrive.navFolder.vue b/packages/client/src/components/MkDrive.navFolder.vue
index aa0bea1927..f66a00d3ec 100644
--- a/packages/client/src/components/MkDrive.navFolder.vue
+++ b/packages/client/src/components/MkDrive.navFolder.vue
@@ -29,7 +29,7 @@ const emit = defineEmits<{
 	(
 		ev: "upload",
 		file: File,
-		folder?: Misskey.entities.DriveFolder | null
+		folder?: Misskey.entities.DriveFolder | null,
 	): void;
 	(ev: "removeFile", v: Misskey.entities.DriveFile["id"]): void;
 	(ev: "removeFolder", v: Misskey.entities.DriveFolder["id"]): void;
diff --git a/packages/client/src/components/MkDrive.vue b/packages/client/src/components/MkDrive.vue
index d52e796e5a..15a88cfd47 100644
--- a/packages/client/src/components/MkDrive.vue
+++ b/packages/client/src/components/MkDrive.vue
@@ -161,17 +161,17 @@ const props = withDefaults(
 	{
 		multiple: false,
 		select: null,
-	}
+	},
 );
 
 const emit = defineEmits<{
 	(
 		ev: "selected",
-		v: Misskey.entities.DriveFile | Misskey.entities.DriveFolder
+		v: Misskey.entities.DriveFile | Misskey.entities.DriveFolder,
 	): void;
 	(
 		ev: "change-selection",
-		v: Misskey.entities.DriveFile[] | Misskey.entities.DriveFolder[]
+		v: Misskey.entities.DriveFile[] | Misskey.entities.DriveFolder[],
 	): void;
 	(ev: "move-root"): void;
 	(ev: "cd", v: Misskey.entities.DriveFolder | null): void;
@@ -207,7 +207,7 @@ const ilFilesObserver = new IntersectionObserver(
 		entries.some((entry) => entry.isIntersecting) &&
 		!fetching.value &&
 		moreFiles.value &&
-		fetchMoreFiles()
+		fetchMoreFiles(),
 );
 
 watch(folder, () => emit("cd", folder.value));
@@ -230,13 +230,13 @@ function onStreamDriveFileDeleted(fileId: string) {
 }
 
 function onStreamDriveFolderCreated(
-	createdFolder: Misskey.entities.DriveFolder
+	createdFolder: Misskey.entities.DriveFolder,
 ) {
 	addFolder(createdFolder, true);
 }
 
 function onStreamDriveFolderUpdated(
-	updatedFolder: Misskey.entities.DriveFolder
+	updatedFolder: Misskey.entities.DriveFolder,
 ) {
 	const current = folder.value ? folder.value.id : null;
 	if (current !== updatedFolder.parentId) {
@@ -433,7 +433,7 @@ function onChangeFileInput() {
 
 function upload(
 	file: File,
-	folderToUpload?: Misskey.entities.DriveFolder | null
+	folderToUpload?: Misskey.entities.DriveFolder | null,
 ) {
 	uploadFile(
 		file,
@@ -441,7 +441,7 @@ function upload(
 			? folderToUpload.id
 			: null,
 		undefined,
-		keepOriginal.value
+		keepOriginal.value,
 	).then((res) => {
 		addFile(res, true);
 	});
@@ -452,7 +452,7 @@ function chooseFile(file: Misskey.entities.DriveFile) {
 	if (props.multiple) {
 		if (isAlreadySelected) {
 			selectedFiles.value = selectedFiles.value.filter(
-				(f) => f.id !== file.id
+				(f) => f.id !== file.id,
 			);
 		} else {
 			selectedFiles.value.push(file);
@@ -470,12 +470,12 @@ function chooseFile(file: Misskey.entities.DriveFile) {
 
 function chooseFolder(folderToChoose: Misskey.entities.DriveFolder) {
 	const isAlreadySelected = selectedFolders.value.some(
-		(f) => f.id === folderToChoose.id
+		(f) => f.id === folderToChoose.id,
 	);
 	if (props.multiple) {
 		if (isAlreadySelected) {
 			selectedFolders.value = selectedFolders.value.filter(
-				(f) => f.id !== folderToChoose.id
+				(f) => f.id !== folderToChoose.id,
 			);
 		} else {
 			selectedFolders.value.push(folderToChoose);
@@ -707,7 +707,7 @@ function getMenu() {
 					icon: "ph-trash ph-bold ph-lg",
 					action: () => {
 						deleteFolder(
-							folder.value as Misskey.entities.DriveFolder
+							folder.value as Misskey.entities.DriveFolder,
 						);
 					},
 			  }
@@ -725,7 +725,7 @@ function getMenu() {
 function showMenu(ev: MouseEvent) {
 	os.popupMenu(
 		getMenu(),
-		(ev.currentTarget ?? ev.target ?? undefined) as HTMLElement | undefined
+		(ev.currentTarget ?? ev.target ?? undefined) as HTMLElement | undefined,
 	);
 }
 
diff --git a/packages/client/src/components/MkDriveSelectDialog.vue b/packages/client/src/components/MkDriveSelectDialog.vue
index 6b419e2539..13183d5250 100644
--- a/packages/client/src/components/MkDriveSelectDialog.vue
+++ b/packages/client/src/components/MkDriveSelectDialog.vue
@@ -50,7 +50,7 @@ withDefaults(
 	}>(),
 	{
 		type: "file",
-	}
+	},
 );
 
 const emit = defineEmits<{
diff --git a/packages/client/src/components/MkEmojiPicker.section.vue b/packages/client/src/components/MkEmojiPicker.section.vue
index 1a9bccb149..d7d1ba8f05 100644
--- a/packages/client/src/components/MkEmojiPicker.section.vue
+++ b/packages/client/src/components/MkEmojiPicker.section.vue
@@ -16,7 +16,7 @@
 					class="_button"
 					@click.stop="
 						applyUnicodeSkinTone(
-							props.skinTones.indexOf(skinTone) + 1
+							props.skinTones.indexOf(skinTone) + 1,
 						)
 					"
 				>
@@ -83,7 +83,7 @@ watch(
 	() => props.emojis,
 	(newVal) => {
 		localEmojis.value = [...newVal];
-	}
+	},
 );
 </script>
 
diff --git a/packages/client/src/components/MkEmojiPicker.vue b/packages/client/src/components/MkEmojiPicker.vue
index 88eaf3eedd..17c1a9302d 100644
--- a/packages/client/src/components/MkEmojiPicker.vue
+++ b/packages/client/src/components/MkEmojiPicker.vue
@@ -191,7 +191,7 @@ const props = withDefaults(
 	}>(),
 	{
 		showPinned: true,
-	}
+	},
 );
 
 const emit = defineEmits<{
@@ -229,13 +229,13 @@ const unicodeEmojiSkinToneLabels = [
 ];
 
 const size = computed(() =>
-	props.asReactionPicker ? reactionPickerSize.value : 1
+	props.asReactionPicker ? reactionPickerSize.value : 1,
 );
 const width = computed(() =>
-	props.asReactionPicker ? reactionPickerWidth.value : 3
+	props.asReactionPicker ? reactionPickerWidth.value : 3,
 );
 const height = computed(() =>
-	props.asReactionPicker ? reactionPickerHeight.value : 2
+	props.asReactionPicker ? reactionPickerHeight.value : 2,
 );
 const customEmojiCategories = emojiCategories;
 const customEmojis = instance.emojis;
@@ -283,8 +283,8 @@ watch(q, () => {
 						(keyword) =>
 							emoji.name.includes(keyword) ||
 							emoji.aliases.some((alias) =>
-								alias.includes(keyword)
-							)
+								alias.includes(keyword),
+							),
 					)
 				) {
 					matches.add(emoji);
@@ -355,8 +355,8 @@ watch(q, () => {
 						(keyword) =>
 							emoji.slug.includes(keyword) ||
 							emoji.keywords?.some((alias) =>
-								alias.includes(keyword)
-							)
+								alias.includes(keyword),
+							),
 					)
 				) {
 					matches.add(emoji);
@@ -419,7 +419,7 @@ function reset() {
 }
 
 function getKey(
-	emoji: string | Misskey.entities.CustomEmoji | UnicodeEmojiDef
+	emoji: string | Misskey.entities.CustomEmoji | UnicodeEmojiDef,
 ): string {
 	return typeof emoji === "string" ? emoji : emoji.emoji || `:${emoji.name}:`;
 }
@@ -465,7 +465,7 @@ function done(query?: any): boolean | void {
 		return true;
 	}
 	const exactMatchUnicode = emojilist.find(
-		(emoji) => emoji.emoji === q2 || emoji.slug === q2
+		(emoji) => emoji.emoji === q2 || emoji.slug === q2,
 	);
 	if (exactMatchUnicode) {
 		chosen(exactMatchUnicode);
diff --git a/packages/client/src/components/MkEmojiPickerDialog.vue b/packages/client/src/components/MkEmojiPickerDialog.vue
index 204505e89f..fcd2f26a3c 100644
--- a/packages/client/src/components/MkEmojiPickerDialog.vue
+++ b/packages/client/src/components/MkEmojiPickerDialog.vue
@@ -47,7 +47,7 @@ withDefaults(
 		manualShowing: null,
 		showPinned: true,
 		asReactionPicker: false,
-	}
+	},
 );
 
 const emit = defineEmits<{
diff --git a/packages/client/src/components/MkFileListForAdmin.vue b/packages/client/src/components/MkFileListForAdmin.vue
index 1d485a1d61..1548b577ad 100644
--- a/packages/client/src/components/MkFileListForAdmin.vue
+++ b/packages/client/src/components/MkFileListForAdmin.vue
@@ -11,7 +11,7 @@
 				:key="file.id"
 				v-tooltip.mfm="
 					`${file.type}\n${bytes(file.size)}\n${new Date(
-						file.createdAt
+						file.createdAt,
 					).toLocaleString()}\nby ${
 						file.user ? '@' + Acct.toString(file.user) : 'system'
 					}`
diff --git a/packages/client/src/components/MkFolder.vue b/packages/client/src/components/MkFolder.vue
index 3ef54d920a..bf08ac24ad 100644
--- a/packages/client/src/components/MkFolder.vue
+++ b/packages/client/src/components/MkFolder.vue
@@ -56,7 +56,7 @@ export default defineComponent({
 				this.persistKey &&
 				localStorage.getItem(localStoragePrefix + this.persistKey)
 					? localStorage.getItem(
-							localStoragePrefix + this.persistKey
+							localStoragePrefix + this.persistKey,
 					  ) === "t"
 					: this.expanded,
 		};
@@ -66,7 +66,7 @@ export default defineComponent({
 			if (this.persistKey) {
 				localStorage.setItem(
 					localStoragePrefix + this.persistKey,
-					this.showBody ? "t" : "f"
+					this.showBody ? "t" : "f",
 				);
 			}
 		},
@@ -85,9 +85,9 @@ export default defineComponent({
 		const bg = tinycolor(
 			rawBg.startsWith("var(")
 				? getComputedStyle(document.documentElement).getPropertyValue(
-						rawBg.slice(4, -1)
+						rawBg.slice(4, -1),
 				  )
-				: rawBg
+				: rawBg,
 		);
 		bg.setAlpha(0.85);
 		this.bg = bg.toRgbString();
@@ -123,7 +123,9 @@ export default defineComponent({
 .folder-toggle-enter-active,
 .folder-toggle-leave-active {
 	overflow-y: hidden;
-	transition: opacity 0.5s, height 0.5s !important;
+	transition:
+		opacity 0.5s,
+		height 0.5s !important;
 }
 .folder-toggle-enter-from {
 	opacity: 0;
diff --git a/packages/client/src/components/MkFollowButton.vue b/packages/client/src/components/MkFollowButton.vue
index a1c2317e63..e8dd63a357 100644
--- a/packages/client/src/components/MkFollowButton.vue
+++ b/packages/client/src/components/MkFollowButton.vue
@@ -83,7 +83,7 @@ const props = withDefaults(
 	{
 		full: false,
 		large: false,
-	}
+	},
 );
 
 const isBlocking = computed(() => props.user.isBlocking);
@@ -92,7 +92,7 @@ let state = $ref(i18n.ts.processing);
 
 let isFollowing = $ref(props.user.isFollowing);
 let hasPendingFollowRequestFromYou = $ref(
-	props.user.hasPendingFollowRequestFromYou
+	props.user.hasPendingFollowRequestFromYou,
 );
 let wait = $ref(false);
 const connection = stream.useChannel("main");
@@ -166,7 +166,7 @@ async function onClick() {
 function menu(ev) {
 	os.popupMenu(
 		getUserMenu(props.user, router),
-		ev.currentTarget ?? ev.target
+		ev.currentTarget ?? ev.target,
 	);
 }
 
diff --git a/packages/client/src/components/MkFormDialog.vue b/packages/client/src/components/MkFormDialog.vue
index 9b1cab73f5..08d075280a 100644
--- a/packages/client/src/components/MkFormDialog.vue
+++ b/packages/client/src/components/MkFormDialog.vue
@@ -18,7 +18,7 @@
 			<div class="xkpnjxcv _formRoot">
 				<template
 					v-for="item in Object.keys(form).filter(
-						(item) => !form[item].hidden
+						(item) => !form[item].hidden,
 					)"
 				>
 					<FormInput
diff --git a/packages/client/src/components/MkFormula.vue b/packages/client/src/components/MkFormula.vue
index 2dacad1679..e488c7da75 100644
--- a/packages/client/src/components/MkFormula.vue
+++ b/packages/client/src/components/MkFormula.vue
@@ -9,7 +9,7 @@ import * as os from "@/os";
 export default defineComponent({
 	components: {
 		XFormula: defineAsyncComponent(
-			() => import("@/components/MkFormulaCore.vue")
+			() => import("@/components/MkFormulaCore.vue"),
 		),
 	},
 	props: {
diff --git a/packages/client/src/components/MkGoogle.vue b/packages/client/src/components/MkGoogle.vue
index ba909b34d2..cec4930471 100644
--- a/packages/client/src/components/MkGoogle.vue
+++ b/packages/client/src/components/MkGoogle.vue
@@ -21,7 +21,7 @@ const query = ref(props.q);
 const search = () => {
 	window.open(
 		`https://search.annoyingorange.xyz/search?q=${query.value}`,
-		"_blank"
+		"_blank",
 	);
 };
 </script>
diff --git a/packages/client/src/components/MkHeatmap.vue b/packages/client/src/components/MkHeatmap.vue
index 2d2aef2279..f72286c43c 100644
--- a/packages/client/src/components/MkHeatmap.vue
+++ b/packages/client/src/components/MkHeatmap.vue
@@ -259,7 +259,7 @@ watch(
 	() => {
 		fetching = true;
 		renderChart();
-	}
+	},
 );
 
 onMounted(async () => {
diff --git a/packages/client/src/components/MkImageViewer.vue b/packages/client/src/components/MkImageViewer.vue
index 51173d99d1..20eee4b66d 100644
--- a/packages/client/src/components/MkImageViewer.vue
+++ b/packages/client/src/components/MkImageViewer.vue
@@ -36,7 +36,7 @@ const props = withDefaults(
 	defineProps<{
 		image: misskey.entities.DriveFile;
 	}>(),
-	{}
+	{},
 );
 
 const emit = defineEmits<{
diff --git a/packages/client/src/components/MkImgWithBlurhash.vue b/packages/client/src/components/MkImgWithBlurhash.vue
index c1d34ab82d..03e6ea5037 100644
--- a/packages/client/src/components/MkImgWithBlurhash.vue
+++ b/packages/client/src/components/MkImgWithBlurhash.vue
@@ -40,7 +40,7 @@ const props = withDefaults(
 		title: null,
 		size: 64,
 		cover: true,
-	}
+	},
 );
 
 const canvas = $ref<HTMLCanvasElement>();
diff --git a/packages/client/src/components/MkInstanceSelectDialog.vue b/packages/client/src/components/MkInstanceSelectDialog.vue
index c79879d146..0daa7ae21b 100644
--- a/packages/client/src/components/MkInstanceSelectDialog.vue
+++ b/packages/client/src/components/MkInstanceSelectDialog.vue
@@ -95,7 +95,7 @@ const search = () => {
 					id: x.id,
 					host: x.host,
 					iconUrl: x.iconUrl,
-				} as Instance)
+				}) as Instance,
 		);
 	});
 };
diff --git a/packages/client/src/components/MkInstanceStats.vue b/packages/client/src/components/MkInstanceStats.vue
index 70397a6e68..c2a5071730 100644
--- a/packages/client/src/components/MkInstanceStats.vue
+++ b/packages/client/src/components/MkInstanceStats.vue
@@ -138,7 +138,7 @@ function createDoughnut(chartEl, tooltip, data) {
 				{
 					backgroundColor: data.map((x) => x.color),
 					borderColor: getComputedStyle(
-						document.documentElement
+						document.documentElement,
 					).getPropertyValue("--panel"),
 					borderWidth: 2,
 					hoverOffset: 0,
@@ -161,7 +161,7 @@ function createDoughnut(chartEl, tooltip, data) {
 					ev,
 					"nearest",
 					{ intersect: true },
-					false
+					false,
 				)[0];
 				if (hit && data[hit.index].onClick) {
 					data[hit.index].onClick();
@@ -206,7 +206,7 @@ onMounted(() => {
 						color: "#80808080",
 						value: fedStats.otherFollowersCount,
 					},
-				])
+				]),
 		);
 
 		createDoughnut(
@@ -227,7 +227,7 @@ onMounted(() => {
 						color: "#80808080",
 						value: fedStats.otherFollowingCount,
 					},
-				])
+				]),
 		);
 	});
 });
diff --git a/packages/client/src/components/MkInstanceTicker.vue b/packages/client/src/components/MkInstanceTicker.vue
index 6deb428f0d..8fdb74f1e9 100644
--- a/packages/client/src/components/MkInstanceTicker.vue
+++ b/packages/client/src/components/MkInstanceTicker.vue
@@ -32,7 +32,7 @@ const instance = props.instance ?? {
 	name: instanceName,
 	themeColor: (
 		document.querySelector(
-			'meta[name="theme-color-orig"]'
+			'meta[name="theme-color-orig"]',
 		) as HTMLMetaElement
 	)?.content,
 	softwareName: Instance.softwareName || "Calckey",
@@ -86,8 +86,11 @@ function getInstanceIcon(instance): string {
 		font-weight: bold;
 		text-overflow: ellipsis;
 		white-space: nowrap;
-		text-shadow: -1px -1px 0 var(--bg), 1px -1px 0 var(--bg),
-			-1px 1px 0 var(--bg), 1px 1px 0 var(--bg);
+		text-shadow:
+			-1px -1px 0 var(--bg),
+			1px -1px 0 var(--bg),
+			-1px 1px 0 var(--bg),
+			1px 1px 0 var(--bg);
 		.article > .main &,
 		.header > .body & {
 			display: unset;
diff --git a/packages/client/src/components/MkKeyValue.vue b/packages/client/src/components/MkKeyValue.vue
index 3db05f0f4a..4cc4d67771 100644
--- a/packages/client/src/components/MkKeyValue.vue
+++ b/packages/client/src/components/MkKeyValue.vue
@@ -32,7 +32,7 @@ const props = withDefaults(
 	{
 		copy: null,
 		oneline: false,
-	}
+	},
 );
 
 const copy_ = () => {
diff --git a/packages/client/src/components/MkLaunchPad.vue b/packages/client/src/components/MkLaunchPad.vue
index bc268f2e95..7e959645eb 100644
--- a/packages/client/src/components/MkLaunchPad.vue
+++ b/packages/client/src/components/MkLaunchPad.vue
@@ -78,7 +78,7 @@ const props = withDefaults(
 	}>(),
 	{
 		anchor: () => ({ x: "right", y: "center" }),
-	}
+	},
 );
 
 const emit = defineEmits<{
diff --git a/packages/client/src/components/MkLink.vue b/packages/client/src/components/MkLink.vue
index e26e1ed241..9e1e482155 100644
--- a/packages/client/src/components/MkLink.vue
+++ b/packages/client/src/components/MkLink.vue
@@ -28,7 +28,7 @@ const props = withDefaults(
 		url: string;
 		rel?: null | string;
 	}>(),
-	{}
+	{},
 );
 
 const self = props.url.startsWith(local);
@@ -40,7 +40,7 @@ const el = $ref();
 useTooltip($$(el), (showing) => {
 	os.popup(
 		defineAsyncComponent(
-			() => import("@/components/MkUrlPreviewPopup.vue")
+			() => import("@/components/MkUrlPreviewPopup.vue"),
 		),
 		{
 			showing,
@@ -48,7 +48,7 @@ useTooltip($$(el), (showing) => {
 			source: el,
 		},
 		{},
-		"closed"
+		"closed",
 	);
 });
 </script>
diff --git a/packages/client/src/components/MkMarquee.vue b/packages/client/src/components/MkMarquee.vue
index d99ad95b67..415e84dc33 100644
--- a/packages/client/src/components/MkMarquee.vue
+++ b/packages/client/src/components/MkMarquee.vue
@@ -63,9 +63,9 @@ export default {
 									: undefined,
 							},
 						},
-						$slots.default()
-					)
-				)
+						$slots.default(),
+					),
+				),
 			),
 		]);
 	},
diff --git a/packages/client/src/components/MkMedia.vue b/packages/client/src/components/MkMedia.vue
index 01e0e24275..05965a4754 100644
--- a/packages/client/src/components/MkMedia.vue
+++ b/packages/client/src/components/MkMedia.vue
@@ -103,7 +103,8 @@ const plyrMini = ref(false);
 const url =
 	props.raw || defaultStore.state.loadRawImages
 		? props.media.url
-		: defaultStore.state.disableShowingAnimatedImages && props.media.type.startsWith('image')
+		: defaultStore.state.disableShowingAnimatedImages &&
+		  props.media.type.startsWith("image")
 		? getStaticImageUrl(props.media.thumbnailUrl)
 		: props.media.thumbnailUrl;
 
@@ -127,7 +128,7 @@ watch(
 	{
 		deep: true,
 		immediate: true,
-	}
+	},
 );
 
 onMounted(() => {
diff --git a/packages/client/src/components/MkMediaBanner.vue b/packages/client/src/components/MkMediaBanner.vue
index 576455869d..7a5b8eded6 100644
--- a/packages/client/src/components/MkMediaBanner.vue
+++ b/packages/client/src/components/MkMediaBanner.vue
@@ -67,7 +67,7 @@ const props = withDefaults(
 	defineProps<{
 		media: misskey.entities.DriveFile;
 	}>(),
-	{}
+	{},
 );
 
 const audioEl = $ref<HTMLAudioElement | null>();
diff --git a/packages/client/src/components/MkMediaCaption.vue b/packages/client/src/components/MkMediaCaption.vue
index 44f7b55a62..b44fa0d520 100644
--- a/packages/client/src/components/MkMediaCaption.vue
+++ b/packages/client/src/components/MkMediaCaption.vue
@@ -184,10 +184,10 @@ export default defineComponent({
 
 		caption() {
 			const img = document.getElementById(
-				"imgtocaption"
+				"imgtocaption",
 			) as HTMLImageElement;
 			const ta = document.getElementById(
-				"captioninput"
+				"captioninput",
 			) as HTMLTextAreaElement;
 			os.api("drive/files/caption-image", {
 				url: img.src,
diff --git a/packages/client/src/components/MkMediaList.vue b/packages/client/src/components/MkMediaList.vue
index 83b4122789..e5b13cf7ed 100644
--- a/packages/client/src/components/MkMediaList.vue
+++ b/packages/client/src/components/MkMediaList.vue
@@ -14,7 +14,7 @@
 			<div ref="gallery" @click.stop>
 				<XMedia
 					v-for="media in mediaList.filter((media) =>
-						previewable(media)
+						previewable(media),
 					)"
 					:key="media.id"
 					:class="{ image: media.type.startsWith('image') }"
@@ -177,7 +177,7 @@ const previewable = (file: misskey.entities.DriveFile): boolean => {
 	);
 };
 const previewableCount = props.mediaList.filter((media) =>
-	previewable(media)
+	previewable(media),
 ).length;
 </script>
 
diff --git a/packages/client/src/components/MkMenu.vue b/packages/client/src/components/MkMenu.vue
index aa3a3a3000..8607ee8b39 100644
--- a/packages/client/src/components/MkMenu.vue
+++ b/packages/client/src/components/MkMenu.vue
@@ -251,7 +251,7 @@ watch(
 	() => props.items,
 	() => {
 		const items: (MenuItem | MenuPending)[] = [...props.items].filter(
-			(item) => item !== undefined
+			(item) => item !== undefined,
 		);
 
 		for (let i = 0; i < items.length; i++) {
@@ -270,7 +270,7 @@ watch(
 	},
 	{
 		immediate: true,
-	}
+	},
 );
 
 let childMenu = $ref<MenuItem[] | null>();
diff --git a/packages/client/src/components/MkMiniChart.vue b/packages/client/src/components/MkMiniChart.vue
index b7db265aca..31d6c27faf 100644
--- a/packages/client/src/components/MkMiniChart.vue
+++ b/packages/client/src/components/MkMiniChart.vue
@@ -43,7 +43,7 @@ let headX = $ref<number | null>(null);
 let headY = $ref<number | null>(null);
 let clock = $ref<number | null>(null);
 const accent = tinycolor(
-	getComputedStyle(document.documentElement).getPropertyValue("--accent")
+	getComputedStyle(document.documentElement).getPropertyValue("--accent"),
 );
 const color = accent.toRgbString();
 
diff --git a/packages/client/src/components/MkModal.vue b/packages/client/src/components/MkModal.vue
index e814c91e5b..2393d4396d 100644
--- a/packages/client/src/components/MkModal.vue
+++ b/packages/client/src/components/MkModal.vue
@@ -116,7 +116,7 @@ const props = withDefaults(
 		noOverlap: true,
 		transparentBg: false,
 		noReturnFocus: false,
-	}
+	},
 );
 
 const emit = defineEmits<{
@@ -153,7 +153,7 @@ const type = $computed<ModalTypes>(() => {
 	}
 });
 const isEnableBgTransparent = $computed(
-	() => props.transparentBg && type === "popup"
+	() => props.transparentBg && type === "popup",
 );
 let transitionName = $computed(() =>
 	defaultStore.state.animation
@@ -164,7 +164,7 @@ let transitionName = $computed(() =>
 			: type === "popup"
 			? "modal-popup"
 			: "modal"
-		: ""
+		: "",
 );
 let transitionDuration = $computed(() =>
 	transitionName === "send"
@@ -175,7 +175,7 @@ let transitionDuration = $computed(() =>
 		? 200
 		: transitionName === "modal-drawer"
 		? 200
-		: 0
+		: 0,
 );
 
 let contentClicking = false;
@@ -359,10 +359,10 @@ const onOpened = () => {
 						contentClicking = false;
 					}, 100);
 				},
-				{ passive: true, once: true }
+				{ passive: true, once: true },
 			);
 		},
-		{ passive: true }
+		{ passive: true },
 	);
 	// if (props.preferType == "dialog") {
 	// 	history.pushState(null, "", location.href);
@@ -384,7 +384,7 @@ onMounted(() => {
 
 			align();
 		},
-		{ immediate: true }
+		{ immediate: true },
 	);
 
 	nextTick(() => {
@@ -414,7 +414,8 @@ defineExpose({
 
 	> .content {
 		transform: translateY(0px);
-		transition: opacity 0.3s ease-in,
+		transition:
+			opacity 0.3s ease-in,
 			transform 0.3s cubic-bezier(0.5, -0.5, 1, 0.5) !important;
 	}
 }
@@ -439,7 +440,9 @@ defineExpose({
 
 	> .content {
 		transform-origin: var(--transformOrigin);
-		transition: opacity 0.2s, transform 0.2s !important;
+		transition:
+			opacity 0.2s,
+			transform 0.2s !important;
 	}
 }
 .transition_modal_enterFrom,
@@ -464,7 +467,8 @@ defineExpose({
 
 	> .content {
 		transform-origin: var(--transformOrigin);
-		transition: opacity 0.2s cubic-bezier(0, 0, 0.2, 1),
+		transition:
+			opacity 0.2s cubic-bezier(0, 0, 0.2, 1),
 			transform 0.2s cubic-bezier(0, 0, 0.2, 1) !important;
 	}
 }
diff --git a/packages/client/src/components/MkModalWindow.vue b/packages/client/src/components/MkModalWindow.vue
index 740f84d6b0..734f6a17c7 100644
--- a/packages/client/src/components/MkModalWindow.vue
+++ b/packages/client/src/components/MkModalWindow.vue
@@ -80,7 +80,7 @@ const props = withDefaults(
 		width: 400,
 		height: null,
 		scroll: true,
-	}
+	},
 );
 
 const emit = defineEmits<{
diff --git a/packages/client/src/components/MkNote.vue b/packages/client/src/components/MkNote.vue
index 5683ec6be0..a1a519f79f 100644
--- a/packages/client/src/components/MkNote.vue
+++ b/packages/client/src/components/MkNote.vue
@@ -128,8 +128,15 @@
 						</div>
 					</div>
 				</div>
-				<div v-if="detailedView || (appearNote.channel && !inChannel)" class="info">
-					<MkA v-if="detailedView" class="created-at" :to="notePage(appearNote)">
+				<div
+					v-if="detailedView || (appearNote.channel && !inChannel)"
+					class="info"
+				>
+					<MkA
+						v-if="detailedView"
+						class="created-at"
+						:to="notePage(appearNote)"
+					>
 						<MkTime :time="appearNote.createdAt" mode="absolute" />
 					</MkA>
 					<MkA
@@ -173,7 +180,7 @@
 						:count="
 							Object.values(appearNote.reactions).reduce(
 								(partialSum, val) => partialSum + val,
-								0
+								0,
 							)
 						"
 						:reacted="appearNote.myReaction != null"
@@ -332,7 +339,7 @@ const renoteButton = ref<InstanceType<typeof XRenoteButton>>();
 const renoteTime = ref<HTMLElement>();
 const reactButton = ref<HTMLElement>();
 let appearNote = $computed(() =>
-	isRenote ? (note.renote as misskey.entities.Note) : note
+	isRenote ? (note.renote as misskey.entities.Note) : note,
 );
 const isMyRenote = $i && $i.id === note.userId;
 const showContent = ref(false);
@@ -369,7 +376,7 @@ function reply(viaKeyboard = false): void {
 		},
 		() => {
 			focus();
-		}
+		},
 	);
 }
 
@@ -386,7 +393,7 @@ function react(viaKeyboard = false): void {
 		},
 		() => {
 			focus();
-		}
+		},
 	);
 }
 
@@ -400,7 +407,7 @@ function undoReact(note): void {
 
 const currentClipPage = inject<Ref<misskey.entities.Clip> | null>(
 	"currentClipPage",
-	null
+	null,
 );
 
 function onContextmenu(ev: MouseEvent): void {
@@ -466,7 +473,7 @@ function onContextmenu(ev: MouseEvent): void {
 					  }
 					: undefined,
 			],
-			ev
+			ev,
 		);
 	}
 }
@@ -484,7 +491,7 @@ function menu(viaKeyboard = false): void {
 		menuButton.value,
 		{
 			viaKeyboard,
-		}
+		},
 	).then(focus);
 }
 
@@ -507,7 +514,7 @@ function showRenoteMenu(viaKeyboard = false): void {
 		renoteTime.value,
 		{
 			viaKeyboard: viaKeyboard,
-		}
+		},
 	);
 }
 
diff --git a/packages/client/src/components/MkNoteDetailed.vue b/packages/client/src/components/MkNoteDetailed.vue
index 205816118c..7b571d8b2b 100644
--- a/packages/client/src/components/MkNoteDetailed.vue
+++ b/packages/client/src/components/MkNoteDetailed.vue
@@ -233,7 +233,7 @@ let isScrolling;
 
 const reactionsCount = Object.values(props.note.reactions).reduce(
 	(x, y) => x + y,
-	0
+	0,
 );
 
 const keymap = {
@@ -274,7 +274,7 @@ function react(viaKeyboard = false): void {
 		},
 		() => {
 			focus();
-		}
+		},
 	);
 }
 
@@ -308,7 +308,7 @@ function onContextmenu(ev: MouseEvent): void {
 				menuButton,
 				isDeleted,
 			}),
-			ev
+			ev,
 		).then(focus);
 	}
 }
@@ -325,7 +325,7 @@ function menu(viaKeyboard = false): void {
 		menuButton.value,
 		{
 			viaKeyboard,
-		}
+		},
 	).then(focus);
 }
 
@@ -551,7 +551,9 @@ onUnmounted(() => {
 			background: var(--panelHighlight);
 			border-radius: var(--radius);
 			opacity: 0;
-			transition: opacity 0.2s, background 0.2s;
+			transition:
+				opacity 0.2s,
+				background 0.2s;
 			z-index: -1;
 		}
 		&.reply-to {
diff --git a/packages/client/src/components/MkNoteHeader.vue b/packages/client/src/components/MkNoteHeader.vue
index b25ffa3292..2be0086d17 100644
--- a/packages/client/src/components/MkNoteHeader.vue
+++ b/packages/client/src/components/MkNoteHeader.vue
@@ -23,10 +23,10 @@
 							v-tooltip.noDelay="
 								i18n.t('edited', {
 									date: new Date(
-										note.updatedAt
+										note.updatedAt,
 									).toLocaleDateString(),
 									time: new Date(
-										note.updatedAt
+										note.updatedAt,
 									).toLocaleTimeString(),
 								})
 							"
diff --git a/packages/client/src/components/MkNoteSub.vue b/packages/client/src/components/MkNoteSub.vue
index 12b8ac4847..113abefd63 100644
--- a/packages/client/src/components/MkNoteSub.vue
+++ b/packages/client/src/components/MkNoteSub.vue
@@ -85,7 +85,7 @@
 						:count="
 							Object.values(appearNote.reactions).reduce(
 								(partialSum, val) => partialSum + val,
-								0
+								0,
 							)
 						"
 						:reacted="appearNote.myReaction != null"
@@ -220,7 +220,7 @@ const props = withDefaults(
 	{
 		depth: 1,
 		replyLevel: 1,
-	}
+	},
 );
 
 let note = $ref(deepClone(props.note));
@@ -248,7 +248,7 @@ const starButton = ref<InstanceType<typeof XStarButton>>();
 const renoteButton = ref<InstanceType<typeof XRenoteButton>>();
 const reactButton = ref<HTMLElement>();
 let appearNote = $computed(() =>
-	isRenote ? (note.renote as misskey.entities.Note) : note
+	isRenote ? (note.renote as misskey.entities.Note) : note,
 );
 const isDeleted = ref(false);
 const muted = ref(getWordSoftMute(note, $i, defaultStore.state.mutedWords));
@@ -259,7 +259,7 @@ const replies: misskey.entities.Note[] =
 		?.filter(
 			(item) =>
 				item.replyId === props.note.id ||
-				item.renoteId === props.note.id
+				item.renoteId === props.note.id,
 		)
 		.reverse() ?? [];
 const enableEmojiReactions = defaultStore.state.enableEmojiReactions;
@@ -294,7 +294,7 @@ function react(viaKeyboard = false): void {
 		},
 		() => {
 			focus();
-		}
+		},
 	);
 }
 
@@ -308,7 +308,7 @@ function undoReact(note): void {
 
 const currentClipPage = inject<Ref<misskey.entities.Clip> | null>(
 	"currentClipPage",
-	null
+	null,
 );
 
 function menu(viaKeyboard = false): void {
@@ -324,7 +324,7 @@ function menu(viaKeyboard = false): void {
 		menuButton.value,
 		{
 			viaKeyboard,
-		}
+		},
 	).then(focus);
 }
 
@@ -389,7 +389,7 @@ function onContextmenu(ev: MouseEvent): void {
 					  }
 					: undefined,
 			],
-			ev
+			ev,
 		);
 	}
 }
diff --git a/packages/client/src/components/MkNotification.vue b/packages/client/src/components/MkNotification.vue
index ac51008676..98612a7dd0 100644
--- a/packages/client/src/components/MkNotification.vue
+++ b/packages/client/src/components/MkNotification.vue
@@ -73,7 +73,7 @@
 						notification.reaction
 							? notification.reaction.replace(
 									/^:(\w+):$/,
-									':$1@.:'
+									':$1@.:',
 							  )
 							: notification.reaction
 					"
@@ -297,7 +297,7 @@ const props = withDefaults(
 	{
 		withTime: false,
 		full: false,
-	}
+	},
 );
 
 const elRef = ref<HTMLElement>(null);
@@ -378,7 +378,7 @@ useTooltip(reactionRef, (showing) => {
 			targetElement: reactionRef.value.$el,
 		},
 		{},
-		"closed"
+		"closed",
 	);
 });
 </script>
diff --git a/packages/client/src/components/MkNotificationSettingWindow.vue b/packages/client/src/components/MkNotificationSettingWindow.vue
index 00a61bb2da..93ce15262b 100644
--- a/packages/client/src/components/MkNotificationSettingWindow.vue
+++ b/packages/client/src/components/MkNotificationSettingWindow.vue
@@ -60,7 +60,7 @@ const props = withDefaults(
 	{
 		includingTypes: () => [],
 		showGlobalToggle: true,
-	}
+	},
 );
 
 let includingTypes = $computed(() => props.includingTypes || []);
@@ -70,7 +70,7 @@ const dialog = $ref<InstanceType<typeof XModalWindow>>();
 let typesMap = $ref<Record<(typeof notificationTypes)[number], boolean>>({});
 let useGlobalSetting = $ref(
 	(includingTypes === null || includingTypes.length === 0) &&
-		props.showGlobalToggle
+		props.showGlobalToggle,
 );
 
 for (const ntype of notificationTypes) {
diff --git a/packages/client/src/components/MkNotificationToast.vue b/packages/client/src/components/MkNotificationToast.vue
index ba95e11afc..20b0848554 100644
--- a/packages/client/src/components/MkNotificationToast.vue
+++ b/packages/client/src/components/MkNotificationToast.vue
@@ -40,7 +40,9 @@ onMounted(() => {
 <style lang="scss" scoped>
 .notification-toast-enter-active,
 .notification-toast-leave-active {
-	transition: opacity 0.3s, transform 0.3s !important;
+	transition:
+		opacity 0.3s,
+		transform 0.3s !important;
 }
 .notification-toast-enter-from,
 .notification-toast-leave-to {
diff --git a/packages/client/src/components/MkNotifications.vue b/packages/client/src/components/MkNotifications.vue
index 439a1d41e9..4d3c4b7452 100644
--- a/packages/client/src/components/MkNotifications.vue
+++ b/packages/client/src/components/MkNotifications.vue
@@ -21,7 +21,7 @@
 				<XNote
 					v-if="
 						['reply', 'quote', 'mention'].includes(
-							notification.type
+							notification.type,
 						)
 					"
 					:key="notification.id"
diff --git a/packages/client/src/components/MkNumber.vue b/packages/client/src/components/MkNumber.vue
index 5fa0f765f5..846b28822f 100644
--- a/packages/client/src/components/MkNumber.vue
+++ b/packages/client/src/components/MkNumber.vue
@@ -22,6 +22,6 @@ watch(
 	},
 	{
 		immediate: true,
-	}
+	},
 );
 </script>
diff --git a/packages/client/src/components/MkPageWindow.vue b/packages/client/src/components/MkPageWindow.vue
index a5951fd1d7..354abde726 100644
--- a/packages/client/src/components/MkPageWindow.vue
+++ b/packages/client/src/components/MkPageWindow.vue
@@ -136,7 +136,7 @@ function back() {
 	history.pop();
 	router.replace(
 		history[history.length - 1].path,
-		history[history.length - 1].key
+		history[history.length - 1].key,
 	);
 }
 
diff --git a/packages/client/src/components/MkPagination.vue b/packages/client/src/components/MkPagination.vue
index 4caea737e9..dbde4149d5 100644
--- a/packages/client/src/components/MkPagination.vue
+++ b/packages/client/src/components/MkPagination.vue
@@ -86,7 +86,7 @@ import MkButton from "@/components/MkButton.vue";
 import { i18n } from "@/i18n";
 
 export type Paging<
-	E extends keyof misskey.Endpoints = keyof misskey.Endpoints
+	E extends keyof misskey.Endpoints = keyof misskey.Endpoints,
 > = {
 	endpoint: E;
 	limit: number;
@@ -118,7 +118,7 @@ const props = withDefaults(
 	}>(),
 	{
 		displayLimit: 30,
-	}
+	},
 );
 
 const emit = defineEmits<{
@@ -186,7 +186,7 @@ const init = async (): Promise<void> => {
 			(err) => {
 				error.value = true;
 				fetching.value = false;
-			}
+			},
 		);
 };
 
@@ -209,10 +209,13 @@ const refresh = async (): void => {
 		})
 		.then(
 			(res) => {
-				let ids = items.value.reduce((a, b) => {
-					a[b.id] = true;
-					return a;
-				}, {} as { [id: string]: boolean });
+				let ids = items.value.reduce(
+					(a, b) => {
+						a[b.id] = true;
+						return a;
+					},
+					{} as { [id: string]: boolean },
+				);
 
 				for (let i = 0; i < res.length; i++) {
 					const item = res[i];
@@ -229,7 +232,7 @@ const refresh = async (): void => {
 			(err) => {
 				error.value = true;
 				fetching.value = false;
-			}
+			},
 		);
 };
 
@@ -291,7 +294,7 @@ const fetchMore = async (): Promise<void> => {
 			},
 			(err) => {
 				moreFetching.value = false;
-			}
+			},
 		);
 };
 
@@ -344,7 +347,7 @@ const fetchMoreAhead = async (): Promise<void> => {
 			},
 			(err) => {
 				moreFetching.value = false;
-			}
+			},
 		);
 };
 
@@ -445,7 +448,7 @@ watch(
 		if (a.length === 0 && b.length === 0) return;
 		emit("queue", queue.value.length);
 	},
-	{ deep: true }
+	{ deep: true },
 );
 
 init();
diff --git a/packages/client/src/components/MkPoll.vue b/packages/client/src/components/MkPoll.vue
index 1fdbc7a422..d9e77157c7 100644
--- a/packages/client/src/components/MkPoll.vue
+++ b/packages/client/src/components/MkPoll.vue
@@ -73,7 +73,7 @@ const isLocal = computed(() => !props.note.uri);
 const isVoted = computed(
 	() =>
 		!props.note.poll.multiple &&
-		props.note.poll.choices.some((c) => c.isVoted)
+		props.note.poll.choices.some((c) => c.isVoted),
 );
 const timer = computed(() =>
 	i18n.t(
@@ -89,8 +89,8 @@ const timer = computed(() =>
 			m: Math.floor(remaining.value / 60) % 60,
 			h: Math.floor(remaining.value / 3600) % 24,
 			d: Math.floor(remaining.value / 86400),
-		}
-	)
+		},
+	),
 );
 
 const showResult = ref(props.readOnly || isVoted.value);
@@ -101,8 +101,8 @@ if (props.note.poll.expiresAt) {
 		remaining.value = Math.floor(
 			Math.max(
 				new Date(props.note.poll.expiresAt).getTime() - Date.now(),
-				0
-			) / 1000
+				0,
+			) / 1000,
 		);
 		if (remaining.value === 0) {
 			showResult.value = true;
diff --git a/packages/client/src/components/MkPollEditor.vue b/packages/client/src/components/MkPollEditor.vue
index 95cc11302b..e0474ac710 100644
--- a/packages/client/src/components/MkPollEditor.vue
+++ b/packages/client/src/components/MkPollEditor.vue
@@ -96,7 +96,7 @@ const emit = defineEmits<{
 			expiredAfter: number;
 			choices: string[];
 			multiple: boolean;
-		}
+		},
 	): void;
 }>();
 
@@ -104,7 +104,7 @@ const choices = ref(props.modelValue.choices);
 const multiple = ref(props.modelValue.multiple);
 const expiration = ref("infinite");
 const atDate = ref(
-	formatDateTimeString(addTime(new Date(), 1, "day"), "yyyy-MM-dd")
+	formatDateTimeString(addTime(new Date(), 1, "day"), "yyyy-MM-dd"),
 );
 const atTime = ref("00:00");
 const after = ref(0);
@@ -176,7 +176,7 @@ watch(
 	() => emit("update:modelValue", get()),
 	{
 		deep: true,
-	}
+	},
 );
 </script>
 
diff --git a/packages/client/src/components/MkPostForm.vue b/packages/client/src/components/MkPostForm.vue
index 16acfcc1c9..ab110b14db 100644
--- a/packages/client/src/components/MkPostForm.vue
+++ b/packages/client/src/components/MkPostForm.vue
@@ -284,7 +284,7 @@ const props = withDefaults(
 		initialVisibleUsers: () => [],
 		autofocus: true,
 		showMfmCheatSheet: true,
-	}
+	},
 );
 
 const emit = defineEmits<{
@@ -313,14 +313,14 @@ let cw = $ref<string | null>(null);
 let localOnly = $ref<boolean>(
 	props.initialLocalOnly ?? defaultStore.state.rememberNoteVisibility
 		? defaultStore.state.localOnly
-		: defaultStore.state.defaultNoteLocalOnly
+		: defaultStore.state.defaultNoteLocalOnly,
 );
 let visibility = $ref(
 	props.initialVisibility ??
 		((defaultStore.state.rememberNoteVisibility
 			? defaultStore.state.visibility
 			: defaultStore.state
-					.defaultNoteVisibility) as (typeof misskey.noteVisibilities)[number])
+					.defaultNoteVisibility) as (typeof misskey.noteVisibilities)[number]),
 );
 let visibleUsers = $ref([]);
 if (props.initialVisibleUsers) {
@@ -405,7 +405,7 @@ const canPost = $computed((): boolean => {
 });
 
 const withHashtags = $computed(
-	defaultStore.makeGetterSetter("postFormWithHashtags")
+	defaultStore.makeGetterSetter("postFormWithHashtags"),
 );
 const hashtags = $computed(defaultStore.makeGetterSetter("postFormHashtags"));
 
@@ -420,7 +420,7 @@ watch(
 	},
 	{
 		deep: true,
-	}
+	},
 );
 
 if (props.mention) {
@@ -488,7 +488,7 @@ if (
 		if (props.reply.visibleUserIds) {
 			os.api("users/show", {
 				userIds: props.reply.visibleUserIds.filter(
-					(uid) => uid !== $i.id && uid !== props.reply.userId
+					(uid) => uid !== $i.id && uid !== props.reply.userId,
 				),
 			}).then((users) => {
 				users.forEach(pushVisibleUser);
@@ -499,7 +499,7 @@ if (
 			os.api("users/show", { userId: props.reply.userId }).then(
 				(user) => {
 					pushVisibleUser(user);
-				}
+				},
 			);
 		}
 	}
@@ -533,7 +533,7 @@ function checkMissingMention() {
 		for (const x of extractMentions(ast)) {
 			if (
 				!visibleUsers.some(
-					(u) => u.username === x.username && u.host === x.host
+					(u) => u.username === x.username && u.host === x.host,
 				)
 			) {
 				hasNotSpecifiedMentions = true;
@@ -550,13 +550,13 @@ function addMissingMention() {
 	for (const x of extractMentions(ast)) {
 		if (
 			!visibleUsers.some(
-				(u) => u.username === x.username && u.host === x.host
+				(u) => u.username === x.username && u.host === x.host,
 			)
 		) {
 			os.api("users/show", { username: x.username, host: x.host }).then(
 				(user) => {
 					visibleUsers.push(user);
-				}
+				},
 			);
 		}
 	}
@@ -584,7 +584,7 @@ function focus() {
 		textareaEl.focus();
 		textareaEl.setSelectionRange(
 			textareaEl.value.length,
-			textareaEl.value.length
+			textareaEl.value.length,
 		);
 	}
 }
@@ -595,7 +595,7 @@ function chooseFileFrom(ev) {
 			for (const file of files_) {
 				files.push(file);
 			}
-		}
+		},
 	);
 }
 
@@ -629,7 +629,7 @@ function setVisibility() {
 
 	os.popup(
 		defineAsyncComponent(
-			() => import("@/components/MkVisibilityPicker.vue")
+			() => import("@/components/MkVisibilityPicker.vue"),
 		),
 		{
 			currentVisibility: visibility,
@@ -650,14 +650,14 @@ function setVisibility() {
 				}
 			},
 		},
-		"closed"
+		"closed",
 	);
 }
 
 function pushVisibleUser(user) {
 	if (
 		!visibleUsers.some(
-			(u) => u.username === user.username && u.host === user.host
+			(u) => u.username === user.username && u.host === user.host,
 		)
 	) {
 		visibleUsers.push(user);
@@ -703,7 +703,7 @@ function onCompositionEnd(ev: CompositionEvent) {
 
 async function onPaste(ev: ClipboardEvent) {
 	for (const { item, i } of Array.from(ev.clipboardData.items).map(
-		(item, i) => ({ item, i })
+		(item, i) => ({ item, i }),
 	)) {
 		if (item.kind === "file") {
 			const file = item.getAsFile();
@@ -711,7 +711,7 @@ async function onPaste(ev: ClipboardEvent) {
 			const ext = lio >= 0 ? file.name.slice(lio) : "";
 			const formatted = `${formatTimeString(
 				new Date(file.lastModified),
-				defaultStore.state.pastedFileName
+				defaultStore.state.pastedFileName,
 			).replace(/{{number}}/g, `${i + 1}`)}${ext}`;
 			upload(file, formatted);
 		}
@@ -879,11 +879,11 @@ async function post() {
 						.filter((x) => x.type === "hashtag")
 						.map((x) => x.props.hashtag);
 					const history = JSON.parse(
-						localStorage.getItem("hashtags") || "[]"
+						localStorage.getItem("hashtags") || "[]",
 					) as string[];
 					localStorage.setItem(
 						"hashtags",
-						JSON.stringify(unique(hashtags_.concat(history)))
+						JSON.stringify(unique(hashtags_.concat(history))),
 					);
 				}
 				posting = false;
@@ -930,11 +930,11 @@ function showActions(ev) {
 						if (key === "text") {
 							text = value;
 						}
-					}
+					},
 				);
 			},
 		})),
-		ev.currentTarget ?? ev.target
+		ev.currentTarget ?? ev.target,
 	);
 }
 
@@ -954,7 +954,7 @@ function openAccountMenu(ev: MouseEvent) {
 				}
 			},
 		},
-		ev
+		ev,
 	);
 }
 
@@ -985,7 +985,7 @@ onMounted(() => {
 				visibility = draft.data.visibility;
 				localOnly = draft.data.localOnly;
 				files = (draft.data.files || []).filter(
-					(draftFile) => draftFile
+					(draftFile) => draftFile,
 				);
 				if (draft.data.poll) {
 					poll = draft.data.poll;
diff --git a/packages/client/src/components/MkPostFormAttaches.vue b/packages/client/src/components/MkPostFormAttaches.vue
index 7cf397e552..41997b0f71 100644
--- a/packages/client/src/components/MkPostFormAttaches.vue
+++ b/packages/client/src/components/MkPostFormAttaches.vue
@@ -39,7 +39,7 @@ import { i18n } from "@/i18n";
 export default defineComponent({
 	components: {
 		XDraggable: defineAsyncComponent(() =>
-			import("vuedraggable").then((x) => x.default)
+			import("vuedraggable").then((x) => x.default),
 		),
 		MkDriveFileThumbnail,
 	},
@@ -110,7 +110,7 @@ export default defineComponent({
 		async describe(file) {
 			os.popup(
 				defineAsyncComponent(
-					() => import("@/components/MkMediaCaption.vue")
+					() => import("@/components/MkMediaCaption.vue"),
 				),
 				{
 					title: i18n.ts.describeFile,
@@ -133,7 +133,7 @@ export default defineComponent({
 						});
 					},
 				},
-				"closed"
+				"closed",
 			);
 		},
 
@@ -175,7 +175,7 @@ export default defineComponent({
 							},
 						},
 					],
-					ev.currentTarget ?? ev.target
+					ev.currentTarget ?? ev.target,
 				)
 				.then(() => (this.menu = null));
 		},
diff --git a/packages/client/src/components/MkPushNotificationAllowButton.vue b/packages/client/src/components/MkPushNotificationAllowButton.vue
index 0b2c4f6e34..166c803f00 100644
--- a/packages/client/src/components/MkPushNotificationAllowButton.vue
+++ b/packages/client/src/components/MkPushNotificationAllowButton.vue
@@ -99,7 +99,7 @@ function subscribe() {
 			.subscribe({
 				userVisibleOnly: true,
 				applicationServerKey: urlBase64ToUint8Array(
-					instance.swPublickey
+					instance.swPublickey,
 				),
 			})
 			.then(
@@ -118,7 +118,7 @@ function subscribe() {
 					// 通知が許可されていなかったとき
 					if (err?.name === "NotAllowedError") {
 						console.info(
-							"User denied the notification permission request."
+							"User denied the notification permission request.",
 						);
 						return;
 					}
@@ -128,10 +128,10 @@ function subscribe() {
 					// そのサブスクリプションを解除しておく
 					// （これは実行されなさそうだけど、おまじない的に古い実装から残してある）
 					await unsubscribe();
-				}
+				},
 			),
 		null,
-		null
+		null,
 	);
 }
 
diff --git a/packages/client/src/components/MkQuoteButton.vue b/packages/client/src/components/MkQuoteButton.vue
index 4710d01b47..44e423ed57 100644
--- a/packages/client/src/components/MkQuoteButton.vue
+++ b/packages/client/src/components/MkQuoteButton.vue
@@ -24,7 +24,7 @@ const props = defineProps<{
 const canRenote = computed(
 	() =>
 		["public", "home"].includes(props.note.visibility) ||
-		props.note.userId === $i?.id
+		props.note.userId === $i?.id,
 );
 
 function quote(): void {
diff --git a/packages/client/src/components/MkReactionsViewer.reaction.vue b/packages/client/src/components/MkReactionsViewer.reaction.vue
index d82e134278..b44afcca18 100644
--- a/packages/client/src/components/MkReactionsViewer.reaction.vue
+++ b/packages/client/src/components/MkReactionsViewer.reaction.vue
@@ -91,10 +91,10 @@ useTooltip(
 				targetElement: buttonRef.value,
 			},
 			{},
-			"closed"
+			"closed",
 		);
 	},
-	100
+	100,
 );
 </script>
 
diff --git a/packages/client/src/components/MkRenoteButton.vue b/packages/client/src/components/MkRenoteButton.vue
index c990e84e73..15fd627fd7 100644
--- a/packages/client/src/components/MkRenoteButton.vue
+++ b/packages/client/src/components/MkRenoteButton.vue
@@ -39,7 +39,7 @@ const buttonRef = ref<HTMLElement>();
 const canRenote = computed(
 	() =>
 		["public", "home"].includes(props.note.visibility) ||
-		props.note.userId === $i.id
+		props.note.userId === $i.id,
 );
 
 useTooltip(buttonRef, async (showing) => {
@@ -61,7 +61,7 @@ useTooltip(buttonRef, async (showing) => {
 			targetElement: buttonRef.value,
 		},
 		{},
-		"closed"
+		"closed",
 	);
 });
 
@@ -205,7 +205,7 @@ const renote = (viaKeyboard = false, ev?: MouseEvent) => {
 								renoteId: props.note.id,
 								visibility: props.note.visibility,
 								localOnly: true,
-						  }
+						  },
 				);
 				hasRenotedBefore = true;
 				const el =
diff --git a/packages/client/src/components/MkRipple.vue b/packages/client/src/components/MkRipple.vue
index d055caad76..af2ec2b4af 100644
--- a/packages/client/src/components/MkRipple.vue
+++ b/packages/client/src/components/MkRipple.vue
@@ -85,7 +85,7 @@ const props = withDefaults(
 	}>(),
 	{
 		particle: true,
-	}
+	},
 );
 
 const emit = defineEmits<{
diff --git a/packages/client/src/components/MkSample.vue b/packages/client/src/components/MkSample.vue
index cf0c32130c..d0d9a62f6f 100644
--- a/packages/client/src/components/MkSample.vue
+++ b/packages/client/src/components/MkSample.vue
@@ -122,7 +122,7 @@ export default defineComponent({
 						action: () => {},
 					},
 				],
-				ev.currentTarget ?? ev.target
+				ev.currentTarget ?? ev.target,
 			);
 		},
 	},
diff --git a/packages/client/src/components/MkSignin.vue b/packages/client/src/components/MkSignin.vue
index cebfda8d3a..dc49ca23d0 100644
--- a/packages/client/src/components/MkSignin.vue
+++ b/packages/client/src/components/MkSignin.vue
@@ -223,7 +223,7 @@ function onUsernameChange() {
 		},
 		() => {
 			user = null;
-		}
+		},
 	);
 }
 
@@ -259,7 +259,7 @@ function queryKey() {
 				password,
 				signature: hexify(credential.response.signature),
 				authenticatorData: hexify(
-					credential.response.authenticatorData
+					credential.response.authenticatorData,
 				),
 				clientDataJSON: hexify(credential.response.clientDataJSON),
 				credentialId: credential.id,
@@ -370,7 +370,7 @@ function resetPassword() {
 		defineAsyncComponent(() => import("@/components/MkForgotPassword.vue")),
 		{},
 		{},
-		"closed"
+		"closed",
 	);
 }
 
diff --git a/packages/client/src/components/MkSigninDialog.vue b/packages/client/src/components/MkSigninDialog.vue
index 7989255b1b..acb52ea7fd 100644
--- a/packages/client/src/components/MkSigninDialog.vue
+++ b/packages/client/src/components/MkSigninDialog.vue
@@ -25,7 +25,7 @@ const props = withDefaults(
 	{
 		autoSet: false,
 		message: "",
-	}
+	},
 );
 
 const emit = defineEmits<{
diff --git a/packages/client/src/components/MkSignup.vue b/packages/client/src/components/MkSignup.vue
index c93e5814ca..2de9e5b1fc 100644
--- a/packages/client/src/components/MkSignup.vue
+++ b/packages/client/src/components/MkSignup.vue
@@ -303,7 +303,7 @@ const props = withDefaults(
 	}>(),
 	{
 		autoSet: false,
-	}
+	},
 );
 
 const emit = defineEmits<{
diff --git a/packages/client/src/components/MkSignupDialog.vue b/packages/client/src/components/MkSignupDialog.vue
index 282b8f989c..d9a1492e4b 100644
--- a/packages/client/src/components/MkSignupDialog.vue
+++ b/packages/client/src/components/MkSignupDialog.vue
@@ -31,7 +31,7 @@ const props = withDefaults(
 	}>(),
 	{
 		autoSet: false,
-	}
+	},
 );
 
 const emit = defineEmits<{
diff --git a/packages/client/src/components/MkSparkle.vue b/packages/client/src/components/MkSparkle.vue
index a5a9053d2d..6cfe4401a7 100644
--- a/packages/client/src/components/MkSparkle.vue
+++ b/packages/client/src/components/MkSparkle.vue
@@ -105,13 +105,16 @@ onMounted(() => {
 			particles.value.push(particle);
 			window.setTimeout(() => {
 				particles.value = particles.value.filter(
-					(x) => x.id !== particle.id
+					(x) => x.id !== particle.id,
 				);
 			}, particle.dur - 100);
 
-			window.setTimeout(() => {
-				add();
-			}, 500 + Math.random() * 500);
+			window.setTimeout(
+				() => {
+					add();
+				},
+				500 + Math.random() * 500,
+			);
 		};
 		add();
 	}
diff --git a/packages/client/src/components/MkStarButtonNoEmoji.vue b/packages/client/src/components/MkStarButtonNoEmoji.vue
index e76bc09ffc..8123270c8f 100644
--- a/packages/client/src/components/MkStarButtonNoEmoji.vue
+++ b/packages/client/src/components/MkStarButtonNoEmoji.vue
@@ -104,7 +104,7 @@ useTooltip(buttonRef, async (showing) => {
 			targetElement: buttonRef.value,
 		},
 		{},
-		"closed"
+		"closed",
 	);
 });
 </script>
diff --git a/packages/client/src/components/MkTab.vue b/packages/client/src/components/MkTab.vue
index 7e7e12b6f9..a5bc282606 100644
--- a/packages/client/src/components/MkTab.vue
+++ b/packages/client/src/components/MkTab.vue
@@ -38,15 +38,15 @@ export default defineComponent({
 							onClick: () => {
 								this.$emit(
 									"update:modelValue",
-									option.props?.value
+									option.props?.value,
 								);
 							},
 						},
-						option.children
+						option.children,
 					),
-					[[resolveDirective("click-anime")]]
-				)
-			)
+					[[resolveDirective("click-anime")]],
+				),
+			),
 		);
 	},
 });
diff --git a/packages/client/src/components/MkTagCloud.vue b/packages/client/src/components/MkTagCloud.vue
index ec0e8d184c..a44ca12726 100644
--- a/packages/client/src/components/MkTagCloud.vue
+++ b/packages/client/src/components/MkTagCloud.vue
@@ -28,7 +28,7 @@ const idForCanvas = Array.from(Array(16))
 		() =>
 			SAFE_FOR_HTML_ID[
 				Math.floor(Math.random() * SAFE_FOR_HTML_ID.length)
-			]
+			],
 	)
 	.join("");
 const idForTags = Array.from(Array(16))
@@ -36,7 +36,7 @@ const idForTags = Array.from(Array(16))
 		() =>
 			SAFE_FOR_HTML_ID[
 				Math.floor(Math.random() * SAFE_FOR_HTML_ID.length)
-			]
+			],
 	)
 	.join("");
 let available = $ref(false);
@@ -50,7 +50,7 @@ watch($$(available), () => {
 		window.TagCanvas.Start(idForCanvas, idForTags, {
 			textColour: "#ffffff",
 			outlineColour: tinycolor(
-				computedStyle.getPropertyValue("--accent")
+				computedStyle.getPropertyValue("--accent"),
 			).toHexString(),
 			outlineRadius: 10,
 			initial: [-0.03, -0.01],
@@ -80,7 +80,7 @@ onMounted(() => {
 				Object.assign(document.createElement("script"), {
 					async: true,
 					src: "/client-assets/tagcanvas.min.js",
-				})
+				}),
 			)
 			.addEventListener("load", () => (available = true));
 	}
diff --git a/packages/client/src/components/MkTimeline.vue b/packages/client/src/components/MkTimeline.vue
index 8c57a29ef5..a44d641847 100644
--- a/packages/client/src/components/MkTimeline.vue
+++ b/packages/client/src/components/MkTimeline.vue
@@ -55,7 +55,7 @@ const emit = defineEmits<{
 
 provide(
 	"inChannel",
-	computed(() => props.src === "channel")
+	computed(() => props.src === "channel"),
 );
 
 const tlComponent: InstanceType<typeof XNotes> = $ref();
@@ -293,7 +293,8 @@ const timetravel = (date?: Date) => {
 		pointer-events: all;
 		transform: translateY(-100%);
 		opacity: 0;
-		animation: reset 0.4s forwards cubic-bezier(0, 0.4, 0, 1.1),
+		animation:
+			reset 0.4s forwards cubic-bezier(0, 0.4, 0, 1.1),
 			slideUp 1s 5s forwards cubic-bezier(1, 0, 1, 1);
 		&::before {
 			content: "";
diff --git a/packages/client/src/components/MkToast.vue b/packages/client/src/components/MkToast.vue
index 4ff97fb027..8d173e3e1f 100644
--- a/packages/client/src/components/MkToast.vue
+++ b/packages/client/src/components/MkToast.vue
@@ -42,7 +42,9 @@ onMounted(() => {
 <style lang="scss" scoped>
 .toast-enter-active,
 .toast-leave-active {
-	transition: opacity 0.3s, transform 0.3s !important;
+	transition:
+		opacity 0.3s,
+		transform 0.3s !important;
 }
 .toast-enter-from,
 .toast-leave-to {
diff --git a/packages/client/src/components/MkTokenGenerateWindow.vue b/packages/client/src/components/MkTokenGenerateWindow.vue
index 77caa26b34..ec1a397eac 100644
--- a/packages/client/src/components/MkTokenGenerateWindow.vue
+++ b/packages/client/src/components/MkTokenGenerateWindow.vue
@@ -64,7 +64,7 @@ const props = withDefaults(
 		information: null,
 		initialName: null,
 		initialPermissions: null,
-	}
+	},
 );
 
 const emit = defineEmits<{
diff --git a/packages/client/src/components/MkTooltip.vue b/packages/client/src/components/MkTooltip.vue
index c528a2f56c..dd3d801e2c 100644
--- a/packages/client/src/components/MkTooltip.vue
+++ b/packages/client/src/components/MkTooltip.vue
@@ -39,7 +39,7 @@ const props = withDefaults(
 		maxWidth: 250,
 		direction: "top",
 		innerMargin: 0,
-	}
+	},
 );
 
 const emit = defineEmits<{
@@ -91,7 +91,8 @@ onUnmounted(() => {
 .tooltip-leave-active {
 	opacity: 1;
 	transform: scale(1);
-	transition: transform 200ms cubic-bezier(0.23, 1, 0.32, 1),
+	transition:
+		transform 200ms cubic-bezier(0.23, 1, 0.32, 1),
 		opacity 200ms cubic-bezier(0.23, 1, 0.32, 1);
 }
 .tooltip-enter-from,
diff --git a/packages/client/src/components/MkTutorialDialog.vue b/packages/client/src/components/MkTutorialDialog.vue
index b4d8eee0a2..dd5336d472 100644
--- a/packages/client/src/components/MkTutorialDialog.vue
+++ b/packages/client/src/components/MkTutorialDialog.vue
@@ -265,15 +265,15 @@ const autoplayMfm = computed(
 	defaultStore.makeGetterSetter(
 		"animatedMfm",
 		(v) => !v,
-		(v) => !v
-	)
+		(v) => !v,
+	),
 );
 const reduceAnimation = computed(
 	defaultStore.makeGetterSetter(
 		"animation",
 		(v) => !v,
-		(v) => !v
-	)
+		(v) => !v,
+	),
 );
 
 function close(res) {
diff --git a/packages/client/src/components/MkUrlPreview.vue b/packages/client/src/components/MkUrlPreview.vue
index ec6933c8fd..c217909f98 100644
--- a/packages/client/src/components/MkUrlPreview.vue
+++ b/packages/client/src/components/MkUrlPreview.vue
@@ -111,7 +111,7 @@ const props = withDefaults(
 	}>(),
 	{
 		detail: false,
-	}
+	},
 );
 
 const self = props.url.startsWith(local);
@@ -158,7 +158,7 @@ const requestLang = (lang || "ja-JP").replace("ja-KS", "ja-JP");
 requestUrl.hash = "";
 
 fetch(
-	`/url?url=${encodeURIComponent(requestUrl.href)}&lang=${requestLang}`
+	`/url?url=${encodeURIComponent(requestUrl.href)}&lang=${requestLang}`,
 ).then((res) => {
 	res.json().then((info) => {
 		if (info.url == null) return;
@@ -221,7 +221,10 @@ onUnmounted(() => {
 					border-radius: var(--radius);
 					transform: scale(0.95);
 					opacity: 0.8;
-					transition: transform 0.2s, opacity 0.2s, background 0.2s;
+					transition:
+						transform 0.2s,
+						opacity 0.2s,
+						background 0.2s;
 				}
 				&:hover,
 				&:focus {
diff --git a/packages/client/src/components/MkUserCardMini.vue b/packages/client/src/components/MkUserCardMini.vue
index 6552af028e..dd050a344e 100644
--- a/packages/client/src/components/MkUserCardMini.vue
+++ b/packages/client/src/components/MkUserCardMini.vue
@@ -36,7 +36,7 @@ const props = withDefaults(
 	}>(),
 	{
 		withChart: true,
-	}
+	},
 );
 
 let chartValues = $ref<number[] | null>(null);
diff --git a/packages/client/src/components/MkUserPreview.vue b/packages/client/src/components/MkUserPreview.vue
index bea0268615..6c3838fd2e 100644
--- a/packages/client/src/components/MkUserPreview.vue
+++ b/packages/client/src/components/MkUserPreview.vue
@@ -180,7 +180,9 @@ onMounted(() => {
 <style lang="scss" scoped>
 .popup-enter-active,
 .popup-leave-active {
-	transition: opacity 0.3s, transform 0.3s !important;
+	transition:
+		opacity 0.3s,
+		transform 0.3s !important;
 }
 .popup-enter-from,
 .popup-leave-to {
diff --git a/packages/client/src/components/MkVisibility.vue b/packages/client/src/components/MkVisibility.vue
index 591dc65dae..3b22d5d08c 100644
--- a/packages/client/src/components/MkVisibility.vue
+++ b/packages/client/src/components/MkVisibility.vue
@@ -57,7 +57,7 @@ if (props.note.visibility === "specified") {
 				targetElement: specified,
 			},
 			{},
-			"closed"
+			"closed",
 		);
 	});
 }
diff --git a/packages/client/src/components/MkVisibilityPicker.vue b/packages/client/src/components/MkVisibilityPicker.vue
index ce51f851e4..8f53ac184a 100644
--- a/packages/client/src/components/MkVisibilityPicker.vue
+++ b/packages/client/src/components/MkVisibilityPicker.vue
@@ -135,13 +135,13 @@ const props = withDefaults(
 		currentLocalOnly: boolean;
 		src?: HTMLElement;
 	}>(),
-	{}
+	{},
 );
 
 const emit = defineEmits<{
 	(
 		ev: "changeVisibility",
-		v: (typeof misskey.noteVisibilities)[number]
+		v: (typeof misskey.noteVisibilities)[number],
 	): void;
 	(ev: "changeLocalOnly", v: boolean): void;
 	(ev: "closed"): void;
diff --git a/packages/client/src/components/MkWaitingDialog.vue b/packages/client/src/components/MkWaitingDialog.vue
index acd394c1e0..cc9784d8de 100644
--- a/packages/client/src/components/MkWaitingDialog.vue
+++ b/packages/client/src/components/MkWaitingDialog.vue
@@ -55,7 +55,7 @@ watch(
 	() => props.showing,
 	() => {
 		if (!props.showing) done();
-	}
+	},
 );
 </script>
 
diff --git a/packages/client/src/components/MkWidgets.vue b/packages/client/src/components/MkWidgets.vue
index 0d64c9fb62..a5e56c0750 100644
--- a/packages/client/src/components/MkWidgets.vue
+++ b/packages/client/src/components/MkWidgets.vue
@@ -144,7 +144,7 @@ function onContextmenu(widget: Widget, ev: MouseEvent) {
 	if (isLink(ev.target)) return;
 	if (
 		["INPUT", "TEXTAREA", "IMG", "VIDEO", "CANVAS"].includes(
-			ev.target.tagName
+			ev.target.tagName,
 		) ||
 		ev.target.attributes["contenteditable"]
 	)
@@ -165,7 +165,7 @@ function onContextmenu(widget: Widget, ev: MouseEvent) {
 				},
 			},
 		],
-		ev
+		ev,
 	);
 }
 </script>
diff --git a/packages/client/src/components/MkWindow.vue b/packages/client/src/components/MkWindow.vue
index e6509acf97..bb7c376d5b 100644
--- a/packages/client/src/components/MkWindow.vue
+++ b/packages/client/src/components/MkWindow.vue
@@ -161,7 +161,7 @@ const props = withDefaults(
 		contextmenu: null,
 		buttonsLeft: () => [],
 		buttonsRight: () => [],
-	}
+	},
 );
 
 const emit = defineEmits<{
@@ -512,7 +512,9 @@ defineExpose({
 <style lang="scss" scoped>
 .window-enter-active,
 .window-leave-active {
-	transition: opacity 0.2s, transform 0.2s !important;
+	transition:
+		opacity 0.2s,
+		transform 0.2s !important;
 }
 .window-enter-from,
 .window-leave-to {
diff --git a/packages/client/src/components/form/input.vue b/packages/client/src/components/form/input.vue
index 55d69f7416..cb9aa46c7e 100644
--- a/packages/client/src/components/form/input.vue
+++ b/packages/client/src/components/form/input.vue
@@ -169,7 +169,7 @@ useInterval(
 	{
 		immediate: true,
 		afterMounted: true,
-	}
+	},
 );
 
 onMounted(() => {
diff --git a/packages/client/src/components/form/radios.vue b/packages/client/src/components/form/radios.vue
index 4b96d72c69..849ad4c9f0 100644
--- a/packages/client/src/components/form/radios.vue
+++ b/packages/client/src/components/form/radios.vue
@@ -43,7 +43,7 @@ export default defineComponent({
 								{
 									class: "label",
 								},
-								[label]
+								[label],
 							),
 					  ]
 					: []),
@@ -63,9 +63,9 @@ export default defineComponent({
 								"onUpdate:modelValue": (value) =>
 									(this.value = value),
 							},
-							option.children
-						)
-					)
+							option.children,
+						),
+					),
 				),
 				...(caption
 					? [
@@ -74,11 +74,11 @@ export default defineComponent({
 								{
 									class: "caption",
 								},
-								[caption]
+								[caption],
 							),
 					  ]
 					: []),
-			]
+			],
 		);
 	},
 });
diff --git a/packages/client/src/components/form/range.vue b/packages/client/src/components/form/range.vue
index a384c5124e..aeb1ee8a2f 100644
--- a/packages/client/src/components/form/range.vue
+++ b/packages/client/src/components/form/range.vue
@@ -55,7 +55,7 @@ const props = withDefaults(
 		step: 1,
 		textConverter: (v) => v.toString(),
 		easing: false,
-	}
+	},
 );
 
 const inputEl = ref<HTMLElement>();
@@ -90,7 +90,7 @@ function tooltipShow() {
 			targetElement: inputEl,
 		},
 		{},
-		"closed"
+		"closed",
 	);
 }
 function tooltipHide() {
diff --git a/packages/client/src/components/form/select.vue b/packages/client/src/components/form/select.vue
index db4bbb2880..06a8e40e02 100644
--- a/packages/client/src/components/form/select.vue
+++ b/packages/client/src/components/form/select.vue
@@ -135,7 +135,7 @@ useInterval(
 	{
 		immediate: true,
 		afterMounted: true,
-	}
+	},
 );
 
 onMounted(() => {
diff --git a/packages/client/src/components/form/split.vue b/packages/client/src/components/form/split.vue
index 40d1d43ac3..dbfde694ac 100644
--- a/packages/client/src/components/form/split.vue
+++ b/packages/client/src/components/form/split.vue
@@ -11,7 +11,7 @@ const props = withDefaults(
 	}>(),
 	{
 		minWidth: 210,
-	}
+	},
 );
 
 const minWidth = props.minWidth + "px";
diff --git a/packages/client/src/components/form/suspense.vue b/packages/client/src/components/form/suspense.vue
index 33fd032334..e1aacb42b3 100644
--- a/packages/client/src/components/form/suspense.vue
+++ b/packages/client/src/components/form/suspense.vue
@@ -70,7 +70,7 @@ export default defineComponent({
 			},
 			{
 				immediate: true,
-			}
+			},
 		);
 
 		const retry = () => {
diff --git a/packages/client/src/components/global/MkA.vue b/packages/client/src/components/global/MkA.vue
index d276a4d9ac..93a02d4437 100644
--- a/packages/client/src/components/global/MkA.vue
+++ b/packages/client/src/components/global/MkA.vue
@@ -27,7 +27,7 @@ const props = withDefaults(
 	{
 		activeClass: null,
 		behavior: null,
-	}
+	},
 );
 
 const router = useRouter();
@@ -81,7 +81,7 @@ function onContextmenu(ev) {
 				},
 			},
 		],
-		ev
+		ev,
 	);
 }
 
diff --git a/packages/client/src/components/global/MkAd.vue b/packages/client/src/components/global/MkAd.vue
index e826e14458..89498c5dc8 100644
--- a/packages/client/src/components/global/MkAd.vue
+++ b/packages/client/src/components/global/MkAd.vue
@@ -70,7 +70,7 @@ const choseAd = (): Ad | null => {
 					...ad,
 					ratio: 0,
 			  }
-			: ad
+			: ad,
 	);
 
 	let ads = allAds.filter((ad) => props.prefer.includes(ad.place));
diff --git a/packages/client/src/components/global/MkAvatar.vue b/packages/client/src/components/global/MkAvatar.vue
index d904ece265..9340b84e9d 100644
--- a/packages/client/src/components/global/MkAvatar.vue
+++ b/packages/client/src/components/global/MkAvatar.vue
@@ -57,7 +57,7 @@ const props = withDefaults(
 		disableLink: false,
 		disablePreview: false,
 		showIndicator: false,
-	}
+	},
 );
 
 const emit = defineEmits<{
@@ -67,7 +67,7 @@ const emit = defineEmits<{
 const url = $computed(() =>
 	defaultStore.state.disableShowingAnimatedImages
 		? getStaticImageUrl(props.user.avatarUrl)
-		: props.user.avatarUrl
+		: props.user.avatarUrl,
 );
 
 function onClick(ev: MouseEvent) {
@@ -83,7 +83,7 @@ watch(
 	},
 	{
 		immediate: true,
-	}
+	},
 );
 </script>
 
diff --git a/packages/client/src/components/global/MkEmoji.vue b/packages/client/src/components/global/MkEmoji.vue
index eb08ff5c28..3e899823ae 100644
--- a/packages/client/src/components/global/MkEmoji.vue
+++ b/packages/client/src/components/global/MkEmoji.vue
@@ -39,15 +39,15 @@ const props = defineProps<{
 const isCustom = computed(() => props.emoji.startsWith(":"));
 const char = computed(() => (isCustom.value ? null : props.emoji));
 const useOsNativeEmojis = computed(
-	() => defaultStore.state.useOsNativeEmojis && !props.isReaction
+	() => defaultStore.state.useOsNativeEmojis && !props.isReaction,
 );
 const ce = computed(() => props.customEmojis ?? instance.emojis ?? []);
 const customEmoji = computed(() =>
 	isCustom.value
 		? ce.value.find(
-				(x) => x.name === props.emoji.substr(1, props.emoji.length - 2)
+				(x) => x.name === props.emoji.substr(1, props.emoji.length - 2),
 		  )
-		: null
+		: null,
 );
 const url = computed(() => {
 	if (char.value) {
@@ -59,7 +59,7 @@ const url = computed(() => {
 	}
 });
 const alt = computed(() =>
-	customEmoji.value ? `:${customEmoji.value.name}:` : char.value
+	customEmoji.value ? `:${customEmoji.value.name}:` : char.value,
 );
 </script>
 
diff --git a/packages/client/src/components/global/MkLoading.vue b/packages/client/src/components/global/MkLoading.vue
index 343108f045..4f031829a8 100644
--- a/packages/client/src/components/global/MkLoading.vue
+++ b/packages/client/src/components/global/MkLoading.vue
@@ -44,7 +44,7 @@ const props = withDefaults(
 		colored: true,
 		mini: false,
 		em: false,
-	}
+	},
 );
 </script>
 
diff --git a/packages/client/src/components/global/MkMisskeyFlavoredMarkdown.vue b/packages/client/src/components/global/MkMisskeyFlavoredMarkdown.vue
index 4ecb0580f9..91966f9fb9 100644
--- a/packages/client/src/components/global/MkMisskeyFlavoredMarkdown.vue
+++ b/packages/client/src/components/global/MkMisskeyFlavoredMarkdown.vue
@@ -34,7 +34,7 @@ const props = withDefaults(
 		nowrap: false,
 		author: null,
 		isNote: true,
-	}
+	},
 );
 </script>
 
diff --git a/packages/client/src/components/global/MkPageHeader.vue b/packages/client/src/components/global/MkPageHeader.vue
index c1ee84f4df..cd24c97fca 100644
--- a/packages/client/src/components/global/MkPageHeader.vue
+++ b/packages/client/src/components/global/MkPageHeader.vue
@@ -194,7 +194,7 @@ const openAccountMenu = (ev: MouseEvent) => {
 		{
 			withExtraOperation: true,
 		},
-		ev
+		ev,
 	);
 };
 
@@ -278,7 +278,7 @@ onMounted(() => {
 		},
 		{
 			immediate: true,
-		}
+		},
 	);
 
 	if (el && el.parentElement) {
@@ -533,7 +533,11 @@ onUnmounted(() => {
 			font-weight: normal;
 			opacity: 0.7;
 			overflow: hidden;
-			transition: color 0.2s, opacity 0.2s, width 0.2s, min-width 0.2s;
+			transition:
+				color 0.2s,
+				opacity 0.2s,
+				width 0.2s,
+				min-width 0.2s;
 			--width: 38px;
 
 			&:hover {
@@ -562,7 +566,9 @@ onUnmounted(() => {
 			height: 3px;
 			background: var(--accent);
 			border-radius: 999px;
-			transition: width 0.2s, transform 0.2s;
+			transition:
+				width 0.2s,
+				transform 0.2s;
 			transition-timing-function: cubic-bezier(0, 0, 0, 1.2);
 			pointer-events: none;
 		}
diff --git a/packages/client/src/components/global/MkSpacer.vue b/packages/client/src/components/global/MkSpacer.vue
index 2c3ce810b2..1fd8281c5d 100644
--- a/packages/client/src/components/global/MkSpacer.vue
+++ b/packages/client/src/components/global/MkSpacer.vue
@@ -21,7 +21,7 @@ const props = withDefaults(
 		contentMax: null,
 		marginMin: 12,
 		marginMax: 24,
-	}
+	},
 );
 
 let ro: ResizeObserver;
diff --git a/packages/client/src/components/global/MkStickyContainer.vue b/packages/client/src/components/global/MkStickyContainer.vue
index 0818dd3eff..8826fe1f94 100644
--- a/packages/client/src/components/global/MkStickyContainer.vue
+++ b/packages/client/src/components/global/MkStickyContainer.vue
@@ -50,7 +50,7 @@ onMounted(() => {
 		},
 		{
 			immediate: true,
-		}
+		},
 	);
 
 	headerEl.style.position = "sticky";
diff --git a/packages/client/src/components/global/MkTime.vue b/packages/client/src/components/global/MkTime.vue
index 72a51f10d6..9c2002c9bc 100644
--- a/packages/client/src/components/global/MkTime.vue
+++ b/packages/client/src/components/global/MkTime.vue
@@ -22,7 +22,7 @@ const props = withDefaults(
 	}>(),
 	{
 		mode: "relative",
-	}
+	},
 );
 
 const _time =
diff --git a/packages/client/src/components/global/MkUrl.vue b/packages/client/src/components/global/MkUrl.vue
index 6183be3b5b..98ba8d94e9 100644
--- a/packages/client/src/components/global/MkUrl.vue
+++ b/packages/client/src/components/global/MkUrl.vue
@@ -51,7 +51,7 @@ const el = ref();
 useTooltip(el, (showing) => {
 	os.popup(
 		defineAsyncComponent(
-			() => import("@/components/MkUrlPreviewPopup.vue")
+			() => import("@/components/MkUrlPreviewPopup.vue"),
 		),
 		{
 			showing,
@@ -59,7 +59,7 @@ useTooltip(el, (showing) => {
 			source: el.value,
 		},
 		{},
-		"closed"
+		"closed",
 	);
 });
 
diff --git a/packages/client/src/components/global/MkUserName.vue b/packages/client/src/components/global/MkUserName.vue
index a79add3c26..3ece1c9814 100644
--- a/packages/client/src/components/global/MkUserName.vue
+++ b/packages/client/src/components/global/MkUserName.vue
@@ -19,7 +19,7 @@ const props = withDefaults(
 	}>(),
 	{
 		nowrap: true,
-	}
+	},
 );
 </script>
 
diff --git a/packages/client/src/components/global/RouterView.vue b/packages/client/src/components/global/RouterView.vue
index 0fa244f8f0..f8ad22f28e 100644
--- a/packages/client/src/components/global/RouterView.vue
+++ b/packages/client/src/components/global/RouterView.vue
@@ -59,7 +59,7 @@ const current = resolveNested(router.current)!;
 let currentPageComponent = $shallowRef(current.route.component);
 let currentPageProps = $ref(current.props);
 let key = $ref(
-	current.route.path + JSON.stringify(Object.fromEntries(current.props))
+	current.route.path + JSON.stringify(Object.fromEntries(current.props)),
 );
 
 function onChange({ resolved, key: newKey }) {
diff --git a/packages/client/src/components/page/page.counter.vue b/packages/client/src/components/page/page.counter.vue
index 9ee49fe4ef..514790b5f9 100644
--- a/packages/client/src/components/page/page.counter.vue
+++ b/packages/client/src/components/page/page.counter.vue
@@ -35,7 +35,7 @@ export default defineComponent({
 		function click() {
 			props.hpml.updatePageVar(
 				props.block.name,
-				value.value + (props.block.inc || 1)
+				value.value + (props.block.inc || 1),
 			);
 			props.hpml.eval();
 		}
diff --git a/packages/client/src/components/page/page.image.vue b/packages/client/src/components/page/page.image.vue
index 0b82975d9e..726446030f 100644
--- a/packages/client/src/components/page/page.image.vue
+++ b/packages/client/src/components/page/page.image.vue
@@ -24,7 +24,7 @@ const props = defineProps<{
 }>();
 
 const image = props.hpml.page.attachedFiles.find(
-	(x) => x.id === props.block.fileId
+	(x) => x.id === props.block.fileId,
 );
 </script>
 
diff --git a/packages/client/src/components/page/page.note.vue b/packages/client/src/components/page/page.note.vue
index 9e10d0f63d..868418cd42 100644
--- a/packages/client/src/components/page/page.note.vue
+++ b/packages/client/src/components/page/page.note.vue
@@ -38,7 +38,7 @@ export default defineComponent({
 			os.api("notes/show", { noteId: props.block.note }).then(
 				(result) => {
 					note.value = result;
-				}
+				},
 			);
 		});
 
diff --git a/packages/client/src/components/page/page.post.vue b/packages/client/src/components/page/page.post.vue
index ee30da1f08..2213d3021c 100644
--- a/packages/client/src/components/page/page.post.vue
+++ b/packages/client/src/components/page/page.post.vue
@@ -62,7 +62,7 @@ export default defineComponent({
 					if (this.$store.state.uploadFolder) {
 						formData.append(
 							"folderId",
-							this.$store.state.uploadFolder
+							this.$store.state.uploadFolder,
 						);
 					}
 
diff --git a/packages/client/src/components/page/page.text.vue b/packages/client/src/components/page/page.text.vue
index c380f48442..72854bf39a 100644
--- a/packages/client/src/components/page/page.text.vue
+++ b/packages/client/src/components/page/page.text.vue
@@ -14,7 +14,7 @@ import { extractUrlFromMfm } from "@/scripts/extract-url-from-mfm";
 export default defineComponent({
 	components: {
 		MkUrlPreview: defineAsyncComponent(
-			() => import("@/components/MkUrlPreview.vue")
+			() => import("@/components/MkUrlPreview.vue"),
 		),
 	},
 	props: {
diff --git a/packages/client/src/components/page/page.textarea.vue b/packages/client/src/components/page/page.textarea.vue
index aa720321f1..323334438c 100644
--- a/packages/client/src/components/page/page.textarea.vue
+++ b/packages/client/src/components/page/page.textarea.vue
@@ -23,6 +23,6 @@ watch(
 	{
 		deep: true,
 		immediate: true,
-	}
+	},
 );
 </script>
diff --git a/packages/client/src/pages/_error_.vue b/packages/client/src/pages/_error_.vue
index ac0c808708..f7f0496be7 100644
--- a/packages/client/src/pages/_error_.vue
+++ b/packages/client/src/pages/_error_.vue
@@ -48,7 +48,7 @@ const props = withDefaults(
 	defineProps<{
 		error?: Error;
 	}>(),
-	{}
+	{},
 );
 
 let loaded = $ref(false);
@@ -67,7 +67,7 @@ os.api("meta", {
 	() => {
 		loaded = true;
 		serverIsDead = true;
-	}
+	},
 );
 
 function reload() {
diff --git a/packages/client/src/pages/about.emojis.vue b/packages/client/src/pages/about.emojis.vue
index 90d9fb8065..853a2bef2f 100644
--- a/packages/client/src/pages/about.emojis.vue
+++ b/packages/client/src/pages/about.emojis.vue
@@ -35,7 +35,7 @@
 			<div class="zuvgdzyt">
 				<XEmoji
 					v-for="emoji in customEmojis.filter(
-						(e) => e.category === category
+						(e) => e.category === category,
 					)"
 					:key="emoji.name"
 					class="emoji"
@@ -106,7 +106,7 @@ export default defineComponent({
 				this.searchEmojis = this.customEmojis.filter(
 					(emoji) =>
 						emoji.name.includes(this.q) ||
-						emoji.aliases.includes(this.q)
+						emoji.aliases.includes(this.q),
 				);
 			} else {
 				this.searchEmojis = this.customEmojis.filter(
@@ -114,8 +114,8 @@ export default defineComponent({
 						(emoji.name.includes(this.q) ||
 							emoji.aliases.includes(this.q)) &&
 						[...this.selectedTags].every((t) =>
-							emoji.aliases.includes(t)
-						)
+							emoji.aliases.includes(t),
+						),
 				);
 			}
 		},
diff --git a/packages/client/src/pages/about.federation.vue b/packages/client/src/pages/about.federation.vue
index ca9a6d75c6..b22b7d2034 100644
--- a/packages/client/src/pages/about.federation.vue
+++ b/packages/client/src/pages/about.federation.vue
@@ -91,7 +91,7 @@
 					:key="instance.id"
 					v-tooltip.mfm="
 						`Last communicated: ${new Date(
-							instance.lastCommunicatedAt
+							instance.lastCommunicatedAt,
 						).toLocaleString()}\nStatus: ${getStatus(instance)}`
 					"
 					class="instance"
diff --git a/packages/client/src/pages/about.vue b/packages/client/src/pages/about.vue
index 205f86cd48..b7fe6fe7af 100644
--- a/packages/client/src/pages/about.vue
+++ b/packages/client/src/pages/about.vue
@@ -191,7 +191,7 @@ withDefaults(
 	}>(),
 	{
 		initialTab: "overview",
-	}
+	},
 );
 
 let stats = $ref(null);
@@ -243,7 +243,7 @@ definePageMetadata(
 	computed(() => ({
 		title: i18n.ts.instanceInfo,
 		icon: "ph-info ph-bold ph-lg",
-	}))
+	})),
 );
 
 async function sleep(seconds) {
diff --git a/packages/client/src/pages/admin-file.vue b/packages/client/src/pages/admin-file.vue
index de47377043..4a2c87e937 100644
--- a/packages/client/src/pages/admin-file.vue
+++ b/packages/client/src/pages/admin-file.vue
@@ -254,7 +254,7 @@ definePageMetadata(
 	computed(() => ({
 		title: file ? i18n.ts.file + ": " + file.name : i18n.ts.file,
 		icon: "ph-file ph-bold ph-lg",
-	}))
+	})),
 );
 
 let swiperRef = null;
diff --git a/packages/client/src/pages/admin/_header_.vue b/packages/client/src/pages/admin/_header_.vue
index a1a8c979b4..ae0e48929d 100644
--- a/packages/client/src/pages/admin/_header_.vue
+++ b/packages/client/src/pages/admin/_header_.vue
@@ -155,9 +155,9 @@ const calcBg = () => {
 	const tinyBg = tinycolor(
 		rawBg.startsWith("var(")
 			? getComputedStyle(document.documentElement).getPropertyValue(
-					rawBg.slice(4, -1)
+					rawBg.slice(4, -1),
 			  )
-			: rawBg
+			: rawBg,
 	);
 	tinyBg.setAlpha(0.85);
 	bg.value = tinyBg.toRgbString();
@@ -186,7 +186,7 @@ onMounted(() => {
 		},
 		{
 			immediate: true,
-		}
+		},
 	);
 });
 
diff --git a/packages/client/src/pages/admin/bot-protection.vue b/packages/client/src/pages/admin/bot-protection.vue
index f47300e05c..bdf9921900 100644
--- a/packages/client/src/pages/admin/bot-protection.vue
+++ b/packages/client/src/pages/admin/bot-protection.vue
@@ -85,7 +85,7 @@ import { fetchInstance } from "@/instance";
 import { i18n } from "@/i18n";
 
 const MkCaptcha = defineAsyncComponent(
-	() => import("@/components/MkCaptcha.vue")
+	() => import("@/components/MkCaptcha.vue"),
 );
 
 let provider = $ref(null);
diff --git a/packages/client/src/pages/admin/database.vue b/packages/client/src/pages/admin/database.vue
index 4154e9090e..7222ba3180 100644
--- a/packages/client/src/pages/admin/database.vue
+++ b/packages/client/src/pages/admin/database.vue
@@ -49,7 +49,7 @@ const databasePromiseFactory = () =>
 	os
 		.api("admin/get-table-stats")
 		.then((res) =>
-			Object.entries(res).sort((a, b) => b[1].size - a[1].size)
+			Object.entries(res).sort((a, b) => b[1].size - a[1].size),
 		);
 
 const headerActions = $computed(() => []);
diff --git a/packages/client/src/pages/admin/emojis.vue b/packages/client/src/pages/admin/emojis.vue
index 2db08cfddd..8d633e5513 100644
--- a/packages/client/src/pages/admin/emojis.vue
+++ b/packages/client/src/pages/admin/emojis.vue
@@ -69,7 +69,7 @@
 										class="emoji _panel _button"
 										:class="{
 											selected: selectedEmojis.includes(
-												emoji.id
+												emoji.id,
 											),
 										}"
 										@click="
@@ -206,7 +206,7 @@ const selectAll = () => {
 		selectedEmojis.value = [];
 	} else {
 		selectedEmojis.value = emojisPaginationComponent.value.items.map(
-			(item) => item.id
+			(item) => item.id,
 		);
 	}
 };
@@ -214,7 +214,7 @@ const selectAll = () => {
 const toggleSelect = (emoji) => {
 	if (selectedEmojis.value.includes(emoji.id)) {
 		selectedEmojis.value = selectedEmojis.value.filter(
-			(x) => x !== emoji.id
+			(x) => x !== emoji.id,
 		);
 	} else {
 		selectedEmojis.value.push(emoji.id);
@@ -228,8 +228,8 @@ const add = async (ev: MouseEvent) => {
 		files.map((file) =>
 			os.api("admin/emoji/add", {
 				fileId: file.id,
-			})
-		)
+			}),
+		),
 	);
 	promise.then(() => {
 		emojisPaginationComponent.value.reload();
@@ -251,16 +251,16 @@ const edit = (emoji) => {
 						(oldEmoji: any) => ({
 							...oldEmoji,
 							...result.updated,
-						})
+						}),
 					);
 				} else if (result.deleted) {
 					emojisPaginationComponent.value.removeItem(
-						(item) => item.id === emoji.id
+						(item) => item.id === emoji.id,
 					);
 				}
 			},
 		},
-		"closed"
+		"closed",
 	);
 };
 
@@ -285,7 +285,7 @@ const remoteMenu = (emoji, ev: MouseEvent) => {
 				},
 			},
 		],
-		ev.currentTarget ?? ev.target
+		ev.currentTarget ?? ev.target,
 	);
 };
 
@@ -316,7 +316,7 @@ const menu = (ev: MouseEvent) => {
 				text: i18n.ts.import,
 				action: async () => {
 					const file = await selectFile(
-						ev.currentTarget ?? ev.target
+						ev.currentTarget ?? ev.target,
 					);
 					os.api("admin/emoji/import-zip", {
 						fileId: file.id,
@@ -336,7 +336,7 @@ const menu = (ev: MouseEvent) => {
 				},
 			},
 		],
-		ev.currentTarget ?? ev.target
+		ev.currentTarget ?? ev.target,
 	);
 };
 
@@ -442,7 +442,7 @@ definePageMetadata(
 	computed(() => ({
 		title: i18n.ts.customEmojis,
 		icon: "ph-smiley ph-bold ph-lg",
-	}))
+	})),
 );
 </script>
 
diff --git a/packages/client/src/pages/admin/federation.vue b/packages/client/src/pages/admin/federation.vue
index d288a56bc5..64329b87ad 100644
--- a/packages/client/src/pages/admin/federation.vue
+++ b/packages/client/src/pages/admin/federation.vue
@@ -28,6 +28,6 @@ definePageMetadata(
 	computed(() => ({
 		title: i18n.ts.federation,
 		icon: "ph-planet ph-bold ph-lg",
-	}))
+	})),
 );
 </script>
diff --git a/packages/client/src/pages/admin/files.vue b/packages/client/src/pages/admin/files.vue
index e808ab65f6..5f277f6b97 100644
--- a/packages/client/src/pages/admin/files.vue
+++ b/packages/client/src/pages/admin/files.vue
@@ -137,7 +137,7 @@ definePageMetadata(
 	computed(() => ({
 		title: i18n.ts.files,
 		icon: "ph-cloud ph-bold ph-lg",
-	}))
+	})),
 );
 </script>
 
diff --git a/packages/client/src/pages/admin/index.vue b/packages/client/src/pages/admin/index.vue
index e6932fb86b..d9feb8574d 100644
--- a/packages/client/src/pages/admin/index.vue
+++ b/packages/client/src/pages/admin/index.vue
@@ -379,7 +379,7 @@ async function lookupNote() {
 		"notes/show",
 		q.startsWith("http://") || q.startsWith("https://")
 			? { url: q.trim() }
-			: { noteId: q.trim() }
+			: { noteId: q.trim() },
 	)
 		.then((note) => {
 			os.pageWindow(`/notes/${note.id}`);
@@ -426,7 +426,7 @@ const lookup = (ev) => {
 				},
 			},
 		],
-		ev.currentTarget ?? ev.target
+		ev.currentTarget ?? ev.target,
 	);
 };
 
diff --git a/packages/client/src/pages/admin/overview.pie.vue b/packages/client/src/pages/admin/overview.pie.vue
index 9de9f5c4b7..5317c6cdd8 100644
--- a/packages/client/src/pages/admin/overview.pie.vue
+++ b/packages/client/src/pages/admin/overview.pie.vue
@@ -38,7 +38,7 @@ onMounted(() => {
 				{
 					backgroundColor: props.data.map((x) => x.color),
 					borderColor: getComputedStyle(
-						document.documentElement
+						document.documentElement,
 					).getPropertyValue("--panel"),
 					borderWidth: 2,
 					hoverOffset: 0,
@@ -60,7 +60,7 @@ onMounted(() => {
 					ev,
 					"nearest",
 					{ intersect: true },
-					false
+					false,
 				)[0];
 				if (hit && props.data[hit.index].onClick) {
 					props.data[hit.index].onClick();
diff --git a/packages/client/src/pages/admin/overview.queue-chart.vue b/packages/client/src/pages/admin/overview.queue-chart.vue
index ebc344fa0b..1348bde98e 100644
--- a/packages/client/src/pages/admin/overview.queue-chart.vue
+++ b/packages/client/src/pages/admin/overview.queue-chart.vue
@@ -40,7 +40,7 @@ Chart.register(
 	Title,
 	Tooltip,
 	SubTitle,
-	Filler
+	Filler,
 );
 
 const props = defineProps<{
@@ -64,7 +64,7 @@ const gridColor = defaultStore.state.darkMode
 
 // フォントカラー
 Chart.defaults.color = getComputedStyle(
-	document.documentElement
+	document.documentElement,
 ).getPropertyValue("--fg");
 
 const { handler: externalTooltipHandler } = useChartTooltip();
@@ -74,7 +74,7 @@ let chartInstance: Chart;
 const onStats = (stats) => {
 	chartInstance.data.labels.push("");
 	chartInstance.data.datasets[0].data.push(
-		stats[props.domain].activeSincePrevTick
+		stats[props.domain].activeSincePrevTick,
 	);
 	chartInstance.data.datasets[1].data.push(stats[props.domain].active);
 	chartInstance.data.datasets[2].data.push(stats[props.domain].waiting);
@@ -93,7 +93,7 @@ const onStatsLog = (statsLog) => {
 	for (const stats of [...statsLog].reverse()) {
 		chartInstance.data.labels.push("");
 		chartInstance.data.datasets[0].data.push(
-			stats[props.domain].activeSincePrevTick
+			stats[props.domain].activeSincePrevTick,
 		);
 		chartInstance.data.datasets[1].data.push(stats[props.domain].active);
 		chartInstance.data.datasets[2].data.push(stats[props.domain].waiting);
diff --git a/packages/client/src/pages/admin/promotions.vue b/packages/client/src/pages/admin/promotions.vue
index 50e764627e..eb14fa52fc 100644
--- a/packages/client/src/pages/admin/promotions.vue
+++ b/packages/client/src/pages/admin/promotions.vue
@@ -87,7 +87,7 @@ os.api("admin/ad/list").then((adsResponse) => {
 function add() {
 	const tomorrow = formatDateTimeString(
 		new Date(new Date().setDate(new Date().getDate() + 1)),
-		"yyyy-MM-dd"
+		"yyyy-MM-dd",
 	);
 	ads.unshift({
 		id: null,
diff --git a/packages/client/src/pages/admin/queue.chart.chart.vue b/packages/client/src/pages/admin/queue.chart.chart.vue
index bb7d3c1a13..3335a7b896 100644
--- a/packages/client/src/pages/admin/queue.chart.chart.vue
+++ b/packages/client/src/pages/admin/queue.chart.chart.vue
@@ -40,7 +40,7 @@ Chart.register(
 	Title,
 	Tooltip,
 	SubTitle,
-	Filler
+	Filler,
 );
 
 const props = defineProps<{
@@ -63,7 +63,7 @@ const gridColor = defaultStore.state.darkMode
 
 // フォントカラー
 Chart.defaults.color = getComputedStyle(
-	document.documentElement
+	document.documentElement,
 ).getPropertyValue("--fg");
 
 const { handler: externalTooltipHandler } = useChartTooltip();
diff --git a/packages/client/src/pages/admin/queue.chart.vue b/packages/client/src/pages/admin/queue.chart.vue
index ee4f3724cb..2b6f271c60 100644
--- a/packages/client/src/pages/admin/queue.chart.vue
+++ b/packages/client/src/pages/admin/queue.chart.vue
@@ -119,7 +119,7 @@ onMounted(() => {
 			: props.domain === "deliver"
 			? "admin/queue/deliver-delayed"
 			: null,
-		{}
+		{},
 	).then((result) => {
 		jobs.value = result;
 	});
diff --git a/packages/client/src/pages/admin/users.vue b/packages/client/src/pages/admin/users.vue
index cf956c6845..5ed0fb3656 100644
--- a/packages/client/src/pages/admin/users.vue
+++ b/packages/client/src/pages/admin/users.vue
@@ -105,7 +105,7 @@
 								:key="user.id"
 								v-tooltip.mfm="
 									`Last posted: ${new Date(
-										user.updatedAt
+										user.updatedAt,
 									).toLocaleString()}`
 								"
 								class="user"
@@ -208,7 +208,7 @@ definePageMetadata(
 	computed(() => ({
 		title: i18n.ts.users,
 		icon: "ph-users ph-bold ph-lg",
-	}))
+	})),
 );
 </script>
 
diff --git a/packages/client/src/pages/antenna-timeline.vue b/packages/client/src/pages/antenna-timeline.vue
index a99ba68724..825dbb96a6 100644
--- a/packages/client/src/pages/antenna-timeline.vue
+++ b/packages/client/src/pages/antenna-timeline.vue
@@ -84,7 +84,7 @@ watch(
 			antennaId: props.antennaId,
 		});
 	},
-	{ immediate: true }
+	{ immediate: true },
 );
 
 const headerActions = $computed(() =>
@@ -106,7 +106,7 @@ const headerActions = $computed(() =>
 					handler: markRead,
 				},
 		  ]
-		: []
+		: [],
 );
 
 const headerTabs = $computed(() => []);
@@ -118,8 +118,8 @@ definePageMetadata(
 					title: antenna.name,
 					icon: "ph-flying-saucer ph-bold ph-lg",
 			  }
-			: null
-	)
+			: null,
+	),
 );
 </script>
 
diff --git a/packages/client/src/pages/api-console.vue b/packages/client/src/pages/api-console.vue
index 214145d370..7f9668325b 100644
--- a/packages/client/src/pages/api-console.vue
+++ b/packages/client/src/pages/api-console.vue
@@ -71,7 +71,7 @@ function send() {
 	os.api(
 		endpoint.value as keyof Endpoints,
 		requestBody,
-		requestBody.i || (withCredential.value ? undefined : null)
+		requestBody.i || (withCredential.value ? undefined : null),
 	).then(
 		(resp) => {
 			sending.value = false;
@@ -80,7 +80,7 @@ function send() {
 		(err) => {
 			sending.value = false;
 			res.value = JSON5.stringify(err, null, 2);
-		}
+		},
 	);
 }
 
@@ -88,7 +88,7 @@ function onEndpointChange() {
 	os.api(
 		"endpoint",
 		{ endpoint: endpoint.value },
-		withCredential.value ? undefined : null
+		withCredential.value ? undefined : null,
 	).then((resp) => {
 		const endpointBody = {};
 		for (const p of resp.params) {
diff --git a/packages/client/src/pages/auth.vue b/packages/client/src/pages/auth.vue
index 8762f54c83..ea404d1630 100644
--- a/packages/client/src/pages/auth.vue
+++ b/packages/client/src/pages/auth.vue
@@ -116,7 +116,7 @@ export default defineComponent({
 				if (!!getUrlParams().state)
 					callbackUrl.searchParams.append(
 						"state",
-						getUrlParams().state
+						getUrlParams().state,
 					);
 				location.href = callbackUrl.toString();
 			} else if (this.session.app.callbackUrl) {
diff --git a/packages/client/src/pages/channel-editor.vue b/packages/client/src/pages/channel-editor.vue
index 433c87c389..203c697706 100644
--- a/packages/client/src/pages/channel-editor.vue
+++ b/packages/client/src/pages/channel-editor.vue
@@ -74,7 +74,7 @@ watch(
 				})
 			).url;
 		}
-	}
+	},
 );
 
 async function fetchChannel() {
@@ -136,8 +136,8 @@ definePageMetadata(
 			: {
 					title: i18n.ts._channel.create,
 					icon: "ph-television ph-bold ph-lg",
-			  }
-	)
+			  },
+	),
 );
 </script>
 
diff --git a/packages/client/src/pages/channel.vue b/packages/client/src/pages/channel.vue
index 4c9124ae26..7040958290 100644
--- a/packages/client/src/pages/channel.vue
+++ b/packages/client/src/pages/channel.vue
@@ -128,7 +128,7 @@ watch(
 			channelId: props.channelId,
 		});
 	},
-	{ immediate: true }
+	{ immediate: true },
 );
 
 function edit() {
@@ -156,8 +156,8 @@ definePageMetadata(
 					title: channel.name,
 					icon: "ph-television ph-bold ph-lg",
 			  }
-			: null
-	)
+			: null,
+	),
 );
 </script>
 
diff --git a/packages/client/src/pages/channels.vue b/packages/client/src/pages/channels.vue
index c871655b67..75e9224405 100644
--- a/packages/client/src/pages/channels.vue
+++ b/packages/client/src/pages/channels.vue
@@ -217,7 +217,7 @@ definePageMetadata(
 	computed(() => ({
 		title: i18n.ts.channel,
 		icon: "ph-television ph-bold ph-lg",
-	}))
+	})),
 );
 
 let swiperRef = null;
diff --git a/packages/client/src/pages/clip.vue b/packages/client/src/pages/clip.vue
index bd6788b51e..60511aced6 100644
--- a/packages/client/src/pages/clip.vue
+++ b/packages/client/src/pages/clip.vue
@@ -50,7 +50,7 @@ const pagination = {
 };
 
 const isOwned: boolean | null = $computed<boolean | null>(
-	() => $i && clip && $i.id === clip.userId
+	() => $i && clip && $i.id === clip.userId,
 );
 
 watch(
@@ -62,7 +62,7 @@ watch(
 	},
 	{
 		immediate: true,
-	}
+	},
 );
 
 provide("currentClipPage", $$(clip));
@@ -118,7 +118,7 @@ const headerActions = $computed(() =>
 					},
 				},
 		  ]
-		: null
+		: null,
 );
 
 definePageMetadata(
@@ -128,8 +128,8 @@ definePageMetadata(
 					title: clip.name,
 					icon: "ph-paperclip ph-bold ph-lg",
 			  }
-			: null
-	)
+			: null,
+	),
 );
 </script>
 
diff --git a/packages/client/src/pages/drive.vue b/packages/client/src/pages/drive.vue
index 8aeb97b46e..2b4bf2d1fd 100644
--- a/packages/client/src/pages/drive.vue
+++ b/packages/client/src/pages/drive.vue
@@ -22,6 +22,6 @@ definePageMetadata(
 		title: folder ? folder.name : i18n.ts.drive,
 		icon: "ph-cloud ph-bold ph-lg",
 		hideHeader: true,
-	}))
+	})),
 );
 </script>
diff --git a/packages/client/src/pages/emojis.emoji.vue b/packages/client/src/pages/emojis.emoji.vue
index c8b7d64424..add558f722 100644
--- a/packages/client/src/pages/emojis.emoji.vue
+++ b/packages/client/src/pages/emojis.emoji.vue
@@ -43,12 +43,12 @@ function menu(ev) {
 								type: "info",
 								text: `${res.license || i18n.ts.notSet}`,
 							});
-						}
+						},
 					);
 				},
 			},
 		],
-		ev.currentTarget ?? ev.target
+		ev.currentTarget ?? ev.target,
 	);
 }
 </script>
diff --git a/packages/client/src/pages/explore.users.vue b/packages/client/src/pages/explore.users.vue
index 73caf4b98c..75fd21a83e 100644
--- a/packages/client/src/pages/explore.users.vue
+++ b/packages/client/src/pages/explore.users.vue
@@ -164,7 +164,7 @@ watch(
 	() => props.tag,
 	() => {
 		if (tagsEl) tagsEl.toggleContent(props.tag == null);
-	}
+	},
 );
 
 const tagUsers = $computed(() => ({
diff --git a/packages/client/src/pages/explore.vue b/packages/client/src/pages/explore.vue
index b23998c417..3e0a114ec1 100644
--- a/packages/client/src/pages/explore.vue
+++ b/packages/client/src/pages/explore.vue
@@ -72,7 +72,7 @@ definePageMetadata(
 	computed(() => ({
 		title: i18n.ts.explore,
 		icon: "ph-compass ph-bold ph-lg",
-	}))
+	})),
 );
 
 let swiperRef = null;
diff --git a/packages/client/src/pages/follow-requests.vue b/packages/client/src/pages/follow-requests.vue
index e3209145dc..b0f8cd5b16 100644
--- a/packages/client/src/pages/follow-requests.vue
+++ b/packages/client/src/pages/follow-requests.vue
@@ -115,7 +115,7 @@ definePageMetadata(
 	computed(() => ({
 		title: i18n.ts.followRequests,
 		icon: "ph-hand-waving ph-bold ph-lg",
-	}))
+	})),
 );
 </script>
 
diff --git a/packages/client/src/pages/gallery/edit.vue b/packages/client/src/pages/gallery/edit.vue
index f03201cac6..a98e643b3d 100644
--- a/packages/client/src/pages/gallery/edit.vue
+++ b/packages/client/src/pages/gallery/edit.vue
@@ -146,7 +146,7 @@ watch(
 						})
 				: Promise.resolve(null);
 	},
-	{ immediate: true }
+	{ immediate: true },
 );
 
 const headerActions = $computed(() => []);
@@ -163,8 +163,8 @@ definePageMetadata(
 			: {
 					title: i18n.ts.postToGallery,
 					icon: "ph-pencil ph-bold ph-lg",
-			  }
-	)
+			  },
+	),
 );
 </script>
 
diff --git a/packages/client/src/pages/gallery/index.vue b/packages/client/src/pages/gallery/index.vue
index aa9141acc7..66dc28d174 100644
--- a/packages/client/src/pages/gallery/index.vue
+++ b/packages/client/src/pages/gallery/index.vue
@@ -153,7 +153,7 @@ watch(
 	() => props.tag,
 	() => {
 		if (tagsRef) tagsRef.tags.toggleContent(props.tag == null);
-	}
+	},
 );
 
 const headerActions = $computed(() => [
diff --git a/packages/client/src/pages/gallery/post.vue b/packages/client/src/pages/gallery/post.vue
index 9a48a5e676..398adb1bcd 100644
--- a/packages/client/src/pages/gallery/post.vue
+++ b/packages/client/src/pages/gallery/post.vue
@@ -243,8 +243,8 @@ definePageMetadata(
 					title: post.title,
 					avatar: post.user,
 			  }
-			: null
-	)
+			: null,
+	),
 );
 </script>
 
diff --git a/packages/client/src/pages/instance-info.vue b/packages/client/src/pages/instance-info.vue
index 111717459d..cd6a390c84 100644
--- a/packages/client/src/pages/instance-info.vue
+++ b/packages/client/src/pages/instance-info.vue
@@ -315,7 +315,7 @@
 								:key="user.id"
 								v-tooltip.mfm="
 									`Last posted: ${new Date(
-										user.updatedAt
+										user.updatedAt,
 									).toLocaleString()}`
 								"
 								class="user"
@@ -498,7 +498,7 @@ if (iAmAdmin) {
 			key: "raw",
 			title: "Raw",
 			icon: "ph-code ph-bold ph-lg",
-		}
+		},
 	);
 }
 
diff --git a/packages/client/src/pages/messaging/index.vue b/packages/client/src/pages/messaging/index.vue
index 0e3ea6e42a..72d32fa21f 100644
--- a/packages/client/src/pages/messaging/index.vue
+++ b/packages/client/src/pages/messaging/index.vue
@@ -117,7 +117,7 @@ watch($$(tab), () => syncSlide(tabs.indexOf(tab)));
 
 const MOBILE_THRESHOLD = 500;
 const isMobile = ref(
-	deviceKind === "smartphone" || window.innerWidth <= MOBILE_THRESHOLD
+	deviceKind === "smartphone" || window.innerWidth <= MOBILE_THRESHOLD,
 );
 window.addEventListener("resize", () => {
 	isMobile.value =
@@ -178,7 +178,7 @@ function onMessage(message): void {
 						m.userId === message.userId) ||
 					(m.recipientId === message.userId &&
 						m.userId === message.recipientId)
-				)
+				),
 		);
 
 		messages.unshift(message);
@@ -219,7 +219,7 @@ function startMenu(ev) {
 				},
 			},
 		],
-		ev.currentTarget ?? ev.target
+		ev.currentTarget ?? ev.target,
 	);
 }
 
@@ -282,12 +282,12 @@ onMounted(() => {
 					_messages.sort(
 						(a, b) =>
 							new Date(b.createdAt).getTime() -
-							new Date(a.createdAt).getTime()
+							new Date(a.createdAt).getTime(),
 					);
 					messages = _messages;
-				}
+				},
 			);
-		}
+		},
 	);
 });
 
diff --git a/packages/client/src/pages/messaging/messaging-room.form.vue b/packages/client/src/pages/messaging/messaging-room.form.vue
index eaa002f50b..3f701db357 100644
--- a/packages/client/src/pages/messaging/messaging-room.form.vue
+++ b/packages/client/src/pages/messaging/messaging-room.form.vue
@@ -83,15 +83,15 @@ let sending = $ref(false);
 const typing = throttle(3000, () => {
 	stream.send(
 		"typingOnMessaging",
-		props.user ? { partner: props.user.id } : { group: props.group?.id }
+		props.user ? { partner: props.user.id } : { group: props.group?.id },
 	);
 });
 
 let draftKey = $computed(() =>
-	props.user ? "user:" + props.user.id : "group:" + props.group?.id
+	props.user ? "user:" + props.user.id : "group:" + props.group?.id,
 );
 let canSend = $computed(
-	() => (text != null && text.trim() !== "") || file != null
+	() => (text != null && text.trim() !== "") || file != null,
 );
 
 watch([$$(text), $$(file)], saveDraft);
@@ -111,7 +111,7 @@ async function onPaste(ev: ClipboardEvent) {
 			const formatted =
 				formatTimeString(
 					new Date(pastedFile.lastModified),
-					defaultStore.state.pastedFileName
+					defaultStore.state.pastedFileName,
 				).replace(/{{number}}/g, "1") + ext;
 			if (formatted) upload(pastedFile, formatted);
 		}
@@ -196,7 +196,7 @@ function chooseFile(ev: MouseEvent) {
 	selectFile(ev.currentTarget ?? ev.target, i18n.ts.selectFile).then(
 		(selectedFile) => {
 			file = selectedFile;
-		}
+		},
 	);
 }
 
@@ -208,7 +208,7 @@ function upload(fileToUpload: File, name?: string) {
 	uploadFile(fileToUpload, defaultStore.state.uploadFolder, name).then(
 		(res) => {
 			file = res;
-		}
+		},
 	);
 }
 
diff --git a/packages/client/src/pages/messaging/messaging-room.message.vue b/packages/client/src/pages/messaging/messaging-room.message.vue
index bb6cd3f1c8..0799058987 100644
--- a/packages/client/src/pages/messaging/messaging-room.message.vue
+++ b/packages/client/src/pages/messaging/messaging-room.message.vue
@@ -99,7 +99,7 @@ const props = defineProps<{
 
 const isMe = $computed(() => props.message.userId === $i?.id);
 const urls = $computed(() =>
-	props.message.text ? extractUrlFromMfm(mfm.parse(props.message.text)) : []
+	props.message.text ? extractUrlFromMfm(mfm.parse(props.message.text)) : [],
 );
 
 function del(): void {
diff --git a/packages/client/src/pages/messaging/messaging-room.vue b/packages/client/src/pages/messaging/messaging-room.vue
index 3beea725c2..e2f6eabeec 100644
--- a/packages/client/src/pages/messaging/messaging-room.vue
+++ b/packages/client/src/pages/messaging/messaging-room.vue
@@ -295,7 +295,7 @@ function onDeleted(id) {
 	const msg = pagingComponent.items.find((m) => m.id === id);
 	if (msg) {
 		pagingComponent.items = pagingComponent.items.filter(
-			(m) => m.id !== msg.id
+			(m) => m.id !== msg.id,
 		);
 	}
 }
@@ -339,7 +339,7 @@ onMounted(() => {
 		computed(() => ({
 			title: group != null ? group.name : user?.name,
 			icon: "ph-chats-teardrop-bold ph-lg",
-		}))
+		})),
 	);
 });
 
diff --git a/packages/client/src/pages/mfm-cheat-sheet.vue b/packages/client/src/pages/mfm-cheat-sheet.vue
index bf85af4302..1747befd1d 100644
--- a/packages/client/src/pages/mfm-cheat-sheet.vue
+++ b/packages/client/src/pages/mfm-cheat-sheet.vue
@@ -457,77 +457,77 @@ let preview_mention = $ref("@example");
 let preview_hashtag = $ref("#test");
 let preview_link = $ref(`[${i18n.ts._mfm.dummy}](https://calckey.org)`);
 let preview_emoji = $ref(
-	instance.emojis.length ? `:${instance.emojis[0].name}:` : ":emojiname:"
+	instance.emojis.length ? `:${instance.emojis[0].name}:` : ":emojiname:",
 );
 let preview_bold = $ref(`**${i18n.ts._mfm.dummy}**`);
 let preview_small = $ref(
-	`<small>${i18n.ts._mfm.dummy}</small> $[small ${i18n.ts._mfm.dummy}]`
+	`<small>${i18n.ts._mfm.dummy}</small> $[small ${i18n.ts._mfm.dummy}]`,
 );
 let preview_center = $ref(
-	`<center>${i18n.ts._mfm.dummy}</center> $[center ${i18n.ts._mfm.dummy}]`
+	`<center>${i18n.ts._mfm.dummy}</center> $[center ${i18n.ts._mfm.dummy}]`,
 );
 let preview_inlineCode = $ref('`<: "Hello, world!"`');
 let preview_blockCode = $ref(
-	'```\n~ (#i, 100) {\n\t<: ? ((i % 15) = 0) "FizzBuzz"\n\t\t.? ((i % 3) = 0) "Fizz"\n\t\t.? ((i % 5) = 0) "Buzz"\n\t\t. i\n}\n```'
+	'```\n~ (#i, 100) {\n\t<: ? ((i % 15) = 0) "FizzBuzz"\n\t\t.? ((i % 3) = 0) "Fizz"\n\t\t.? ((i % 5) = 0) "Buzz"\n\t\t. i\n}\n```',
 );
 let preview_inlineMath = $ref("\\(x= \\frac{-b' \\pm \\sqrt{(b')^2-ac}}{a}\\)");
 let preview_blockMath = $ref("\\[x= \\frac{-b' \\pm \\sqrt{(b')^2-ac}}{a}\\]");
 let preview_quote = $ref(`> ${i18n.ts._mfm.dummy}`);
 let preview_search = $ref(
-	`${i18n.ts._mfm.dummy} [search]\n${i18n.ts._mfm.dummy} [検索]\n${i18n.ts._mfm.dummy} 検索`
+	`${i18n.ts._mfm.dummy} [search]\n${i18n.ts._mfm.dummy} [検索]\n${i18n.ts._mfm.dummy} 検索`,
 );
 let preview_jelly = $ref(
-	"$[jelly 🍮] $[jelly.speed=3s 🍮] $[jelly.delay=3s 🍮] $[jelly.loop=3 🍮]"
+	"$[jelly 🍮] $[jelly.speed=3s 🍮] $[jelly.delay=3s 🍮] $[jelly.loop=3 🍮]",
 );
 let preview_tada = $ref(
-	"$[tada 🍮] $[tada.speed=3s 🍮] $[tada.delay=3s 🍮] $[tada.loop=3 🍮]"
+	"$[tada 🍮] $[tada.speed=3s 🍮] $[tada.delay=3s 🍮] $[tada.loop=3 🍮]",
 );
 let preview_jump = $ref(
-	"$[jump 🍮] $[jump.speed=3s 🍮] $[jump.delay=3s 🍮] $[jump.loop=3 🍮]"
+	"$[jump 🍮] $[jump.speed=3s 🍮] $[jump.delay=3s 🍮] $[jump.loop=3 🍮]",
 );
 let preview_bounce = $ref(
-	"$[bounce 🍮] $[bounce.speed=3s 🍮] $[bounce.delay=3s 🍮] $[bounce.loop=3 🍮]"
+	"$[bounce 🍮] $[bounce.speed=3s 🍮] $[bounce.delay=3s 🍮] $[bounce.loop=3 🍮]",
 );
 let preview_shake = $ref(
-	"$[shake 🍮] $[shake.speed=3s 🍮] $[shake.delay=3s 🍮] $[shake.loop=3 🍮]"
+	"$[shake 🍮] $[shake.speed=3s 🍮] $[shake.delay=3s 🍮] $[shake.loop=3 🍮]",
 );
 let preview_twitch = $ref(
-	"$[twitch 🍮] $[twitch.speed=3s 🍮] $[twitch.delay=3s 🍮] $[twitch.loop=3 🍮]"
+	"$[twitch 🍮] $[twitch.speed=3s 🍮] $[twitch.delay=3s 🍮] $[twitch.loop=3 🍮]",
 );
 let preview_spin = $ref(
-	"$[spin 🍮] $[spin.left 🍮] $[spin.alternate 🍮]\n$[spin.x 🍮] $[spin.x,left 🍮] $[spin.x,alternate 🍮]\n$[spin.y 🍮] $[spin.y,left 🍮] $[spin.y,alternate 🍮]\n\n$[spin.speed=3s 🍮] $[spin.delay=3s 🍮] $[spin.loop=3 🍮]"
+	"$[spin 🍮] $[spin.left 🍮] $[spin.alternate 🍮]\n$[spin.x 🍮] $[spin.x,left 🍮] $[spin.x,alternate 🍮]\n$[spin.y 🍮] $[spin.y,left 🍮] $[spin.y,alternate 🍮]\n\n$[spin.speed=3s 🍮] $[spin.delay=3s 🍮] $[spin.loop=3 🍮]",
 );
 let preview_flip = $ref(
-	`$[flip ${i18n.ts._mfm.dummy}]\n$[flip.v ${i18n.ts._mfm.dummy}]\n$[flip.h,v ${i18n.ts._mfm.dummy}]`
+	`$[flip ${i18n.ts._mfm.dummy}]\n$[flip.v ${i18n.ts._mfm.dummy}]\n$[flip.h,v ${i18n.ts._mfm.dummy}]`,
 );
 let preview_font = $ref(
-	`$[font.serif ${i18n.ts._mfm.dummy}]\n$[font.monospace ${i18n.ts._mfm.dummy}]\n$[font.cursive ${i18n.ts._mfm.dummy}]\n$[font.fantasy ${i18n.ts._mfm.dummy}]`
+	`$[font.serif ${i18n.ts._mfm.dummy}]\n$[font.monospace ${i18n.ts._mfm.dummy}]\n$[font.cursive ${i18n.ts._mfm.dummy}]\n$[font.fantasy ${i18n.ts._mfm.dummy}]`,
 );
 let preview_x2 = $ref("$[x2 🍮]");
 let preview_x3 = $ref("$[x3 🍮]");
 let preview_x4 = $ref("$[x4 🍮]");
 let preview_blur = $ref(`$[blur ${i18n.ts._mfm.dummy}]`);
 let preview_rainbow = $ref(
-	"$[rainbow 🍮] $[rainbow.speed=3s 🍮] $[rainbow.delay=3s 🍮] $[rainbow.loop=3 🍮]"
+	"$[rainbow 🍮] $[rainbow.speed=3s 🍮] $[rainbow.delay=3s 🍮] $[rainbow.loop=3 🍮]",
 );
 let preview_sparkle = $ref("$[sparkle 🍮]");
 let preview_rotate = $ref(
-	"$[rotate 🍮]\n$[rotate.deg=45 🍮]\n$[rotate.x,deg=45 Hello, world!]"
+	"$[rotate 🍮]\n$[rotate.deg=45 🍮]\n$[rotate.x,deg=45 Hello, world!]",
 );
 let preview_position = $ref("$[position.y=-1 🍮]\n$[position.x=-1 🍮]");
 let preview_crop = $ref(
-	"$[crop.top=50 🍮] $[crop.right=50 🍮] $[crop.bottom=50 🍮] $[crop.left=50 🍮]"
+	"$[crop.top=50 🍮] $[crop.right=50 🍮] $[crop.bottom=50 🍮] $[crop.left=50 🍮]",
 );
 let preview_scale = $ref(
-	"$[scale.x=1.3 🍮]\n$[scale.x=1.5,y=3 🍮]\n$[scale.y=0.3 🍮]"
+	"$[scale.x=1.3 🍮]\n$[scale.x=1.5,y=3 🍮]\n$[scale.y=0.3 🍮]",
 );
 let preview_fg = $ref("$[fg.color=eb6f92 Text color]");
 let preview_bg = $ref("$[bg.color=31748f Background color]");
 let preview_plain = $ref(
-	"<plain>**bold** @mention #hashtag `code` $[x2 🍮]</plain>"
+	"<plain>**bold** @mention #hashtag `code` $[x2 🍮]</plain>",
 );
 let preview_fade = $ref(
-	"$[fade 🍮] $[fade.out 🍮] $[fade.speed=3s 🍮] $[fade.delay=3s 🍮]"
+	"$[fade 🍮] $[fade.out 🍮] $[fade.speed=3s 🍮] $[fade.delay=3s 🍮]",
 );
 
 definePageMetadata({
diff --git a/packages/client/src/pages/miauth.vue b/packages/client/src/pages/miauth.vue
index 768787ef26..7fedce0071 100644
--- a/packages/client/src/pages/miauth.vue
+++ b/packages/client/src/pages/miauth.vue
@@ -116,7 +116,7 @@ async function accept(): Promise<void> {
 		const cbUrl = new URL(props.callback);
 		if (
 			["javascript:", "file:", "data:", "mailto:", "tel:"].includes(
-				cbUrl.protocol
+				cbUrl.protocol,
 			)
 		)
 			throw new Error("invalid url");
@@ -124,7 +124,7 @@ async function accept(): Promise<void> {
 			props.callback,
 			query({
 				session: props.session,
-			})
+			}),
 		);
 	}
 }
diff --git a/packages/client/src/pages/my-antennas/edit.vue b/packages/client/src/pages/my-antennas/edit.vue
index 97c433f905..36254ff74b 100644
--- a/packages/client/src/pages/my-antennas/edit.vue
+++ b/packages/client/src/pages/my-antennas/edit.vue
@@ -31,7 +31,7 @@ function onAntennaUpdated() {
 os.api("antennas/show", { antennaId: props.antennaId }).then(
 	(antennaResponse) => {
 		antenna = antennaResponse;
-	}
+	},
 );
 
 const headerActions = $computed(() => []);
diff --git a/packages/client/src/pages/my-antennas/editor.vue b/packages/client/src/pages/my-antennas/editor.vue
index 27889b4d95..3ca4d1dc5f 100644
--- a/packages/client/src/pages/my-antennas/editor.vue
+++ b/packages/client/src/pages/my-antennas/editor.vue
@@ -141,10 +141,10 @@ let userGroupId: any = $ref(props.antenna.userGroupId);
 let users: string = $ref(props.antenna.users.join("\n"));
 let instances: string = $ref(props.antenna.instances.join("\n"));
 let keywords: string = $ref(
-	props.antenna.keywords.map((x) => x.join(" ")).join("\n")
+	props.antenna.keywords.map((x) => x.join(" ")).join("\n"),
 );
 let excludeKeywords: string = $ref(
-	props.antenna.excludeKeywords.map((x) => x.join(" ")).join("\n")
+	props.antenna.excludeKeywords.map((x) => x.join(" ")).join("\n"),
 );
 let caseSensitive: boolean = $ref(props.antenna.caseSensitive);
 let withReplies: boolean = $ref(props.antenna.withReplies);
@@ -166,7 +166,7 @@ watch(
 
 			userGroups = [...groups1, ...groups2];
 		}
-	}
+	},
 );
 
 async function saveAntenna() {
diff --git a/packages/client/src/pages/my-groups/group.vue b/packages/client/src/pages/my-groups/group.vue
index e6c7db1fb0..30aa0d8306 100644
--- a/packages/client/src/pages/my-groups/group.vue
+++ b/packages/client/src/pages/my-groups/group.vue
@@ -58,7 +58,7 @@ watch(
 	() => props.groupId,
 	() => {
 		fetch();
-	}
+	},
 );
 
 async function fetch() {
@@ -135,7 +135,7 @@ definePageMetadata(
 	computed(() => ({
 		title: i18n.ts.members,
 		icon: "ph-users-three ph-bold ph-lg",
-	}))
+	})),
 );
 
 const headerActions = $computed(() => [
diff --git a/packages/client/src/pages/my-groups/index.vue b/packages/client/src/pages/my-groups/index.vue
index ce04f9f602..d4cc6ab713 100644
--- a/packages/client/src/pages/my-groups/index.vue
+++ b/packages/client/src/pages/my-groups/index.vue
@@ -83,7 +83,7 @@ definePageMetadata(
 	computed(() => ({
 		title: i18n.ts.groups,
 		icon: "ph-users-three ph-bold ph-lg",
-	}))
+	})),
 );
 
 async function create() {
diff --git a/packages/client/src/pages/my-lists/list.vue b/packages/client/src/pages/my-lists/list.vue
index e90776dcbe..43b18dac56 100644
--- a/packages/client/src/pages/my-lists/list.vue
+++ b/packages/client/src/pages/my-lists/list.vue
@@ -154,8 +154,8 @@ definePageMetadata(
 					title: list.name,
 					icon: "ph-list-bullets ph-bold ph-lg",
 			  }
-			: null
-	)
+			: null,
+	),
 );
 </script>
 
diff --git a/packages/client/src/pages/note.vue b/packages/client/src/pages/note.vue
index c127ad0df4..7b097f689c 100644
--- a/packages/client/src/pages/note.vue
+++ b/packages/client/src/pages/note.vue
@@ -101,7 +101,7 @@ const prevPagination = {
 					userId: appearNote.userId,
 					untilId: appearNote.id,
 			  }
-			: null
+			: null,
 	),
 };
 
@@ -115,7 +115,7 @@ const nextPagination = {
 					userId: appearNote.userId,
 					sinceId: appearNote.id,
 			  }
-			: null
+			: null,
 	),
 };
 
@@ -187,8 +187,8 @@ definePageMetadata(
 						text: appearNote.text,
 					},
 			  }
-			: null
-	)
+			: null,
+	),
 );
 </script>
 
diff --git a/packages/client/src/pages/notifications.vue b/packages/client/src/pages/notifications.vue
index 37548c9802..47554d9ae3 100644
--- a/packages/client/src/pages/notifications.vue
+++ b/packages/client/src/pages/notifications.vue
@@ -75,7 +75,7 @@ os.api("notifications/mark-all-as-read");
 
 const MOBILE_THRESHOLD = 500;
 const isMobile = ref(
-	deviceKind === "smartphone" || window.innerWidth <= MOBILE_THRESHOLD
+	deviceKind === "smartphone" || window.innerWidth <= MOBILE_THRESHOLD,
 );
 window.addEventListener("resize", () => {
 	isMobile.value =
@@ -139,7 +139,7 @@ const headerActions = $computed(() =>
 					},
 			  }
 			: undefined,
-	].filter((x) => x !== undefined)
+	].filter((x) => x !== undefined),
 );
 
 const headerTabs = $computed(() => [
@@ -169,7 +169,7 @@ definePageMetadata(
 	computed(() => ({
 		title: i18n.ts.notifications,
 		icon: "ph-bell ph-bold ph-lg",
-	}))
+	})),
 );
 
 let swiperRef = null;
diff --git a/packages/client/src/pages/page-editor/els/page-editor.el.button.vue b/packages/client/src/pages/page-editor/els/page-editor.el.button.vue
index bd3c0e6381..e53c9c8d8c 100644
--- a/packages/client/src/pages/page-editor/els/page-editor.el.button.vue
+++ b/packages/client/src/pages/page-editor/els/page-editor.el.button.vue
@@ -59,7 +59,7 @@
 					<option :value="null">
 						{{
 							i18n.t(
-								"_pages.blocks._button._action._pushEvent.no-variable"
+								"_pages.blocks._button._action._pushEvent.no-variable",
 							)
 						}}
 					</option>
@@ -119,7 +119,7 @@ withDefaults(
 			var: null,
 			fn: null,
 		},
-	}
+	},
 );
 </script>
 
diff --git a/packages/client/src/pages/page-editor/els/page-editor.el.canvas.vue b/packages/client/src/pages/page-editor/els/page-editor.el.canvas.vue
index 3909044381..49820844d9 100644
--- a/packages/client/src/pages/page-editor/els/page-editor.el.canvas.vue
+++ b/packages/client/src/pages/page-editor/els/page-editor.el.canvas.vue
@@ -46,6 +46,6 @@ withDefaults(
 			width: 300,
 			height: 200,
 		},
-	}
+	},
 );
 </script>
diff --git a/packages/client/src/pages/page-editor/els/page-editor.el.counter.vue b/packages/client/src/pages/page-editor/els/page-editor.el.counter.vue
index 8a387a1817..b047bb62db 100644
--- a/packages/client/src/pages/page-editor/els/page-editor.el.counter.vue
+++ b/packages/client/src/pages/page-editor/els/page-editor.el.counter.vue
@@ -42,6 +42,6 @@ withDefaults(
 		value: {
 			name: "",
 		},
-	}
+	},
 );
 </script>
diff --git a/packages/client/src/pages/page-editor/els/page-editor.el.if.vue b/packages/client/src/pages/page-editor/els/page-editor.el.if.vue
index b4a262f9e9..6f436e9d4c 100644
--- a/packages/client/src/pages/page-editor/els/page-editor.el.if.vue
+++ b/packages/client/src/pages/page-editor/els/page-editor.el.if.vue
@@ -64,7 +64,7 @@ const props = withDefaults(
 			children: [],
 			var: null,
 		},
-	}
+	},
 );
 
 const getPageBlockList = inject<(any) => any>("getPageBlockList");
diff --git a/packages/client/src/pages/page-editor/els/page-editor.el.image.vue b/packages/client/src/pages/page-editor/els/page-editor.el.image.vue
index 023df8048c..0f95c79a04 100644
--- a/packages/client/src/pages/page-editor/els/page-editor.el.image.vue
+++ b/packages/client/src/pages/page-editor/els/page-editor.el.image.vue
@@ -37,7 +37,7 @@ const props = withDefaults(
 		value: {
 			fileId: null,
 		},
-	}
+	},
 );
 
 let file: any = $ref(null);
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 b9618501b9..a3c66a80c0 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
@@ -53,7 +53,7 @@ const props = withDefaults(
 			note: null,
 			detailed: false,
 		},
-	}
+	},
 );
 
 let id: any = $ref(props.value.note);
@@ -74,6 +74,6 @@ watch(
 	},
 	{
 		immediate: true,
-	}
+	},
 );
 </script>
diff --git a/packages/client/src/pages/page-editor/els/page-editor.el.number-input.vue b/packages/client/src/pages/page-editor/els/page-editor.el.number-input.vue
index aab3ba55f2..a14b16d670 100644
--- a/packages/client/src/pages/page-editor/els/page-editor.el.number-input.vue
+++ b/packages/client/src/pages/page-editor/els/page-editor.el.number-input.vue
@@ -42,6 +42,6 @@ withDefaults(
 		value: {
 			name: "",
 		},
-	}
+	},
 );
 </script>
diff --git a/packages/client/src/pages/page-editor/els/page-editor.el.post.vue b/packages/client/src/pages/page-editor/els/page-editor.el.post.vue
index 27129d65cf..f2d6558be2 100644
--- a/packages/client/src/pages/page-editor/els/page-editor.el.post.vue
+++ b/packages/client/src/pages/page-editor/els/page-editor.el.post.vue
@@ -43,6 +43,6 @@ withDefaults(
 			attachCanvasImage: false,
 			canvasId: "",
 		},
-	}
+	},
 );
 </script>
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 62254b7d95..63082b5ab7 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
@@ -49,7 +49,7 @@ const props = withDefaults(
 			title: "",
 			values: [],
 		},
-	}
+	},
 );
 
 let values: string = $ref(props.value.values.join("\n"));
@@ -61,6 +61,6 @@ watch(
 	},
 	{
 		deep: true,
-	}
+	},
 );
 </script>
diff --git a/packages/client/src/pages/page-editor/els/page-editor.el.section.vue b/packages/client/src/pages/page-editor/els/page-editor.el.section.vue
index 3db5a7d0f3..d4b28e13cb 100644
--- a/packages/client/src/pages/page-editor/els/page-editor.el.section.vue
+++ b/packages/client/src/pages/page-editor/els/page-editor.el.section.vue
@@ -38,7 +38,7 @@ const props = withDefaults(
 			title: null,
 			children: [],
 		},
-	}
+	},
 );
 
 const getPageBlockList = inject<(any) => any>("getPageBlockList");
diff --git a/packages/client/src/pages/page-editor/els/page-editor.el.switch.vue b/packages/client/src/pages/page-editor/els/page-editor.el.switch.vue
index 78302e9b9d..ef4b9961ee 100644
--- a/packages/client/src/pages/page-editor/els/page-editor.el.switch.vue
+++ b/packages/client/src/pages/page-editor/els/page-editor.el.switch.vue
@@ -42,7 +42,7 @@ withDefaults(
 		value: {
 			name: "",
 		},
-	}
+	},
 );
 </script>
 
diff --git a/packages/client/src/pages/page-editor/els/page-editor.el.text-input.vue b/packages/client/src/pages/page-editor/els/page-editor.el.text-input.vue
index e2b14b8fbc..d53e0621a2 100644
--- a/packages/client/src/pages/page-editor/els/page-editor.el.text-input.vue
+++ b/packages/client/src/pages/page-editor/els/page-editor.el.text-input.vue
@@ -41,6 +41,6 @@ withDefaults(
 		value: {
 			name: "",
 		},
-	}
+	},
 );
 </script>
diff --git a/packages/client/src/pages/page-editor/els/page-editor.el.text.vue b/packages/client/src/pages/page-editor/els/page-editor.el.text.vue
index 08572b3eea..1aac0859e7 100644
--- a/packages/client/src/pages/page-editor/els/page-editor.el.text.vue
+++ b/packages/client/src/pages/page-editor/els/page-editor.el.text.vue
@@ -24,7 +24,7 @@ withDefaults(
 		value: {
 			text: "",
 		},
-	}
+	},
 );
 </script>
 
diff --git a/packages/client/src/pages/page-editor/els/page-editor.el.textarea-input.vue b/packages/client/src/pages/page-editor/els/page-editor.el.textarea-input.vue
index 5f020f7137..bed60a3bb8 100644
--- a/packages/client/src/pages/page-editor/els/page-editor.el.textarea-input.vue
+++ b/packages/client/src/pages/page-editor/els/page-editor.el.textarea-input.vue
@@ -42,6 +42,6 @@ withDefaults(
 		value: {
 			name: "",
 		},
-	}
+	},
 );
 </script>
diff --git a/packages/client/src/pages/page-editor/els/page-editor.el.textarea.vue b/packages/client/src/pages/page-editor/els/page-editor.el.textarea.vue
index 3c956f0912..563e085a72 100644
--- a/packages/client/src/pages/page-editor/els/page-editor.el.textarea.vue
+++ b/packages/client/src/pages/page-editor/els/page-editor.el.textarea.vue
@@ -24,7 +24,7 @@ withDefaults(
 		value: {
 			text: "",
 		},
-	}
+	},
 );
 </script>
 
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 2200b4a37f..72594ae1ab 100644
--- a/packages/client/src/pages/page-editor/page-editor.blocks.vue
+++ b/packages/client/src/pages/page-editor/page-editor.blocks.vue
@@ -42,7 +42,7 @@ import * as os from "@/os";
 export default defineComponent({
 	components: {
 		XDraggable: defineAsyncComponent(() =>
-			import("vuedraggable").then((x) => x.default)
+			import("vuedraggable").then((x) => x.default),
 		),
 		XSection,
 		XText,
diff --git a/packages/client/src/pages/page-editor/page-editor.script-block.vue b/packages/client/src/pages/page-editor/page-editor.script-block.vue
index 7d88ec7e79..4ce8fcd3c8 100644
--- a/packages/client/src/pages/page-editor/page-editor.script-block.vue
+++ b/packages/client/src/pages/page-editor/page-editor.script-block.vue
@@ -51,7 +51,7 @@
 				<option
 					v-for="v in hpml
 						.getVarsByType(
-							getExpectedType ? getExpectedType() : null
+							getExpectedType ? getExpectedType() : null,
 						)
 						.filter((x) => x.name !== name)"
 					:value="v.name"
@@ -66,7 +66,7 @@
 				<optgroup :label="i18n.ts._pages.script.pageVariables">
 					<option
 						v-for="v in hpml.getPageVarsByType(
-							getExpectedType ? getExpectedType() : null
+							getExpectedType ? getExpectedType() : null,
 						)"
 						:value="v"
 					>
@@ -76,7 +76,7 @@
 				<optgroup :label="i18n.ts._pages.script.enviromentVariables">
 					<option
 						v-for="v in hpml.getEnvVarsByType(
-							getExpectedType ? getExpectedType() : null
+							getExpectedType ? getExpectedType() : null,
 						)"
 						:value="v"
 					>
@@ -136,7 +136,7 @@
 				v-model="modelValue.args[i]"
 				:title="
 					i18n.t(
-						`_pages.script.blocks._${modelValue.type}.arg${i + 1}`
+						`_pages.script.blocks._${modelValue.type}.arg${i + 1}`,
 					)
 				"
 				:get-expected-type="() => _getExpectedType(i)"
@@ -164,7 +164,7 @@ export default defineComponent({
 		XContainer,
 		MkTextarea,
 		XV: defineAsyncComponent(
-			() => import("./page-editor.script-block.vue")
+			() => import("./page-editor.script-block.vue"),
 		),
 	},
 
@@ -302,7 +302,7 @@ export default defineComponent({
 							this.modelValue.args[i].type = "text";
 					}
 				}
-			}
+			},
 		);
 
 		this.$watch(
@@ -323,7 +323,7 @@ export default defineComponent({
 			},
 			{
 				deep: true,
-			}
+			},
 		);
 
 		this.$watch(
@@ -335,7 +335,7 @@ export default defineComponent({
 			},
 			{
 				deep: true,
-			}
+			},
 		);
 	},
 
@@ -344,7 +344,7 @@ export default defineComponent({
 			const { canceled, result: type } = await os.select({
 				title: i18n.ts._pages.selectType,
 				groupedItems: this.getScriptBlockList(
-					this.getExpectedType ? this.getExpectedType() : null
+					this.getExpectedType ? this.getExpectedType() : null,
 				),
 			});
 			if (canceled) return;
diff --git a/packages/client/src/pages/page-editor/page-editor.vue b/packages/client/src/pages/page-editor/page-editor.vue
index da951b7203..c679e5efa1 100644
--- a/packages/client/src/pages/page-editor/page-editor.vue
+++ b/packages/client/src/pages/page-editor/page-editor.vue
@@ -182,7 +182,7 @@ import { definePageMetadata } from "@/scripts/page-metadata";
 import { $i } from "@/account";
 
 const XDraggable = defineAsyncComponent(() =>
-	import("vuedraggable").then((x) => x.default)
+	import("vuedraggable").then((x) => x.default),
 );
 
 const props = defineProps<{
@@ -407,7 +407,7 @@ function getScriptBlockList(type: string = null) {
 			type == null ||
 			block.out == null ||
 			block.out === type ||
-			typeof block.out === "number"
+			typeof block.out === "number",
 	);
 
 	for (const block of blocks) {
@@ -463,7 +463,7 @@ async function init() {
 		() => {
 			hpml.variables = variables;
 		},
-		{ deep: true }
+		{ deep: true },
 	);
 
 	watch(
@@ -471,7 +471,7 @@ async function init() {
 		() => {
 			hpml.pageVars = collectPageVars(content);
 		},
-		{ deep: true }
+		{ deep: true },
 	);
 
 	if (props.initPageId) {
@@ -552,7 +552,7 @@ definePageMetadata(
 			title: title,
 			icon: "ph-pencil ph-bold ph-lg",
 		};
-	})
+	}),
 );
 </script>
 
diff --git a/packages/client/src/pages/page.vue b/packages/client/src/pages/page.vue
index 57e963a9b1..54f7018901 100644
--- a/packages/client/src/pages/page.vue
+++ b/packages/client/src/pages/page.vue
@@ -317,8 +317,8 @@ definePageMetadata(
 						text: page.summary,
 					},
 			  }
-			: null
-	)
+			: null,
+	),
 );
 </script>
 
diff --git a/packages/client/src/pages/pages.vue b/packages/client/src/pages/pages.vue
index 36fd6c0d76..75a32ff295 100644
--- a/packages/client/src/pages/pages.vue
+++ b/packages/client/src/pages/pages.vue
@@ -147,7 +147,7 @@ definePageMetadata(
 	computed(() => ({
 		title: i18n.ts.pages,
 		icon: "ph-file-text ph-bold ph-lg",
-	}))
+	})),
 );
 
 let swiperRef = null;
diff --git a/packages/client/src/pages/preview.vue b/packages/client/src/pages/preview.vue
index 41e662ff8e..cfec4bd386 100644
--- a/packages/client/src/pages/preview.vue
+++ b/packages/client/src/pages/preview.vue
@@ -18,7 +18,7 @@ definePageMetadata(
 	computed(() => ({
 		title: i18n.ts.preview,
 		icon: "ph-eye ph-bold ph-lg",
-	}))
+	})),
 );
 </script>
 
diff --git a/packages/client/src/pages/reset-password.vue b/packages/client/src/pages/reset-password.vue
index 3f57e89023..395bf11f96 100644
--- a/packages/client/src/pages/reset-password.vue
+++ b/packages/client/src/pages/reset-password.vue
@@ -56,11 +56,11 @@ onMounted(() => {
 	if (props.token == null) {
 		os.popup(
 			defineAsyncComponent(
-				() => import("@/components/MkForgotPassword.vue")
+				() => import("@/components/MkForgotPassword.vue"),
 			),
 			{},
 			{},
-			"closed"
+			"closed",
 		);
 		mainRouter.push("/");
 	}
diff --git a/packages/client/src/pages/scratchpad.vue b/packages/client/src/pages/scratchpad.vue
index 06c6a8c27f..77b4bf835d 100644
--- a/packages/client/src/pages/scratchpad.vue
+++ b/packages/client/src/pages/scratchpad.vue
@@ -106,7 +106,7 @@ async function run() {
 						break;
 				}
 			},
-		}
+		},
 	);
 
 	let ast;
diff --git a/packages/client/src/pages/search.vue b/packages/client/src/pages/search.vue
index 4604c69f76..3968348a5f 100644
--- a/packages/client/src/pages/search.vue
+++ b/packages/client/src/pages/search.vue
@@ -117,6 +117,6 @@ definePageMetadata(
 	computed(() => ({
 		title: i18n.t("searchWith", { q: props.query }),
 		icon: "ph-magnifying-glass ph-bold ph-lg",
-	}))
+	})),
 );
 </script>
diff --git a/packages/client/src/pages/settings/2fa.vue b/packages/client/src/pages/settings/2fa.vue
index f108572f99..e8c616493a 100644
--- a/packages/client/src/pages/settings/2fa.vue
+++ b/packages/client/src/pages/settings/2fa.vue
@@ -136,7 +136,7 @@ withDefaults(
 	}>(),
 	{
 		first: false,
-	}
+	},
 );
 
 const twoFactorData = ref<any>(null);
@@ -166,7 +166,7 @@ async function registerTOTP() {
 				ok: () => res(true),
 				cancel: () => res(false),
 			},
-			"closed"
+			"closed",
 		);
 	});
 	if (!qrdialog) return;
@@ -303,7 +303,7 @@ async function addSecurityKey() {
 		webAuthnCreation,
 		null,
 		() => {}, // ユーザーのキャンセルはrejectなのでエラーダイアログを出さない
-		i18n.ts._2fa.tapSecurityKey
+		i18n.ts._2fa.tapSecurityKey,
 	);
 	if (!credential) return;
 
diff --git a/packages/client/src/pages/settings/accounts.vue b/packages/client/src/pages/settings/accounts.vue
index 3010354b6e..52a9fb15a7 100644
--- a/packages/client/src/pages/settings/accounts.vue
+++ b/packages/client/src/pages/settings/accounts.vue
@@ -78,7 +78,7 @@ function menu(account, ev) {
 				action: () => removeAccount(account),
 			},
 		],
-		ev.currentTarget ?? ev.target
+		ev.currentTarget ?? ev.target,
 	);
 }
 
@@ -98,7 +98,7 @@ function addAccount(ev) {
 				},
 			},
 		],
-		ev.currentTarget ?? ev.target
+		ev.currentTarget ?? ev.target,
 	);
 }
 
@@ -116,7 +116,7 @@ function addExistingAccount() {
 				os.success();
 			},
 		},
-		"closed"
+		"closed",
 	);
 }
 
@@ -130,7 +130,7 @@ function createAccount() {
 				switchAccountWithToken(res.i);
 			},
 		},
-		"closed"
+		"closed",
 	);
 }
 
diff --git a/packages/client/src/pages/settings/api.vue b/packages/client/src/pages/settings/api.vue
index a694c456ff..910ebaa573 100644
--- a/packages/client/src/pages/settings/api.vue
+++ b/packages/client/src/pages/settings/api.vue
@@ -28,7 +28,7 @@ const isDesktop = ref(window.innerWidth >= 1100);
 function generateToken() {
 	os.popup(
 		defineAsyncComponent(
-			() => import("@/components/MkTokenGenerateWindow.vue")
+			() => import("@/components/MkTokenGenerateWindow.vue"),
 		),
 		{},
 		{
@@ -47,7 +47,7 @@ function generateToken() {
 				});
 			},
 		},
-		"closed"
+		"closed",
 	);
 }
 
diff --git a/packages/client/src/pages/settings/custom-katex-macro.vue b/packages/client/src/pages/settings/custom-katex-macro.vue
index 88a8e2cae0..67818f9e05 100644
--- a/packages/client/src/pages/settings/custom-katex-macro.vue
+++ b/packages/client/src/pages/settings/custom-katex-macro.vue
@@ -33,17 +33,17 @@ import { parseKaTeXMacros } from "@/scripts/katex-macro";
 import { defaultStore } from "@/store";
 
 const localCustomKaTeXMacro = ref(
-	localStorage.getItem("customKaTeXMacro") ?? ""
+	localStorage.getItem("customKaTeXMacro") ?? "",
 );
 const enableCustomKaTeXMacro = computed(
-	defaultStore.makeGetterSetter("enableCustomKaTeXMacro")
+	defaultStore.makeGetterSetter("enableCustomKaTeXMacro"),
 );
 
 async function apply() {
 	localStorage.setItem("customKaTeXMacro", localCustomKaTeXMacro.value);
 	localStorage.setItem(
 		"customKaTeXMacroParsed",
-		parseKaTeXMacros(localCustomKaTeXMacro.value)
+		parseKaTeXMacros(localCustomKaTeXMacro.value),
 	);
 
 	const { canceled } = await os.confirm({
diff --git a/packages/client/src/pages/settings/deck.vue b/packages/client/src/pages/settings/deck.vue
index 821c5ed077..99f21277f1 100644
--- a/packages/client/src/pages/settings/deck.vue
+++ b/packages/client/src/pages/settings/deck.vue
@@ -31,7 +31,7 @@ import { definePageMetadata } from "@/scripts/page-metadata";
 
 const navWindow = computed(deckStore.makeGetterSetter("navWindow"));
 const alwaysShowMainColumn = computed(
-	deckStore.makeGetterSetter("alwaysShowMainColumn")
+	deckStore.makeGetterSetter("alwaysShowMainColumn"),
 );
 const columnAlign = computed(deckStore.makeGetterSetter("columnAlign"));
 
diff --git a/packages/client/src/pages/settings/drive.vue b/packages/client/src/pages/settings/drive.vue
index 42961fdbed..847b50aebe 100644
--- a/packages/client/src/pages/settings/drive.vue
+++ b/packages/client/src/pages/settings/drive.vue
@@ -107,7 +107,7 @@ const meterStyle = computed(() => {
 });
 
 const keepOriginalUploading = computed(
-	defaultStore.makeGetterSetter("keepOriginalUploading")
+	defaultStore.makeGetterSetter("keepOriginalUploading"),
 );
 
 os.api("drive").then((info) => {
diff --git a/packages/client/src/pages/settings/email.vue b/packages/client/src/pages/settings/email.vue
index fef21c1f50..089a9d0a97 100644
--- a/packages/client/src/pages/settings/email.vue
+++ b/packages/client/src/pages/settings/email.vue
@@ -92,22 +92,22 @@ const saveEmailAddress = () => {
 };
 
 const emailNotification_mention = ref(
-	$i!.emailNotificationTypes.includes("mention")
+	$i!.emailNotificationTypes.includes("mention"),
 );
 const emailNotification_reply = ref(
-	$i!.emailNotificationTypes.includes("reply")
+	$i!.emailNotificationTypes.includes("reply"),
 );
 const emailNotification_quote = ref(
-	$i!.emailNotificationTypes.includes("quote")
+	$i!.emailNotificationTypes.includes("quote"),
 );
 const emailNotification_follow = ref(
-	$i!.emailNotificationTypes.includes("follow")
+	$i!.emailNotificationTypes.includes("follow"),
 );
 const emailNotification_receiveFollowRequest = ref(
-	$i!.emailNotificationTypes.includes("receiveFollowRequest")
+	$i!.emailNotificationTypes.includes("receiveFollowRequest"),
 );
 const emailNotification_groupInvited = ref(
-	$i!.emailNotificationTypes.includes("groupInvited")
+	$i!.emailNotificationTypes.includes("groupInvited"),
 );
 
 const saveNotificationSettings = () => {
@@ -138,7 +138,7 @@ watch(
 	],
 	() => {
 		saveNotificationSettings();
-	}
+	},
 );
 
 onMounted(() => {
diff --git a/packages/client/src/pages/settings/general.vue b/packages/client/src/pages/settings/general.vue
index 3a3bf6bb1d..f7b226b33e 100644
--- a/packages/client/src/pages/settings/general.vue
+++ b/packages/client/src/pages/settings/general.vue
@@ -279,24 +279,24 @@ async function reloadAsk() {
 }
 
 const overridedDeviceKind = computed(
-	defaultStore.makeGetterSetter("overridedDeviceKind")
+	defaultStore.makeGetterSetter("overridedDeviceKind"),
 );
 const serverDisconnectedBehavior = computed(
-	defaultStore.makeGetterSetter("serverDisconnectedBehavior")
+	defaultStore.makeGetterSetter("serverDisconnectedBehavior"),
 );
 const reduceAnimation = computed(
 	defaultStore.makeGetterSetter(
 		"animation",
 		(v) => !v,
-		(v) => !v
-	)
+		(v) => !v,
+	),
 );
 const useBlurEffectForModal = computed(
-	defaultStore.makeGetterSetter("useBlurEffectForModal")
+	defaultStore.makeGetterSetter("useBlurEffectForModal"),
 );
 const useBlurEffect = computed(defaultStore.makeGetterSetter("useBlurEffect"));
 const showGapBetweenNotesInTimeline = computed(
-	defaultStore.makeGetterSetter("showGapBetweenNotesInTimeline")
+	defaultStore.makeGetterSetter("showGapBetweenNotesInTimeline"),
 );
 const showAds = computed(defaultStore.makeGetterSetter("showAds"));
 const advancedMfm = computed(defaultStore.makeGetterSetter("advancedMfm"));
@@ -304,57 +304,57 @@ const autoplayMfm = computed(
 	defaultStore.makeGetterSetter(
 		"animatedMfm",
 		(v) => !v,
-		(v) => !v
-	)
+		(v) => !v,
+	),
 );
 const useOsNativeEmojis = computed(
-	defaultStore.makeGetterSetter("useOsNativeEmojis")
+	defaultStore.makeGetterSetter("useOsNativeEmojis"),
 );
 const disableDrawer = computed(defaultStore.makeGetterSetter("disableDrawer"));
 const disableShowingAnimatedImages = computed(
-	defaultStore.makeGetterSetter("disableShowingAnimatedImages")
+	defaultStore.makeGetterSetter("disableShowingAnimatedImages"),
 );
 const loadRawImages = computed(defaultStore.makeGetterSetter("loadRawImages"));
 const imageNewTab = computed(defaultStore.makeGetterSetter("imageNewTab"));
 const nsfw = computed(defaultStore.makeGetterSetter("nsfw"));
 const disablePagesScript = computed(
-	defaultStore.makeGetterSetter("disablePagesScript")
+	defaultStore.makeGetterSetter("disablePagesScript"),
 );
 const expandOnNoteClick = computed(
-	defaultStore.makeGetterSetter("expandOnNoteClick")
+	defaultStore.makeGetterSetter("expandOnNoteClick"),
 );
 const showFixedPostForm = computed(
-	defaultStore.makeGetterSetter("showFixedPostForm")
+	defaultStore.makeGetterSetter("showFixedPostForm"),
 );
 const numberOfPageCache = computed(
-	defaultStore.makeGetterSetter("numberOfPageCache")
+	defaultStore.makeGetterSetter("numberOfPageCache"),
 );
 const instanceTicker = computed(
-	defaultStore.makeGetterSetter("instanceTicker")
+	defaultStore.makeGetterSetter("instanceTicker"),
 );
 const enableInfiniteScroll = computed(
-	defaultStore.makeGetterSetter("enableInfiniteScroll")
+	defaultStore.makeGetterSetter("enableInfiniteScroll"),
 );
 const enterSendsMessage = computed(
-	defaultStore.makeGetterSetter("enterSendsMessage")
+	defaultStore.makeGetterSetter("enterSendsMessage"),
 );
 const useReactionPickerForContextMenu = computed(
-	defaultStore.makeGetterSetter("useReactionPickerForContextMenu")
+	defaultStore.makeGetterSetter("useReactionPickerForContextMenu"),
 );
 const seperateRenoteQuote = computed(
-	defaultStore.makeGetterSetter("seperateRenoteQuote")
+	defaultStore.makeGetterSetter("seperateRenoteQuote"),
 );
 const squareAvatars = computed(defaultStore.makeGetterSetter("squareAvatars"));
 const showUpdates = computed(defaultStore.makeGetterSetter("showUpdates"));
 const swipeOnDesktop = computed(
-	defaultStore.makeGetterSetter("swipeOnDesktop")
+	defaultStore.makeGetterSetter("swipeOnDesktop"),
 );
 const swipeOnMobile = computed(defaultStore.makeGetterSetter("swipeOnMobile"));
 const showAdminUpdates = computed(
-	defaultStore.makeGetterSetter("showAdminUpdates")
+	defaultStore.makeGetterSetter("showAdminUpdates"),
 );
 const showTimelineReplies = computed(
-	defaultStore.makeGetterSetter("showTimelineReplies")
+	defaultStore.makeGetterSetter("showTimelineReplies"),
 );
 
 watch(swipeOnDesktop, () => {
@@ -404,7 +404,7 @@ watch(
 	],
 	async () => {
 		await reloadAsk();
-	}
+	},
 );
 
 const headerActions = $computed(() => []);
diff --git a/packages/client/src/pages/settings/index.vue b/packages/client/src/pages/settings/index.vue
index 429186c340..ee0d77b995 100644
--- a/packages/client/src/pages/settings/index.vue
+++ b/packages/client/src/pages/settings/index.vue
@@ -308,7 +308,7 @@ watch(router.currentRef, (to) => {
 });
 
 const emailNotConfigured = computed(
-	() => instance.enableEmail && ($i.email == null || !$i.emailVerified)
+	() => instance.enableEmail && ($i.email == null || !$i.emailVerified),
 );
 
 provideMetadataReceiver((info) => {
diff --git a/packages/client/src/pages/settings/integration.vue b/packages/client/src/pages/settings/integration.vue
index 4a413e378b..ef4182f395 100644
--- a/packages/client/src/pages/settings/integration.vue
+++ b/packages/client/src/pages/settings/integration.vue
@@ -72,7 +72,7 @@ function openWindow(service: string, type: string) {
 	return window.open(
 		`${apiUrl}/${type}/${service}`,
 		`${service}_${type}_window`,
-		"height=570, width=520"
+		"height=570, width=520",
 	);
 }
 
diff --git a/packages/client/src/pages/settings/navbar.vue b/packages/client/src/pages/settings/navbar.vue
index 10aeb97329..9ef184fcf0 100644
--- a/packages/client/src/pages/settings/navbar.vue
+++ b/packages/client/src/pages/settings/navbar.vue
@@ -47,7 +47,7 @@ const split = computed(() =>
 	items.value
 		.trim()
 		.split("\n")
-		.filter((x) => x.trim() !== "")
+		.filter((x) => x.trim() !== ""),
 );
 const menuDisplay = computed(defaultStore.makeGetterSetter("menuDisplay"));
 
@@ -63,7 +63,7 @@ async function reloadAsk() {
 
 async function addItem() {
 	const menu = Object.keys(navbarItemDef).filter(
-		(k) => !defaultStore.state.menu.includes(k)
+		(k) => !defaultStore.state.menu.includes(k),
 	);
 	const { canceled, result: item } = await os.select({
 		title: i18n.ts.addItem,
diff --git a/packages/client/src/pages/settings/notifications.vue b/packages/client/src/pages/settings/notifications.vue
index 57a054d4a9..b78ef7aa66 100644
--- a/packages/client/src/pages/settings/notifications.vue
+++ b/packages/client/src/pages/settings/notifications.vue
@@ -63,10 +63,10 @@ import MkPushNotificationAllowButton from "@/components/MkPushNotificationAllowB
 let allowButton =
 	$shallowRef<InstanceType<typeof MkPushNotificationAllowButton>>();
 let pushRegistrationInServer = $computed(
-	() => allowButton?.pushRegistrationInServer
+	() => allowButton?.pushRegistrationInServer,
 );
 let sendReadMessage = $computed(
-	() => pushRegistrationInServer?.sendReadMessage || false
+	() => pushRegistrationInServer?.sendReadMessage || false,
 );
 
 async function readAllUnreadNotes() {
@@ -83,11 +83,11 @@ async function readAllNotifications() {
 
 function configure() {
 	const includingTypes = notificationTypes.filter(
-		(x) => !$i!.mutingNotificationTypes.includes(x)
+		(x) => !$i!.mutingNotificationTypes.includes(x),
 	);
 	os.popup(
 		defineAsyncComponent(
-			() => import("@/components/MkNotificationSettingWindow.vue")
+			() => import("@/components/MkNotificationSettingWindow.vue"),
 		),
 		{
 			includingTypes,
@@ -99,7 +99,7 @@ function configure() {
 				await os
 					.apiWithDialog("i/update", {
 						mutingNotificationTypes: notificationTypes.filter(
-							(x) => !value.includes(x)
+							(x) => !value.includes(x),
 						),
 					})
 					.then((i) => {
@@ -107,7 +107,7 @@ function configure() {
 					});
 			},
 		},
-		"closed"
+		"closed",
 	);
 }
 
diff --git a/packages/client/src/pages/settings/plugin.install.vue b/packages/client/src/pages/settings/plugin.install.vue
index ab678cf990..a38c4a0626 100644
--- a/packages/client/src/pages/settings/plugin.install.vue
+++ b/packages/client/src/pages/settings/plugin.install.vue
@@ -43,7 +43,7 @@ function installPlugin({ id, meta, ast, token }) {
 			configData: {},
 			token: token,
 			ast: ast,
-		})
+		}),
 	);
 }
 
@@ -94,7 +94,9 @@ async function install() {
 					os.popup(
 						defineAsyncComponent(
 							() =>
-								import("@/components/MkTokenGenerateWindow.vue")
+								import(
+									"@/components/MkTokenGenerateWindow.vue"
+								),
 						),
 						{
 							title: i18n.ts.tokenRequested,
@@ -112,12 +114,12 @@ async function install() {
 										session: null,
 										name: name,
 										permission: permissions,
-									}
+									},
 								);
 								res(token);
 							},
 						},
-						"closed"
+						"closed",
 					);
 			  });
 
diff --git a/packages/client/src/pages/settings/plugin.vue b/packages/client/src/pages/settings/plugin.vue
index 6120c483e9..b5e1b76dc5 100644
--- a/packages/client/src/pages/settings/plugin.vue
+++ b/packages/client/src/pages/settings/plugin.vue
@@ -77,7 +77,7 @@ const plugins = ref(ColdDeviceStorage.get("plugins"));
 function uninstall(plugin) {
 	ColdDeviceStorage.set(
 		"plugins",
-		plugins.value.filter((x) => x.id !== plugin.id)
+		plugins.value.filter((x) => x.id !== plugin.id),
 	);
 	os.success();
 	nextTick(() => {
diff --git a/packages/client/src/pages/settings/preferences-backups.vue b/packages/client/src/pages/settings/preferences-backups.vue
index 15fd804bf9..dcee4587fb 100644
--- a/packages/client/src/pages/settings/preferences-backups.vue
+++ b/packages/client/src/pages/settings/preferences-backups.vue
@@ -25,10 +25,10 @@
 						{{
 							t("_preferencesBackups.createdAt", {
 								date: new Date(
-									profile.createdAt
+									profile.createdAt,
 								).toLocaleDateString(),
 								time: new Date(
-									profile.createdAt
+									profile.createdAt,
 								).toLocaleTimeString(),
 							})
 						}}
@@ -37,10 +37,10 @@
 						{{
 							t("_preferencesBackups.updatedAt", {
 								date: new Date(
-									profile.updatedAt
+									profile.updatedAt,
 								).toLocaleDateString(),
 								time: new Date(
-									profile.updatedAt
+									profile.updatedAt,
 								).toLocaleTimeString(),
 							})
 						}}
@@ -177,7 +177,7 @@ function validate(profile: unknown): void {
 	// Check if unnecessary properties exist
 	if (
 		Object.keys(profile).some(
-			(key) => !profileProps.includes(key) && key !== "host"
+			(key) => !profileProps.includes(key) && key !== "host",
 		)
 	)
 		throw new Error("Unnecessary properties exist");
@@ -457,7 +457,7 @@ function menu(ev: MouseEvent, profileId: string) {
 				href: URL.createObjectURL(
 					new Blob([JSON.stringify(profiles[profileId], null, 2)], {
 						type: "application/json",
-					})
+					}),
 				),
 				download: `${profiles[profileId].name}.json`,
 			},
@@ -480,7 +480,7 @@ function menu(ev: MouseEvent, profileId: string) {
 				danger: true,
 			},
 		],
-		ev.currentTarget ?? ev.target
+		ev.currentTarget ?? ev.target,
 	);
 }
 
@@ -498,7 +498,7 @@ onMounted(() => {
 			if (!profiles) return;
 
 			profiles[key] = value;
-		}
+		},
 	);
 });
 
@@ -511,7 +511,7 @@ definePageMetadata(
 		title: ts.preferencesBackups,
 		icon: "ph-floppy-disk ph-bold ph-lg",
 		bg: "var(--bg)",
-	}))
+	})),
 );
 </script>
 
diff --git a/packages/client/src/pages/settings/privacy.vue b/packages/client/src/pages/settings/privacy.vue
index 07ae24e595..c670934aec 100644
--- a/packages/client/src/pages/settings/privacy.vue
+++ b/packages/client/src/pages/settings/privacy.vue
@@ -155,13 +155,13 @@ let ffVisibility = $ref($i.ffVisibility);
 let preventAiLearning = $ref($i.preventAiLearning);
 
 let defaultNoteVisibility = $computed(
-	defaultStore.makeGetterSetter("defaultNoteVisibility")
+	defaultStore.makeGetterSetter("defaultNoteVisibility"),
 );
 let defaultNoteLocalOnly = $computed(
-	defaultStore.makeGetterSetter("defaultNoteLocalOnly")
+	defaultStore.makeGetterSetter("defaultNoteLocalOnly"),
 );
 let rememberNoteVisibility = $computed(
-	defaultStore.makeGetterSetter("rememberNoteVisibility")
+	defaultStore.makeGetterSetter("rememberNoteVisibility"),
 );
 let keepCw = $computed(defaultStore.makeGetterSetter("keepCw"));
 
diff --git a/packages/client/src/pages/settings/profile.vue b/packages/client/src/pages/settings/profile.vue
index 17ce2d1c34..9b5a079f9f 100644
--- a/packages/client/src/pages/settings/profile.vue
+++ b/packages/client/src/pages/settings/profile.vue
@@ -189,7 +189,7 @@ const props = withDefaults(
 	defineProps<{
 		saveButton?: boolean;
 	}>(),
-	{}
+	{},
 );
 
 let saveButton = $ref(props.saveButton ?? false);
@@ -201,11 +201,11 @@ watch(
 	},
 	{
 		deep: true,
-	}
+	},
 );
 
 const fields = reactive(
-	$i.fields.map((field) => ({ name: field.name, value: field.value }))
+	$i.fields.map((field) => ({ name: field.name, value: field.value })),
 );
 
 function addField() {
@@ -222,7 +222,7 @@ while (fields.length < 4) {
 function saveFields() {
 	os.apiWithDialog("i/update", {
 		fields: fields.filter(
-			(field) => field.name !== "" && field.value !== ""
+			(field) => field.name !== "" && field.value !== "",
 		),
 	});
 }
@@ -261,7 +261,7 @@ function changeAvatar(ev) {
 			});
 			$i.avatarId = i.avatarId;
 			$i.avatarUrl = i.avatarUrl;
-		}
+		},
 	);
 }
 
@@ -286,7 +286,7 @@ function changeBanner(ev) {
 			});
 			$i.bannerId = i.bannerId;
 			$i.bannerUrl = i.bannerUrl;
-		}
+		},
 	);
 }
 
diff --git a/packages/client/src/pages/settings/reaction.vue b/packages/client/src/pages/settings/reaction.vue
index 9f6d264079..9929004866 100644
--- a/packages/client/src/pages/settings/reaction.vue
+++ b/packages/client/src/pages/settings/reaction.vue
@@ -152,25 +152,25 @@ async function reloadAsk() {
 let reactions = $ref(deepClone(defaultStore.state.reactions));
 
 const reactionPickerSkinTone = $computed(
-	defaultStore.makeGetterSetter("reactionPickerSkinTone")
+	defaultStore.makeGetterSetter("reactionPickerSkinTone"),
 );
 const reactionPickerSize = $computed(
-	defaultStore.makeGetterSetter("reactionPickerSize")
+	defaultStore.makeGetterSetter("reactionPickerSize"),
 );
 const reactionPickerWidth = $computed(
-	defaultStore.makeGetterSetter("reactionPickerWidth")
+	defaultStore.makeGetterSetter("reactionPickerWidth"),
 );
 const reactionPickerHeight = $computed(
-	defaultStore.makeGetterSetter("reactionPickerHeight")
+	defaultStore.makeGetterSetter("reactionPickerHeight"),
 );
 const reactionPickerUseDrawerForMobile = $computed(
-	defaultStore.makeGetterSetter("reactionPickerUseDrawerForMobile")
+	defaultStore.makeGetterSetter("reactionPickerUseDrawerForMobile"),
 );
 const enableEmojiReactions = $computed(
-	defaultStore.makeGetterSetter("enableEmojiReactions")
+	defaultStore.makeGetterSetter("enableEmojiReactions"),
 );
 const showEmojisInReactionNotifications = $computed(
-	defaultStore.makeGetterSetter("showEmojisInReactionNotifications")
+	defaultStore.makeGetterSetter("showEmojisInReactionNotifications"),
 );
 
 function save() {
@@ -187,21 +187,21 @@ function remove(reaction, ev: MouseEvent) {
 				},
 			},
 		],
-		ev.currentTarget ?? ev.target
+		ev.currentTarget ?? ev.target,
 	);
 }
 
 function preview(ev: MouseEvent) {
 	os.popup(
 		defineAsyncComponent(
-			() => import("@/components/MkEmojiPickerDialog.vue")
+			() => import("@/components/MkEmojiPickerDialog.vue"),
 		),
 		{
 			asReactionPicker: true,
 			src: ev.currentTarget ?? ev.target,
 		},
 		{},
-		"closed"
+		"closed",
 	);
 }
 
@@ -232,7 +232,7 @@ watch(
 	},
 	{
 		deep: true,
-	}
+	},
 );
 
 watch(enableEmojiReactions, async () => {
diff --git a/packages/client/src/pages/settings/security.vue b/packages/client/src/pages/settings/security.vue
index 88ef2ba119..d0979408bc 100644
--- a/packages/client/src/pages/settings/security.vue
+++ b/packages/client/src/pages/settings/security.vue
@@ -73,7 +73,7 @@ async function change() {
 			title: i18n.ts.currentPassword,
 			type: "password",
 			autocomplete: "current-password",
-		}
+		},
 	);
 	if (canceled1) return;
 
diff --git a/packages/client/src/pages/settings/sounds.vue b/packages/client/src/pages/settings/sounds.vue
index d01fc3605a..bc890a5697 100644
--- a/packages/client/src/pages/settings/sounds.vue
+++ b/packages/client/src/pages/settings/sounds.vue
@@ -60,7 +60,7 @@ const masterVolume = computed({
 const volumeIcon = computed(() =>
 	masterVolume.value === 0
 		? "ph-speaker-none ph-bold ph-lg"
-		: "ph-speaker-high ph-bold ph-lg"
+		: "ph-speaker-high ph-bold ph-lg",
 );
 
 const sounds = ref({
diff --git a/packages/client/src/pages/settings/statusbar.statusbar.vue b/packages/client/src/pages/settings/statusbar.statusbar.vue
index b64f167171..b070c0c7de 100644
--- a/packages/client/src/pages/settings/statusbar.statusbar.vue
+++ b/packages/client/src/pages/settings/statusbar.statusbar.vue
@@ -160,7 +160,7 @@ const props = defineProps<{
 }>();
 
 const statusbar = reactive(
-	deepClone(defaultStore.state.statusbars.find((x) => x.id === props._id))
+	deepClone(defaultStore.state.statusbars.find((x) => x.id === props._id)),
 );
 
 watch(
@@ -188,14 +188,14 @@ watch(
 			statusbar.props.marqueeDuration = 100;
 			statusbar.props.marqueeReverse = false;
 		}
-	}
+	},
 );
 
 watch(statusbar, save);
 
 async function save() {
 	const i = defaultStore.state.statusbars.findIndex(
-		(x) => x.id === props._id
+		(x) => x.id === props._id,
 	);
 	const statusbars = deepClone(defaultStore.state.statusbars);
 	statusbars[i] = deepClone(statusbar);
@@ -205,7 +205,7 @@ async function save() {
 function del() {
 	defaultStore.set(
 		"statusbars",
-		defaultStore.state.statusbars.filter((x) => x.id !== props._id)
+		defaultStore.state.statusbars.filter((x) => x.id !== props._id),
 	);
 }
 </script>
diff --git a/packages/client/src/pages/settings/theme.manage.vue b/packages/client/src/pages/settings/theme.manage.vue
index a1b675ea5c..79689b4e26 100644
--- a/packages/client/src/pages/settings/theme.manage.vue
+++ b/packages/client/src/pages/settings/theme.manage.vue
@@ -95,7 +95,7 @@ function copyThemeCode() {
 function uninstall() {
 	removeTheme(selectedTheme.value as Theme);
 	installedThemes.value = installedThemes.value.filter(
-		(t) => t.id !== selectedThemeId.value
+		(t) => t.id !== selectedThemeId.value,
 	);
 	selectedThemeId.value = null;
 	os.success();
diff --git a/packages/client/src/pages/settings/theme.vue b/packages/client/src/pages/settings/theme.vue
index 9ed3001f2b..437f73182b 100644
--- a/packages/client/src/pages/settings/theme.vue
+++ b/packages/client/src/pages/settings/theme.vue
@@ -176,24 +176,24 @@ const installedThemes = ref(getThemes());
 const builtinThemes = getBuiltinThemesRef();
 
 const instanceDarkTheme = computed(() =>
-	instance.defaultDarkTheme ? JSON5.parse(instance.defaultDarkTheme) : null
+	instance.defaultDarkTheme ? JSON5.parse(instance.defaultDarkTheme) : null,
 );
 const installedDarkThemes = computed(() =>
-	installedThemes.value.filter((t) => t.base === "dark" || t.kind === "dark")
+	installedThemes.value.filter((t) => t.base === "dark" || t.kind === "dark"),
 );
 const builtinDarkThemes = computed(() =>
-	builtinThemes.value.filter((t) => t.base === "dark" || t.kind === "dark")
+	builtinThemes.value.filter((t) => t.base === "dark" || t.kind === "dark"),
 );
 const instanceLightTheme = computed(() =>
-	instance.defaultLightTheme ? JSON5.parse(instance.defaultLightTheme) : null
+	instance.defaultLightTheme ? JSON5.parse(instance.defaultLightTheme) : null,
 );
 const installedLightThemes = computed(() =>
 	installedThemes.value.filter(
-		(t) => t.base === "light" || t.kind === "light"
-	)
+		(t) => t.base === "light" || t.kind === "light",
+	),
 );
 const builtinLightThemes = computed(() =>
-	builtinThemes.value.filter((t) => t.base === "light" || t.kind === "light")
+	builtinThemes.value.filter((t) => t.base === "light" || t.kind === "light"),
 );
 const themes = computed(() =>
 	uniqueBy(
@@ -203,8 +203,8 @@ const themes = computed(() =>
 			...builtinThemes.value,
 			...installedThemes.value,
 		].filter((x) => x != null),
-		(theme) => theme.id
-	)
+		(theme) => theme.id,
+	),
 );
 
 const darkTheme = ColdDeviceStorage.ref("darkTheme");
@@ -235,7 +235,7 @@ const lightThemeId = computed({
 });
 const darkMode = computed(defaultStore.makeGetterSetter("darkMode"));
 const syncDeviceDarkMode = computed(
-	ColdDeviceStorage.makeGetterSetter("syncDeviceDarkMode")
+	ColdDeviceStorage.makeGetterSetter("syncDeviceDarkMode"),
 );
 const wallpaper = ref(localStorage.getItem("wallpaper"));
 const themesCount = installedThemes.value.length;
diff --git a/packages/client/src/pages/settings/webhook.vue b/packages/client/src/pages/settings/webhook.vue
index 156db5f331..e80b0dd83c 100644
--- a/packages/client/src/pages/settings/webhook.vue
+++ b/packages/client/src/pages/settings/webhook.vue
@@ -25,7 +25,7 @@
 							<i
 								v-else-if="
 									[200, 201, 204].includes(
-										webhook.latestStatus
+										webhook.latestStatus,
 									)
 								"
 								class="ph-check ph-bold ph-lg"
diff --git a/packages/client/src/pages/share.vue b/packages/client/src/pages/share.vue
index 5b4231ff88..84345f2711 100644
--- a/packages/client/src/pages/share.vue
+++ b/packages/client/src/pages/share.vue
@@ -55,10 +55,10 @@ let initialText = $ref(null as string | null);
 let reply = $ref(null as Misskey.entities.Note | null);
 let renote = $ref(null as Misskey.entities.Note | null);
 let visibility = $ref(
-	noteVisibilities.includes(visibilityQuery) ? visibilityQuery : null
+	noteVisibilities.includes(visibilityQuery) ? visibilityQuery : null,
 );
 let localOnly = $ref(
-	localOnlyQuery === "0" ? false : localOnlyQuery === "1" ? true : null
+	localOnlyQuery === "0" ? false : localOnlyQuery === "1" ? true : null,
 );
 let files = $ref([] as Misskey.entities.DriveFile[]);
 let visibleUsers = $ref([] as Misskey.entities.User[]);
@@ -92,7 +92,7 @@ async function init() {
 								username: q.username,
 								host: q.host === null ? undefined : q.host,
 						  }
-						: q
+						: q,
 				)
 				.map((q) =>
 					os.api("users/show", q).then(
@@ -101,11 +101,11 @@ async function init() {
 						},
 						() => {
 							console.error(
-								`Invalid user query: ${JSON.stringify(q)}`
+								`Invalid user query: ${JSON.stringify(q)}`,
 							);
-						}
-					)
-				)
+						},
+					),
+				),
 		);
 	}
 
@@ -155,9 +155,9 @@ async function init() {
 						},
 						() => {
 							console.error(`Failed to fetch a file ${fileId}`);
-						}
-					)
-				)
+						},
+					),
+				),
 			);
 		}
 		//#endregion
diff --git a/packages/client/src/pages/tag.vue b/packages/client/src/pages/tag.vue
index ce353457d0..d60bee652a 100644
--- a/packages/client/src/pages/tag.vue
+++ b/packages/client/src/pages/tag.vue
@@ -115,6 +115,6 @@ definePageMetadata(
 	computed(() => ({
 		title: props.tag,
 		icon: "ph-hash ph-bold ph-lg",
-	}))
+	})),
 );
 </script>
diff --git a/packages/client/src/pages/theme-editor.vue b/packages/client/src/pages/theme-editor.vue
index 28a50f9252..cec2cb980b 100644
--- a/packages/client/src/pages/theme-editor.vue
+++ b/packages/client/src/pages/theme-editor.vue
@@ -11,7 +11,7 @@
 						<div class="row">
 							<button
 								v-for="color in bgColors.filter(
-									(x) => x.kind === 'light'
+									(x) => x.kind === 'light',
 								)"
 								:key="color.color"
 								class="color _button"
@@ -29,7 +29,7 @@
 						<div class="row">
 							<button
 								v-for="color in bgColors.filter(
-									(x) => x.kind === 'dark'
+									(x) => x.kind === 'dark',
 								)"
 								:key="color.color"
 								class="color _button"
@@ -269,7 +269,7 @@ function setBgColor(color: (typeof bgColors)[number]) {
 			[
 				tinycolor(x.forLight).toRgbString(),
 				tinycolor(x.forDark).toRgbString(),
-			].includes(tinycolor(theme.props.fg).toRgbString())
+			].includes(tinycolor(theme.props.fg).toRgbString()),
 		);
 		if (matchedFgColor) setFgColor(matchedFgColor);
 	}
diff --git a/packages/client/src/pages/timeline.vue b/packages/client/src/pages/timeline.vue
index 479d836eb1..a28e3d9f67 100644
--- a/packages/client/src/pages/timeline.vue
+++ b/packages/client/src/pages/timeline.vue
@@ -114,7 +114,7 @@ const MOBILE_THRESHOLD = 500;
 
 // デスクトップでウィンドウを狭くしたときモバイルUIが表示されて欲しいことはあるので deviceKind === 'desktop' の判定は行わない
 const isMobile = ref(
-	deviceKind === "smartphone" || window.innerWidth <= MOBILE_THRESHOLD
+	deviceKind === "smartphone" || window.innerWidth <= MOBILE_THRESHOLD,
 );
 window.addEventListener("resize", () => {
 	isMobile.value =
@@ -148,7 +148,7 @@ async function chooseList(ev: MouseEvent) {
 				text: list.name,
 				icon: "",
 				to: `/timeline/list/${list.id}`,
-			}))
+			})),
 		);
 		os.popupMenu(items, ev.currentTarget ?? ev.target);
 	});
@@ -172,14 +172,14 @@ async function chooseAntenna(ev: MouseEvent) {
 				icon: "",
 				indicate: antenna.hasUnreadNote,
 				to: `/timeline/antenna/${antenna.id}`,
-			}))
+			})),
 		);
 		os.popupMenu(items, ev.currentTarget ?? ev.target);
 	});
 }
 
 function saveSrc(
-	newSrc: "home" | "local" | "social" | "recommended" | "global"
+	newSrc: "home" | "local" | "social" | "recommended" | "global",
 ): void {
 	defaultStore.set("tl", {
 		...defaultStore.state.tl,
@@ -284,7 +284,7 @@ definePageMetadata(
 				: src === "global"
 				? "ph-planet ph-bold ph-lg"
 				: "ph-house ph-bold ph-lg",
-	}))
+	})),
 );
 
 let swiperRef: any = null;
diff --git a/packages/client/src/pages/user-info.vue b/packages/client/src/pages/user-info.vue
index 7a4ebdee96..bfe62e453b 100644
--- a/packages/client/src/pages/user-info.vue
+++ b/packages/client/src/pages/user-info.vue
@@ -574,7 +574,7 @@ watch(
 	},
 	{
 		immediate: true,
-	}
+	},
 );
 
 watch($$(user), () => {
@@ -611,14 +611,14 @@ const headerTabs = $computed(() =>
 			title: "Raw",
 			icon: "ph-code ph-bold ph-lg",
 		},
-	].filter((x) => x != null)
+	].filter((x) => x != null),
 );
 
 definePageMetadata(
 	computed(() => ({
 		title: user ? acct(user) : i18n.ts.userInfo,
 		icon: "ph-info ph-bold ph-lg",
-	}))
+	})),
 );
 </script>
 
diff --git a/packages/client/src/pages/user-list-timeline.vue b/packages/client/src/pages/user-list-timeline.vue
index 839b1a6afa..b6e1127ebe 100644
--- a/packages/client/src/pages/user-list-timeline.vue
+++ b/packages/client/src/pages/user-list-timeline.vue
@@ -43,7 +43,7 @@ watch(
 			listId: props.listId,
 		});
 	},
-	{ immediate: true }
+	{ immediate: true },
 );
 
 function settings() {
@@ -73,7 +73,7 @@ const headerActions = $computed(() =>
 					handler: settings,
 				},
 		  ]
-		: []
+		: [],
 );
 
 const headerTabs = $computed(() => []);
@@ -85,8 +85,8 @@ definePageMetadata(
 					title: list.name,
 					icon: "ph-list-bullets ph-bold ph-lg",
 			  }
-			: null
-	)
+			: null,
+	),
 );
 </script>
 
diff --git a/packages/client/src/pages/user/follow-list.vue b/packages/client/src/pages/user/follow-list.vue
index b4715d8c95..825cacd683 100644
--- a/packages/client/src/pages/user/follow-list.vue
+++ b/packages/client/src/pages/user/follow-list.vue
@@ -11,7 +11,7 @@
 			<div class="users">
 				<MkUserInfo
 					v-for="user in items.map((x) =>
-						type === 'following' ? x.followee : x.follower
+						type === 'following' ? x.followee : x.follower,
 					)"
 					:key="user.id"
 					class="user"
diff --git a/packages/client/src/pages/user/followers.vue b/packages/client/src/pages/user/followers.vue
index b22922719e..8cb89120d2 100644
--- a/packages/client/src/pages/user/followers.vue
+++ b/packages/client/src/pages/user/followers.vue
@@ -35,7 +35,7 @@ const props = withDefaults(
 	defineProps<{
 		acct: string;
 	}>(),
-	{}
+	{},
 );
 
 let user = $ref<null | misskey.entities.UserDetailed>(null);
@@ -73,8 +73,8 @@ definePageMetadata(
 					userName: user,
 					avatar: user,
 			  }
-			: null
-	)
+			: null,
+	),
 );
 </script>
 
diff --git a/packages/client/src/pages/user/following.vue b/packages/client/src/pages/user/following.vue
index be994f835a..3b8a6f4d97 100644
--- a/packages/client/src/pages/user/following.vue
+++ b/packages/client/src/pages/user/following.vue
@@ -35,7 +35,7 @@ const props = withDefaults(
 	defineProps<{
 		acct: string;
 	}>(),
-	{}
+	{},
 );
 
 let user = $ref<null | misskey.entities.UserDetailed>(null);
@@ -73,8 +73,8 @@ definePageMetadata(
 					userName: user,
 					avatar: user,
 			  }
-			: null
-	)
+			: null,
+	),
 );
 </script>
 
diff --git a/packages/client/src/pages/user/gallery.vue b/packages/client/src/pages/user/gallery.vue
index 47a4ab74cb..8b08d1faf5 100644
--- a/packages/client/src/pages/user/gallery.vue
+++ b/packages/client/src/pages/user/gallery.vue
@@ -23,7 +23,7 @@ const props = withDefaults(
 	defineProps<{
 		user: misskey.entities.User;
 	}>(),
-	{}
+	{},
 );
 
 const pagination = {
diff --git a/packages/client/src/pages/user/home.vue b/packages/client/src/pages/user/home.vue
index 84aa3868cd..adfebd4a26 100644
--- a/packages/client/src/pages/user/home.vue
+++ b/packages/client/src/pages/user/home.vue
@@ -107,7 +107,7 @@
 											patrons?.includes(
 												`@${user.username}@${
 													user.host || host
-												}`
+												}`,
 											)
 										"
 										v-tooltip.noDelay="i18n.ts.isPatron"
@@ -199,7 +199,7 @@
 										patrons?.includes(
 											`@${user.username}@${
 												user.host || host
-											}`
+											}`,
 										)
 									"
 									v-tooltip.noDelay="i18n.ts.isPatron"
@@ -271,7 +271,7 @@
 								<dd class="value">
 									{{
 										new Date(
-											user.createdAt
+											user.createdAt,
 										).toLocaleString()
 									}}
 									(<MkTime :time="user.createdAt" />)
@@ -399,7 +399,7 @@ const props = withDefaults(
 	defineProps<{
 		user: misskey.entities.UserDetailed;
 	}>(),
-	{}
+	{},
 );
 
 let parallaxAnimationId = $ref<null | number>(null);
@@ -417,16 +417,16 @@ const timeForThem = $computed(() => {
 		props.user
 			.location!.replace(
 				/[^A-Za-z0-9ÁĆÉǴÍḰĹḾŃÓṔŔŚÚÝŹáćéǵíḱĺḿńóṕŕśúýź\-\'\.\s].*/,
-				""
+				"",
 			)
 			.trim(),
 		props.user.location!.replace(
 			/[^A-Za-zÁĆÉǴÍḰĹḾŃÓṔŔŚÚÝŹáćéǵíḱĺḿńóṕŕśúýź\-\'\.].*/,
-			""
+			"",
 		),
 		props.user.location!.replace(
 			/[^A-Za-zÁĆÉǴÍḰĹḾŃÓṔŔŚÚÝŹáćéǵíḱĺḿńóṕŕśúýź].*/,
-			""
+			"",
 		),
 	];
 
diff --git a/packages/client/src/pages/user/index.activity.vue b/packages/client/src/pages/user/index.activity.vue
index 1e57ece13e..042146b6ae 100644
--- a/packages/client/src/pages/user/index.activity.vue
+++ b/packages/client/src/pages/user/index.activity.vue
@@ -43,7 +43,7 @@ const props = withDefaults(
 	}>(),
 	{
 		limit: 50,
-	}
+	},
 );
 
 let chartSrc = $ref("per-user-notes");
@@ -69,7 +69,7 @@ function showMenu(ev: MouseEvent) {
 		}
 	}*/,
 		],
-		ev.currentTarget ?? ev.target
+		ev.currentTarget ?? ev.target,
 	);
 }
 </script>
diff --git a/packages/client/src/pages/user/index.vue b/packages/client/src/pages/user/index.vue
index 2452f1de46..647291dbbb 100644
--- a/packages/client/src/pages/user/index.vue
+++ b/packages/client/src/pages/user/index.vue
@@ -55,7 +55,7 @@ const props = withDefaults(
 	}>(),
 	{
 		page: "home",
-	}
+	},
 );
 
 const router = useRouter();
@@ -119,7 +119,7 @@ const headerTabs = $computed(() =>
 					  ]
 					: []),
 		  ]
-		: null
+		: null,
 );
 
 definePageMetadata(
@@ -138,8 +138,8 @@ definePageMetadata(
 						title: user.name,
 					},
 			  }
-			: null
-	)
+			: null,
+	),
 );
 </script>
 
diff --git a/packages/client/src/pages/welcome.entrance.a.vue b/packages/client/src/pages/welcome.entrance.a.vue
index 3866b088b8..38fbf653d7 100644
--- a/packages/client/src/pages/welcome.entrance.a.vue
+++ b/packages/client/src/pages/welcome.entrance.a.vue
@@ -151,7 +151,7 @@ function signin() {
 			autoSet: true,
 		},
 		{},
-		"closed"
+		"closed",
 	);
 }
 
@@ -162,7 +162,7 @@ function signup() {
 			autoSet: true,
 		},
 		{},
-		"closed"
+		"closed",
 	);
 }
 
@@ -184,7 +184,7 @@ function showMenu(ev) {
 				},
 			},
 		],
-		ev.currentTarget ?? ev.target
+		ev.currentTarget ?? ev.target,
 	);
 }
 </script>
diff --git a/packages/client/src/pages/welcome.entrance.b.vue b/packages/client/src/pages/welcome.entrance.b.vue
index 82651aeda7..40559d1425 100644
--- a/packages/client/src/pages/welcome.entrance.b.vue
+++ b/packages/client/src/pages/welcome.entrance.b.vue
@@ -130,7 +130,7 @@ export default defineComponent({
 					autoSet: true,
 				},
 				{},
-				"closed"
+				"closed",
 			);
 		},
 
@@ -141,7 +141,7 @@ export default defineComponent({
 					autoSet: true,
 				},
 				{},
-				"closed"
+				"closed",
 			);
 		},
 
@@ -169,12 +169,12 @@ export default defineComponent({
 						action: () => {
 							window.open(
 								`https://misskey-hub.net/help.md`,
-								"_blank"
+								"_blank",
 							);
 						},
 					},
 				],
-				ev.currentTarget ?? ev.target
+				ev.currentTarget ?? ev.target,
 			);
 		},
 
diff --git a/packages/client/src/pages/welcome.entrance.c.vue b/packages/client/src/pages/welcome.entrance.c.vue
index 69c1d5142c..94d29e92d0 100644
--- a/packages/client/src/pages/welcome.entrance.c.vue
+++ b/packages/client/src/pages/welcome.entrance.c.vue
@@ -156,7 +156,7 @@ export default defineComponent({
 					autoSet: true,
 				},
 				{},
-				"closed"
+				"closed",
 			);
 		},
 
@@ -167,7 +167,7 @@ export default defineComponent({
 					autoSet: true,
 				},
 				{},
-				"closed"
+				"closed",
 			);
 		},
 
@@ -189,7 +189,7 @@ export default defineComponent({
 						},
 					},
 				],
-				ev.currentTarget ?? ev.target
+				ev.currentTarget ?? ev.target,
 			);
 		},
 		number,
diff --git a/packages/client/src/pages/welcome.vue b/packages/client/src/pages/welcome.vue
index 564c6d13a9..2b66a91686 100644
--- a/packages/client/src/pages/welcome.vue
+++ b/packages/client/src/pages/welcome.vue
@@ -27,6 +27,6 @@ definePageMetadata(
 	computed(() => ({
 		title: instanceName,
 		icon: null,
-	}))
+	})),
 );
 </script>
diff --git a/packages/client/src/style.scss b/packages/client/src/style.scss
index 3fe8ad2452..a6ef73015b 100644
--- a/packages/client/src/style.scss
+++ b/packages/client/src/style.scss
@@ -48,8 +48,17 @@ html {
 	overflow-x: clip;
 
 	&.useSystemFont {
-		font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
-			Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue",
+		font-family:
+			system-ui,
+			-apple-system,
+			BlinkMacSystemFont,
+			"Segoe UI",
+			Roboto,
+			Oxygen,
+			Ubuntu,
+			Cantarell,
+			"Open Sans",
+			"Helvetica Neue",
 			sans-serif;
 	}
 }
@@ -99,7 +108,9 @@ html._themeChanging_ {
 	*,
 	::before,
 	::after {
-		transition: background 1s ease, border 1s ease !important;
+		transition:
+			background 1s ease,
+			border 1s ease !important;
 	}
 }
 
@@ -639,7 +650,13 @@ hr {
 }
 
 ._monospace {
-	font-family: Fira code, Fira Mono, Consolas, Menlo, Courier, monospace !important;
+	font-family:
+		Fira code,
+		Fira Mono,
+		Consolas,
+		Menlo,
+		Courier,
+		monospace !important;
 }
 
 ._code {
@@ -686,7 +703,9 @@ hr {
 
 .zoom-enter-active,
 .zoom-leave-active {
-	transition: opacity 0.5s, transform 0.5s !important;
+	transition:
+		opacity 0.5s,
+		transform 0.5s !important;
 }
 .zoom-enter-from,
 .zoom-leave-to {
diff --git a/packages/client/src/ui/_common_/common.vue b/packages/client/src/ui/_common_/common.vue
index c47b0f85e4..e87c3c6d6f 100644
--- a/packages/client/src/ui/_common_/common.vue
+++ b/packages/client/src/ui/_common_/common.vue
@@ -26,7 +26,7 @@ import { $i } from "@/account";
 import { stream } from "@/stream";
 
 const XStreamIndicator = defineAsyncComponent(
-	() => import("./stream-indicator.vue")
+	() => import("./stream-indicator.vue"),
 );
 const XUpload = defineAsyncComponent(() => import("./upload.vue"));
 
@@ -42,13 +42,13 @@ const onNotification = (notification) => {
 
 		popup(
 			defineAsyncComponent(
-				() => import("@/components/MkNotificationToast.vue")
+				() => import("@/components/MkNotificationToast.vue"),
 			),
 			{
 				notification,
 			},
 			{},
-			"closed"
+			"closed",
 		);
 	}
 
diff --git a/packages/client/src/ui/_common_/navbar-for-mobile.vue b/packages/client/src/ui/_common_/navbar-for-mobile.vue
index 03a8e6d8a7..9b616683be 100644
--- a/packages/client/src/ui/_common_/navbar-for-mobile.vue
+++ b/packages/client/src/ui/_common_/navbar-for-mobile.vue
@@ -153,7 +153,7 @@ function openAccountMenu(ev: MouseEvent) {
 		{
 			withExtraOperation: true,
 		},
-		ev
+		ev,
 	);
 }
 
@@ -166,7 +166,7 @@ function more() {
 		defineAsyncComponent(() => import("@/components/MkLaunchPad.vue")),
 		{},
 		{},
-		"closed"
+		"closed",
 	);
 }
 </script>
diff --git a/packages/client/src/ui/_common_/navbar.vue b/packages/client/src/ui/_common_/navbar.vue
index f63be18cbe..a470c69b91 100644
--- a/packages/client/src/ui/_common_/navbar.vue
+++ b/packages/client/src/ui/_common_/navbar.vue
@@ -224,7 +224,7 @@ function openAccountMenu(ev: MouseEvent) {
 		{
 			withExtraOperation: true,
 		},
-		ev
+		ev,
 	);
 }
 
@@ -239,7 +239,7 @@ function more(ev: MouseEvent) {
 			src: ev.currentTarget ?? ev.target,
 		},
 		{},
-		"closed"
+		"closed",
 	);
 }
 </script>
diff --git a/packages/client/src/ui/_common_/statusbars.vue b/packages/client/src/ui/_common_/statusbars.vue
index bef61317e9..830f9f570b 100644
--- a/packages/client/src/ui/_common_/statusbars.vue
+++ b/packages/client/src/ui/_common_/statusbars.vue
@@ -54,10 +54,10 @@ import * as os from "@/os";
 import { defaultStore } from "@/store";
 const XRss = defineAsyncComponent(() => import("./statusbar-rss.vue"));
 const XFederation = defineAsyncComponent(
-	() => import("./statusbar-federation.vue")
+	() => import("./statusbar-federation.vue"),
 );
 const XUserList = defineAsyncComponent(
-	() => import("./statusbar-user-list.vue")
+	() => import("./statusbar-user-list.vue"),
 );
 </script>
 
diff --git a/packages/client/src/ui/_common_/upload.vue b/packages/client/src/ui/_common_/upload.vue
index 0fde3aa024..01b882c2cd 100644
--- a/packages/client/src/ui/_common_/upload.vue
+++ b/packages/client/src/ui/_common_/upload.vue
@@ -20,12 +20,12 @@
 						<span v-if="ctx.progressValue !== undefined" class="kb"
 							>{{
 								String(
-									Math.floor(ctx.progressValue / 1024)
+									Math.floor(ctx.progressValue / 1024),
 								).replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,")
 							}}<i>KB</i> /
 							{{
 								String(
-									Math.floor(ctx.progressMax / 1024)
+									Math.floor(ctx.progressMax / 1024),
 								).replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,")
 							}}<i>KB</i></span
 						>
@@ -34,7 +34,7 @@
 							class="percentage"
 							>{{
 								Math.floor(
-									(ctx.progressValue / ctx.progressMax) * 100
+									(ctx.progressValue / ctx.progressMax) * 100,
 								)
 							}}</span
 						>
diff --git a/packages/client/src/ui/deck.vue b/packages/client/src/ui/deck.vue
index 944ee17e5c..36914fbbe2 100644
--- a/packages/client/src/ui/deck.vue
+++ b/packages/client/src/ui/deck.vue
@@ -26,9 +26,9 @@
 											Math.max(
 												...columns
 													.filter((c) =>
-														ids.includes(c.id)
+														ids.includes(c.id),
 													)
-													.map((c) => c.width)
+													.map((c) => c.width),
 											) + 'px',
 								  }
 						"
@@ -50,7 +50,16 @@
 						class="column"
 						:column="columns.find((c) => c.id === ids[0])"
 						:is-stacked="false"
-						:style="columns.find(c => c.id === ids[0])!.flexible ? { flex: 1, minWidth: '350px' } : { width: columns.find(c => c.id === ids[0])!.width + 'px' }"
+						:style="
+							columns.find((c) => c.id === ids[0])!.flexible
+								? { flex: 1, minWidth: '350px' }
+								: {
+										width:
+											columns.find(
+												(c) => c.id === ids[0],
+											)!.width + 'px',
+								  }
+						"
 						@parent-focus="moveFocus(ids[0], $event)"
 						@headerWheel="onWheel"
 					/>
@@ -203,13 +212,13 @@ import { i18n } from "@/i18n";
 import { mainRouter } from "@/router";
 import { unisonReload } from "@/scripts/unison-reload";
 const XStatusBars = defineAsyncComponent(
-	() => import("@/ui/_common_/statusbars.vue")
+	() => import("@/ui/_common_/statusbars.vue"),
 );
 
 mainRouter.navHook = (path, flag): boolean => {
 	if (flag === "forcePage") return false;
 	const noMainColumn = !deckStore.state.columns.some(
-		(x) => x.type === "main"
+		(x) => x.type === "main",
 	);
 	if (deckStore.state.navWindow || noMainColumn) {
 		os.pageWindow(path);
@@ -284,7 +293,7 @@ const onContextmenu = (ev) => {
 				action: addColumn,
 			},
 		],
-		ev
+		ev,
 	);
 };
 
@@ -380,7 +389,8 @@ async function deleteProfile() {
 .menu-leave-active {
 	opacity: 1;
 	transform: translateX(0);
-	transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1),
+	transition:
+		transform 300ms cubic-bezier(0.23, 1, 0.32, 1),
 		opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
 }
 .menu-enter-from,
diff --git a/packages/client/src/ui/deck/column.vue b/packages/client/src/ui/deck/column.vue
index dcf94b31a7..e57a2a3c2a 100644
--- a/packages/client/src/ui/deck/column.vue
+++ b/packages/client/src/ui/deck/column.vue
@@ -90,7 +90,7 @@ const props = withDefaults(
 		isStacked: false,
 		naked: false,
 		indicated: false,
-	}
+	},
 );
 
 const emit = defineEmits<{
@@ -103,7 +103,7 @@ let body = $ref<HTMLDivElement>();
 
 let dragging = $ref(false);
 watch($$(dragging), (v) =>
-	os.deckGlobalEvents.emit(v ? "column.dragStart" : "column.dragEnd")
+	os.deckGlobalEvents.emit(v ? "column.dragStart" : "column.dragEnd"),
 );
 
 let draghover = $ref(false);
diff --git a/packages/client/src/ui/deck/main-column.vue b/packages/client/src/ui/deck/main-column.vue
index 357395a4eb..3cb7343b3c 100644
--- a/packages/client/src/ui/deck/main-column.vue
+++ b/packages/client/src/ui/deck/main-column.vue
@@ -65,7 +65,7 @@ function onContextmenu(ev: MouseEvent) {
 	if (isLink(ev.target as HTMLElement)) return;
 	if (
 		["INPUT", "TEXTAREA", "IMG", "VIDEO", "CANVAS"].includes(
-			(ev.target as HTMLElement).tagName
+			(ev.target as HTMLElement).tagName,
 		) ||
 		(ev.target as HTMLElement).attributes["contenteditable"]
 	)
@@ -86,7 +86,7 @@ function onContextmenu(ev: MouseEvent) {
 				},
 			},
 		],
-		ev
+		ev,
 	);
 }
 </script>
diff --git a/packages/client/src/ui/deck/notifications-column.vue b/packages/client/src/ui/deck/notifications-column.vue
index d003f08ef3..9c3c0eb672 100644
--- a/packages/client/src/ui/deck/notifications-column.vue
+++ b/packages/client/src/ui/deck/notifications-column.vue
@@ -35,7 +35,7 @@ const emit = defineEmits<{
 function func(): void {
 	os.popup(
 		defineAsyncComponent(
-			() => import("@/components/MkNotificationSettingWindow.vue")
+			() => import("@/components/MkNotificationSettingWindow.vue"),
 		),
 		{
 			includingTypes: props.column.includingTypes,
@@ -48,7 +48,7 @@ function func(): void {
 				});
 			},
 		},
-		"closed"
+		"closed",
 	);
 }
 
diff --git a/packages/client/src/ui/universal.vue b/packages/client/src/ui/universal.vue
index e7a1f97f37..0d6de541f0 100644
--- a/packages/client/src/ui/universal.vue
+++ b/packages/client/src/ui/universal.vue
@@ -191,7 +191,7 @@ import { deviceKind } from "@/scripts/device-kind";
 
 const XWidgets = defineAsyncComponent(() => import("./universal.widgets.vue"));
 const XStatusBars = defineAsyncComponent(
-	() => import("@/ui/_common_/statusbars.vue")
+	() => import("@/ui/_common_/statusbars.vue"),
 );
 
 const DESKTOP_THRESHOLD = 1100;
@@ -200,7 +200,7 @@ const MOBILE_THRESHOLD = 500;
 // デスクトップでウィンドウを狭くしたときモバイルUIが表示されて欲しいことはあるので deviceKind === 'desktop' の判定は行わない
 const isDesktop = ref(window.innerWidth >= DESKTOP_THRESHOLD);
 const isMobile = ref(
-	deviceKind === "smartphone" || window.innerWidth <= MOBILE_THRESHOLD
+	deviceKind === "smartphone" || window.innerWidth <= MOBILE_THRESHOLD,
 );
 window.addEventListener("resize", () => {
 	isMobile.value =
@@ -304,7 +304,7 @@ function messagingStart(ev) {
 				},
 			},
 		],
-		ev.currentTarget ?? ev.target
+		ev.currentTarget ?? ev.target,
 	);
 }
 
@@ -339,7 +339,7 @@ async function startGroup(): void {
 onMounted(() => {
 	if (!isDesktop.value) {
 		matchMedia(`(min-width: ${DESKTOP_THRESHOLD - 1}px)`).onchange = (
-			mql
+			mql,
 		) => {
 			if (mql.matches) isDesktop.value = true;
 		};
@@ -356,7 +356,7 @@ const onContextmenu = (ev: MouseEvent) => {
 	if (isLink(ev.target)) return;
 	if (
 		["INPUT", "TEXTAREA", "IMG", "VIDEO", "CANVAS"].includes(
-			ev.target.tagName
+			ev.target.tagName,
 		) ||
 		ev.target.attributes["contenteditable"]
 	)
@@ -377,7 +377,7 @@ const onContextmenu = (ev: MouseEvent) => {
 				},
 			},
 		],
-		ev
+		ev,
 	);
 };
 
@@ -391,7 +391,7 @@ const attachSticky = (el: any) => {
 				lastScrollTop = window.scrollY;
 			});
 		},
-		{ passive: true }
+		{ passive: true },
 	);
 	widgetsEl.classList.add("hide-scrollbar");
 	widgetsEl.onmouseenter = () => {
@@ -416,7 +416,8 @@ console.log(mainRouter.currentRoute.value.name);
 .widgetsDrawer-leave-active {
 	opacity: 1;
 	transform: translateX(0);
-	transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1),
+	transition:
+		transform 300ms cubic-bezier(0.23, 1, 0.32, 1),
 		opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
 }
 .widgetsDrawer-enter-from,
@@ -439,7 +440,8 @@ console.log(mainRouter.currentRoute.value.name);
 .menuDrawer-leave-active {
 	opacity: 1;
 	transform: translateX(0);
-	transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1),
+	transition:
+		transform 300ms cubic-bezier(0.23, 1, 0.32, 1),
 		opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
 }
 .menuDrawer-enter-from,
diff --git a/packages/client/src/ui/universal.widgets.vue b/packages/client/src/ui/universal.widgets.vue
index 4a7a0d9e2e..612453d7ba 100644
--- a/packages/client/src/ui/universal.widgets.vue
+++ b/packages/client/src/ui/universal.widgets.vue
@@ -59,7 +59,7 @@ function addWidget(widget) {
 function removeWidget(widget) {
 	defaultStore.set(
 		"widgets",
-		defaultStore.state.widgets.filter((w) => w.id !== widget.id)
+		defaultStore.state.widgets.filter((w) => w.id !== widget.id),
 	);
 }
 
@@ -72,8 +72,8 @@ function updateWidget({ id, data }) {
 						...w,
 						data,
 				  }
-				: w
-		)
+				: w,
+		),
 	);
 }
 
diff --git a/packages/client/src/ui/visitor/a.vue b/packages/client/src/ui/visitor/a.vue
index 159c0e17fa..8996ab8369 100644
--- a/packages/client/src/ui/visitor/a.vue
+++ b/packages/client/src/ui/visitor/a.vue
@@ -140,7 +140,7 @@ export default defineComponent({
 					if (window.innerWidth >= DESKTOP_THRESHOLD)
 						this.isDesktop = true;
 				},
-				{ passive: true }
+				{ passive: true },
 			);
 		}
 	},
diff --git a/packages/client/src/ui/visitor/b.vue b/packages/client/src/ui/visitor/b.vue
index 335e9bf626..c3d5ae29f8 100644
--- a/packages/client/src/ui/visitor/b.vue
+++ b/packages/client/src/ui/visitor/b.vue
@@ -139,7 +139,7 @@ function signin() {
 			autoSet: true,
 		},
 		{},
-		"closed"
+		"closed",
 	);
 }
 
@@ -150,7 +150,7 @@ function signup() {
 			autoSet: true,
 		},
 		{},
-		"closed"
+		"closed",
 	);
 }
 
@@ -161,7 +161,7 @@ onMounted(() => {
 			() => {
 				if (window.innerWidth >= DESKTOP_THRESHOLD) isDesktop = true;
 			},
-			{ passive: true }
+			{ passive: true },
 		);
 	}
 });
@@ -176,7 +176,8 @@ defineExpose({
 .tray-leave-active {
 	opacity: 1;
 	transform: translateX(0);
-	transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1),
+	transition:
+		transform 300ms cubic-bezier(0.23, 1, 0.32, 1),
 		opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
 }
 .tray-enter-from,
diff --git a/packages/client/src/ui/visitor/header.vue b/packages/client/src/ui/visitor/header.vue
index dbeeb3d2ce..5fb103e492 100644
--- a/packages/client/src/ui/visitor/header.vue
+++ b/packages/client/src/ui/visitor/header.vue
@@ -144,7 +144,7 @@ export default defineComponent({
 					autoSet: true,
 				},
 				{},
-				"closed"
+				"closed",
 			);
 		},
 
@@ -155,7 +155,7 @@ export default defineComponent({
 					autoSet: true,
 				},
 				{},
-				"closed"
+				"closed",
 			);
 		},
 
diff --git a/packages/client/src/ui/visitor/kanban.vue b/packages/client/src/ui/visitor/kanban.vue
index 1e25d08b81..3da173a046 100644
--- a/packages/client/src/ui/visitor/kanban.vue
+++ b/packages/client/src/ui/visitor/kanban.vue
@@ -143,7 +143,7 @@ export default defineComponent({
 					autoSet: true,
 				},
 				{},
-				"closed"
+				"closed",
 			);
 		},
 
@@ -154,7 +154,7 @@ export default defineComponent({
 					autoSet: true,
 				},
 				{},
-				"closed"
+				"closed",
 			);
 		},
 	},
diff --git a/packages/client/src/widgets/activity.chart.vue b/packages/client/src/widgets/activity.chart.vue
index d854ec7337..7c6ff80e32 100644
--- a/packages/client/src/widgets/activity.chart.vue
+++ b/packages/client/src/widgets/activity.chart.vue
@@ -83,24 +83,26 @@ function render() {
 		const activity = props.activity.slice().reverse();
 		pointsNote = activity
 			.map(
-				(d, i) => `${i * zoom + pos},${(1 - d.notes / peak) * viewBoxY}`
+				(d, i) =>
+					`${i * zoom + pos},${(1 - d.notes / peak) * viewBoxY}`,
 			)
 			.join(" ");
 		pointsReply = activity
 			.map(
 				(d, i) =>
-					`${i * zoom + pos},${(1 - d.replies / peak) * viewBoxY}`
+					`${i * zoom + pos},${(1 - d.replies / peak) * viewBoxY}`,
 			)
 			.join(" ");
 		pointsRenote = activity
 			.map(
 				(d, i) =>
-					`${i * zoom + pos},${(1 - d.renotes / peak) * viewBoxY}`
+					`${i * zoom + pos},${(1 - d.renotes / peak) * viewBoxY}`,
 			)
 			.join(" ");
 		pointsTotal = activity
 			.map(
-				(d, i) => `${i * zoom + pos},${(1 - d.total / peak) * viewBoxY}`
+				(d, i) =>
+					`${i * zoom + pos},${(1 - d.total / peak) * viewBoxY}`,
 			)
 			.join(" ");
 	}
diff --git a/packages/client/src/widgets/activity.vue b/packages/client/src/widgets/activity.vue
index 66826f5eb1..950c9a4943 100644
--- a/packages/client/src/widgets/activity.vue
+++ b/packages/client/src/widgets/activity.vue
@@ -88,7 +88,7 @@ const { widgetProps, configure, save } = useWidgetPropsManager(
 	name,
 	widgetPropsDef,
 	props,
-	emit
+	emit,
 );
 
 const activity = ref(null);
diff --git a/packages/client/src/widgets/aiscript.vue b/packages/client/src/widgets/aiscript.vue
index 78a30a1590..547d1e6d2d 100644
--- a/packages/client/src/widgets/aiscript.vue
+++ b/packages/client/src/widgets/aiscript.vue
@@ -69,7 +69,7 @@ const { widgetProps, configure } = useWidgetPropsManager(
 	name,
 	widgetPropsDef,
 	props,
-	emit
+	emit,
 );
 
 const logs = ref<
@@ -120,7 +120,7 @@ const run = async () => {
 						break;
 				}
 			},
-		}
+		},
 	);
 
 	let ast;
diff --git a/packages/client/src/widgets/button.vue b/packages/client/src/widgets/button.vue
index 9e524f2953..b4ac5cb621 100644
--- a/packages/client/src/widgets/button.vue
+++ b/packages/client/src/widgets/button.vue
@@ -52,7 +52,7 @@ const { widgetProps, configure } = useWidgetPropsManager(
 	name,
 	widgetPropsDef,
 	props,
-	emit
+	emit,
 );
 
 const run = async () => {
@@ -77,7 +77,7 @@ const run = async () => {
 			log: (type, params) => {
 				// nop
 			},
-		}
+		},
 	);
 
 	let ast;
diff --git a/packages/client/src/widgets/calendar.vue b/packages/client/src/widgets/calendar.vue
index aab03be9e9..0027c8bbd2 100644
--- a/packages/client/src/widgets/calendar.vue
+++ b/packages/client/src/widgets/calendar.vue
@@ -78,7 +78,7 @@ const { widgetProps, configure } = useWidgetPropsManager(
 	name,
 	widgetPropsDef,
 	props,
-	emit
+	emit,
 );
 
 const hasBirthday = Boolean($i?.birthday);
diff --git a/packages/client/src/widgets/clock.vue b/packages/client/src/widgets/clock.vue
index 60b90a4b9b..0b6575dac7 100644
--- a/packages/client/src/widgets/clock.vue
+++ b/packages/client/src/widgets/clock.vue
@@ -198,7 +198,7 @@ const { widgetProps, configure } = useWidgetPropsManager(
 	name,
 	widgetPropsDef,
 	props,
-	emit
+	emit,
 );
 
 const tzAbbrev = $computed(
@@ -209,18 +209,18 @@ const tzAbbrev = $computed(
 						tz.name.toLowerCase() ===
 						Intl.DateTimeFormat()
 							.resolvedOptions()
-							.timeZone.toLowerCase()
+							.timeZone.toLowerCase(),
 			  )?.abbrev
 			: timezones.find(
-					(tz) => tz.name.toLowerCase() === widgetProps.timezone
-			  )?.abbrev) ?? "?"
+					(tz) => tz.name.toLowerCase() === widgetProps.timezone,
+			  )?.abbrev) ?? "?",
 );
 
 const tzOffset = $computed(() =>
 	widgetProps.timezone === null
 		? 0 - new Date().getTimezoneOffset()
 		: timezones.find((tz) => tz.name.toLowerCase() === widgetProps.timezone)
-				?.offset ?? 0
+				?.offset ?? 0,
 );
 
 const tzOffsetLabel = $computed(
@@ -230,7 +230,7 @@ const tzOffsetLabel = $computed(
 			.toString()
 			.padStart(2, "0") +
 		":" +
-		(tzOffset % 60).toString().padStart(2, "0")
+		(tzOffset % 60).toString().padStart(2, "0"),
 );
 
 defineExpose<WidgetComponentExpose>({
diff --git a/packages/client/src/widgets/digital-clock.vue b/packages/client/src/widgets/digital-clock.vue
index d0b6b4fd16..7c2602c58d 100644
--- a/packages/client/src/widgets/digital-clock.vue
+++ b/packages/client/src/widgets/digital-clock.vue
@@ -75,7 +75,7 @@ const { widgetProps, configure } = useWidgetPropsManager(
 	name,
 	widgetPropsDef,
 	props,
-	emit
+	emit,
 );
 
 const tzAbbrev = $computed(
@@ -86,18 +86,18 @@ const tzAbbrev = $computed(
 						tz.name.toLowerCase() ===
 						Intl.DateTimeFormat()
 							.resolvedOptions()
-							.timeZone.toLowerCase()
+							.timeZone.toLowerCase(),
 			  )?.abbrev
 			: timezones.find(
-					(tz) => tz.name.toLowerCase() === widgetProps.timezone
-			  )?.abbrev) ?? "?"
+					(tz) => tz.name.toLowerCase() === widgetProps.timezone,
+			  )?.abbrev) ?? "?",
 );
 
 const tzOffset = $computed(() =>
 	widgetProps.timezone === null
 		? 0 - new Date().getTimezoneOffset()
 		: timezones.find((tz) => tz.name.toLowerCase() === widgetProps.timezone)
-				?.offset ?? 0
+				?.offset ?? 0,
 );
 
 const tzOffsetLabel = $computed(
@@ -107,7 +107,7 @@ const tzOffsetLabel = $computed(
 			.toString()
 			.padStart(2, "0") +
 		":" +
-		(tzOffset % 60).toString().padStart(2, "0")
+		(tzOffset % 60).toString().padStart(2, "0"),
 );
 
 defineExpose<WidgetComponentExpose>({
diff --git a/packages/client/src/widgets/federation.vue b/packages/client/src/widgets/federation.vue
index 51c0e0d75d..f10264711d 100644
--- a/packages/client/src/widgets/federation.vue
+++ b/packages/client/src/widgets/federation.vue
@@ -89,7 +89,7 @@ const { widgetProps, configure } = useWidgetPropsManager(
 	name,
 	widgetPropsDef,
 	props,
-	emit
+	emit,
 );
 
 const instances = ref([]);
@@ -107,8 +107,8 @@ const fetch = async () => {
 				host: i.host,
 				limit: 16,
 				span: "hour",
-			})
-		)
+			}),
+		),
 	);
 	instances.value = fetchedInstances;
 	charts.value = fetchedCharts;
diff --git a/packages/client/src/widgets/instance-cloud.vue b/packages/client/src/widgets/instance-cloud.vue
index b9d4a08057..80f6653c47 100644
--- a/packages/client/src/widgets/instance-cloud.vue
+++ b/packages/client/src/widgets/instance-cloud.vue
@@ -55,7 +55,7 @@ const { widgetProps, configure } = useWidgetPropsManager(
 	name,
 	widgetPropsDef,
 	props,
-	emit
+	emit,
 );
 
 let cloud = $ref<InstanceType<typeof MkTagCloud> | null>();
@@ -79,7 +79,7 @@ useInterval(
 	{
 		immediate: true,
 		afterMounted: true,
-	}
+	},
 );
 
 function getInstanceIcon(instance): string {
diff --git a/packages/client/src/widgets/job-queue.vue b/packages/client/src/widgets/job-queue.vue
index 1757bd6843..7a07c5362e 100644
--- a/packages/client/src/widgets/job-queue.vue
+++ b/packages/client/src/widgets/job-queue.vue
@@ -163,7 +163,7 @@ const { widgetProps, configure } = useWidgetPropsManager(
 	name,
 	widgetPropsDef,
 	props,
-	emit
+	emit,
 );
 
 const connection = stream.useChannel("queueStats");
diff --git a/packages/client/src/widgets/memo.vue b/packages/client/src/widgets/memo.vue
index 06f2e1bd91..85cb1f7471 100644
--- a/packages/client/src/widgets/memo.vue
+++ b/packages/client/src/widgets/memo.vue
@@ -58,7 +58,7 @@ const { widgetProps, configure } = useWidgetPropsManager(
 	name,
 	widgetPropsDef,
 	props,
-	emit
+	emit,
 );
 
 const text = ref<string | null>(defaultStore.state.memo);
@@ -80,7 +80,7 @@ watch(
 	() => defaultStore.reactiveState.memo,
 	(newText) => {
 		text.value = newText.value;
-	}
+	},
 );
 
 defineExpose<WidgetComponentExpose>({
diff --git a/packages/client/src/widgets/notifications.vue b/packages/client/src/widgets/notifications.vue
index 82fb961686..74350db81b 100644
--- a/packages/client/src/widgets/notifications.vue
+++ b/packages/client/src/widgets/notifications.vue
@@ -74,13 +74,13 @@ const { widgetProps, configure, save } = useWidgetPropsManager(
 	name,
 	widgetPropsDef,
 	props,
-	emit
+	emit,
 );
 
 const configureNotification = () => {
 	os.popup(
 		defineAsyncComponent(
-			() => import("@/components/MkNotificationSettingWindow.vue")
+			() => import("@/components/MkNotificationSettingWindow.vue"),
 		),
 		{
 			includingTypes: widgetProps.includingTypes,
@@ -92,7 +92,7 @@ const configureNotification = () => {
 				save();
 			},
 		},
-		"closed"
+		"closed",
 	);
 };
 
diff --git a/packages/client/src/widgets/online-users.vue b/packages/client/src/widgets/online-users.vue
index 5ec197bcd0..2ee37d2a20 100644
--- a/packages/client/src/widgets/online-users.vue
+++ b/packages/client/src/widgets/online-users.vue
@@ -54,7 +54,7 @@ const { widgetProps, configure } = useWidgetPropsManager(
 	name,
 	widgetPropsDef,
 	props,
-	emit
+	emit,
 );
 
 const onlineUsersCount = ref(0);
diff --git a/packages/client/src/widgets/photos.vue b/packages/client/src/widgets/photos.vue
index f8f794221d..773d7d6189 100644
--- a/packages/client/src/widgets/photos.vue
+++ b/packages/client/src/widgets/photos.vue
@@ -67,7 +67,7 @@ const { widgetProps, configure } = useWidgetPropsManager(
 	name,
 	widgetPropsDef,
 	props,
-	emit
+	emit,
 );
 
 const connection = stream.useChannel("main");
diff --git a/packages/client/src/widgets/post-form.vue b/packages/client/src/widgets/post-form.vue
index 4ece4a519a..2e524bb8e6 100644
--- a/packages/client/src/widgets/post-form.vue
+++ b/packages/client/src/widgets/post-form.vue
@@ -35,7 +35,7 @@ const { widgetProps, configure } = useWidgetPropsManager(
 	name,
 	widgetPropsDef,
 	props,
-	emit
+	emit,
 );
 
 defineExpose<WidgetComponentExpose>({
diff --git a/packages/client/src/widgets/rss-ticker.vue b/packages/client/src/widgets/rss-ticker.vue
index 0126f2169a..efb57eac70 100644
--- a/packages/client/src/widgets/rss-ticker.vue
+++ b/packages/client/src/widgets/rss-ticker.vue
@@ -100,7 +100,7 @@ const { widgetProps, configure } = useWidgetPropsManager(
 	name,
 	widgetPropsDef,
 	props,
-	emit
+	emit,
 );
 
 const items = ref([]);
diff --git a/packages/client/src/widgets/rss.vue b/packages/client/src/widgets/rss.vue
index d28f1bf323..1fe8a0b20f 100644
--- a/packages/client/src/widgets/rss.vue
+++ b/packages/client/src/widgets/rss.vue
@@ -71,7 +71,7 @@ const { widgetProps, configure } = useWidgetPropsManager(
 	name,
 	widgetPropsDef,
 	props,
-	emit
+	emit,
 );
 
 const items = ref([]);
diff --git a/packages/client/src/widgets/server-info.vue b/packages/client/src/widgets/server-info.vue
index a608c26ce9..52677687e9 100644
--- a/packages/client/src/widgets/server-info.vue
+++ b/packages/client/src/widgets/server-info.vue
@@ -53,7 +53,7 @@ const { widgetProps, configure } = useWidgetPropsManager(
 	name,
 	widgetPropsDef,
 	props,
-	emit
+	emit,
 );
 
 defineExpose<WidgetComponentExpose>({
@@ -101,8 +101,11 @@ defineExpose<WidgetComponentExpose>({
 .name,
 .host {
 	color: var(--fg);
-	text-shadow: -1px -1px 0 var(--bg), 1px -1px 0 var(--bg),
-		-1px 1px 0 var(--bg), 1px 1px 0 var(--bg);
+	text-shadow:
+		-1px -1px 0 var(--bg),
+		1px -1px 0 var(--bg),
+		-1px 1px 0 var(--bg),
+		1px 1px 0 var(--bg);
 }
 
 .name {
diff --git a/packages/client/src/widgets/server-metric/index.vue b/packages/client/src/widgets/server-metric/index.vue
index 49dc59ea27..c92943ad1d 100644
--- a/packages/client/src/widgets/server-metric/index.vue
+++ b/packages/client/src/widgets/server-metric/index.vue
@@ -101,7 +101,7 @@ const { widgetProps, configure, save } = useWidgetPropsManager(
 	name,
 	widgetPropsDef,
 	props,
-	emit
+	emit,
 );
 
 const meta = ref(null);
diff --git a/packages/client/src/widgets/server-metric/net.vue b/packages/client/src/widgets/server-metric/net.vue
index 9885d7a338..1363142b2a 100644
--- a/packages/client/src/widgets/server-metric/net.vue
+++ b/packages/client/src/widgets/server-metric/net.vue
@@ -82,7 +82,7 @@ function onStats(connStats) {
 	const inPeak = Math.max(1024 * 64, Math.max(...stats.map((s) => s.net.rx)));
 	const outPeak = Math.max(
 		1024 * 64,
-		Math.max(...stats.map((s) => s.net.tx))
+		Math.max(...stats.map((s) => s.net.tx)),
 	);
 
 	let inPolylinePointsStats = stats.map((s, i) => [
diff --git a/packages/client/src/widgets/server-metric/pie.vue b/packages/client/src/widgets/server-metric/pie.vue
index 317fdcfae3..46f33c937f 100644
--- a/packages/client/src/widgets/server-metric/pie.vue
+++ b/packages/client/src/widgets/server-metric/pie.vue
@@ -38,10 +38,10 @@ const color = $computed(
 	() =>
 		`hsl(${
 			props.reverse ? props.value * 180 : 180 - props.value * 180
-		}, 80%, 70%)`
+		}, 80%, 70%)`,
 );
 const strokeDashoffset = $computed(
-	() => (1 - props.value) * (Math.PI * (r * 2))
+	() => (1 - props.value) * (Math.PI * (r * 2)),
 );
 </script>
 
diff --git a/packages/client/src/widgets/slideshow.vue b/packages/client/src/widgets/slideshow.vue
index fa0c1c9e00..243875f36d 100644
--- a/packages/client/src/widgets/slideshow.vue
+++ b/packages/client/src/widgets/slideshow.vue
@@ -62,7 +62,7 @@ const { widgetProps, configure, save } = useWidgetPropsManager(
 	name,
 	widgetPropsDef,
 	props,
-	emit
+	emit,
 );
 
 const images = ref([]);
diff --git a/packages/client/src/widgets/timeline.vue b/packages/client/src/widgets/timeline.vue
index 6ae74b813e..39f4f83377 100644
--- a/packages/client/src/widgets/timeline.vue
+++ b/packages/client/src/widgets/timeline.vue
@@ -122,7 +122,7 @@ const { widgetProps, configure, save } = useWidgetPropsManager(
 	name,
 	widgetPropsDef,
 	props,
-	emit
+	emit,
 );
 
 const menuOpened = ref(false);
@@ -189,7 +189,7 @@ const choose = async (ev) => {
 			listItems.length > 0 ? null : undefined,
 			...listItems,
 		],
-		ev.currentTarget ?? ev.target
+		ev.currentTarget ?? ev.target,
 	).then(() => {
 		menuOpened.value = false;
 	});
diff --git a/packages/client/src/widgets/trends.vue b/packages/client/src/widgets/trends.vue
index 6bf5c0b97a..dd50b22e7a 100644
--- a/packages/client/src/widgets/trends.vue
+++ b/packages/client/src/widgets/trends.vue
@@ -73,7 +73,7 @@ const { widgetProps, configure } = useWidgetPropsManager(
 	name,
 	widgetPropsDef,
 	props,
-	emit
+	emit,
 );
 
 const stats = ref([]);
diff --git a/packages/client/src/widgets/unix-clock.vue b/packages/client/src/widgets/unix-clock.vue
index 190bcd0926..dbb8583544 100644
--- a/packages/client/src/widgets/unix-clock.vue
+++ b/packages/client/src/widgets/unix-clock.vue
@@ -61,7 +61,7 @@ const { widgetProps, configure } = useWidgetPropsManager(
 	name,
 	widgetPropsDef,
 	props,
-	emit
+	emit,
 );
 
 let intervalId;
@@ -96,7 +96,7 @@ watch(
 		if (intervalId) window.clearInterval(intervalId);
 		intervalId = window.setInterval(tick, widgetProps.showMs ? 10 : 1000);
 	},
-	{ immediate: true }
+	{ immediate: true },
 );
 
 onUnmounted(() => {
diff --git a/packages/client/src/widgets/user-list.vue b/packages/client/src/widgets/user-list.vue
index 515c58c474..1692f6264f 100644
--- a/packages/client/src/widgets/user-list.vue
+++ b/packages/client/src/widgets/user-list.vue
@@ -59,7 +59,7 @@ const { widgetProps, configure, save } = useWidgetPropsManager(
 	name,
 	widgetPropsDef,
 	props,
-	emit
+	emit,
 );
 let list = $ref();
 let users = $ref([]);
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 560bb55a37..53a12bae8b 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -786,7 +786,7 @@ importers:
         version: 2.30.0
       emojilib:
         specifier: github:thatonecalculator/emojilib
-        version: github.com/thatonecalculator/emojilib/06944984a61ee799b7083894258f5fa318d932d1
+        version: github.com/thatonecalculator/emojilib/9d16541664dc8fef3201ae9b647477070676a52e
       escape-regexp:
         specifier: 0.0.1
         version: 0.0.1
@@ -824,8 +824,8 @@ importers:
         specifier: 5.3.7
         version: 5.3.7
       prettier:
-        specifier: 2.8.8
-        version: 2.8.8
+        specifier: 3.0.0
+        version: 3.0.0
       prettier-plugin-vue:
         specifier: 1.1.6
         version: 1.1.6
@@ -12296,6 +12296,12 @@ packages:
     hasBin: true
     dev: true
 
+  /prettier@3.0.0:
+    resolution: {integrity: sha512-zBf5eHpwHOGPC47h0zrPyNn+eAEIdEzfywMoYn2XPi0P44Zp0tSq64rq0xAREh4auw2cJZHo9QUob+NqCQky4g==}
+    engines: {node: '>=14'}
+    hasBin: true
+    dev: true
+
   /pretty-bytes@5.6.0:
     resolution: {integrity: sha512-FFw039TmrBqFK8ma/7OL3sDz/VytdtJr044/QUJtH0wK9lb9jLq9tJyIxUwtQJHwar2BqtiA4iCWSwo9JLkzFg==}
     engines: {node: '>=6'}
@@ -15771,8 +15777,8 @@ packages:
       url-polyfill: 1.1.12
     dev: true
 
-  github.com/thatonecalculator/emojilib/06944984a61ee799b7083894258f5fa318d932d1:
-    resolution: {tarball: https://codeload.github.com/thatonecalculator/emojilib/tar.gz/06944984a61ee799b7083894258f5fa318d932d1}
+  github.com/thatonecalculator/emojilib/9d16541664dc8fef3201ae9b647477070676a52e:
+    resolution: {tarball: https://codeload.github.com/thatonecalculator/emojilib/tar.gz/9d16541664dc8fef3201ae9b647477070676a52e}
     name: emojilib
     version: 3.0.10
     dev: true