From 9d876798004f3dcbe812cab2c08cfc221625f910 Mon Sep 17 00:00:00 2001
From: naskya <m@naskya.net>
Date: Thu, 18 Apr 2024 05:34:23 +0900
Subject: [PATCH] chore: lint

---
 packages/client/src/components/MkAbuseReport.vue            | 2 +-
 packages/client/src/components/MkAnnouncement.vue           | 2 +-
 packages/client/src/components/MkAvatars.vue                | 2 +-
 packages/client/src/components/MkChannelFollowButton.vue    | 2 +-
 packages/client/src/components/MkChannelPreview.vue         | 2 +-
 packages/client/src/components/MkContainer.vue              | 2 +-
 packages/client/src/components/MkGalleryPostPreview.vue     | 2 +-
 packages/client/src/components/MkInstanceStats.vue          | 2 +-
 packages/client/src/components/MkInstanceTicker.vue         | 2 +-
 packages/client/src/components/MkMediaCaption.vue           | 2 +-
 packages/client/src/components/MkNotes.vue                  | 2 +-
 packages/client/src/components/MkNotification.vue           | 4 ++--
 packages/client/src/components/MkNotificationToast.vue      | 2 +-
 packages/client/src/components/MkPagePreview.vue            | 2 +-
 packages/client/src/components/MkReactionTooltip.vue        | 2 +-
 .../client/src/components/MkReactionsViewer.details.vue     | 4 ++--
 packages/client/src/components/MkSignin.vue                 | 2 +-
 packages/client/src/components/MkUserList.vue               | 2 +-
 packages/client/src/components/MkUsersTooltip.vue           | 4 ++--
 packages/client/src/components/MkWaitingDialog.vue          | 3 ++-
 packages/client/src/os.ts                                   | 6 +++---
 packages/client/src/pages/admin/abuses.vue                  | 2 +-
 packages/client/src/pages/channel-editor.vue                | 2 +-
 packages/client/src/pages/channel.vue                       | 2 +-
 packages/client/src/pages/channels.vue                      | 2 +-
 packages/client/src/pages/gallery/post.vue                  | 2 +-
 packages/client/src/pages/my-antennas/index.vue             | 3 ++-
 packages/client/src/pages/note-history.vue                  | 2 +-
 packages/client/src/scripts/use-chart-tooltip.ts            | 6 +++---
 packages/client/src/store.ts                                | 2 +-
 packages/client/src/types/form.ts                           | 4 ++--
 packages/client/src/types/note.ts                           | 4 ++--
 packages/client/src/types/post-form.ts                      | 4 ++--
 33 files changed, 45 insertions(+), 43 deletions(-)

diff --git a/packages/client/src/components/MkAbuseReport.vue b/packages/client/src/components/MkAbuseReport.vue
index 26b91fae2e..b190652052 100644
--- a/packages/client/src/components/MkAbuseReport.vue
+++ b/packages/client/src/components/MkAbuseReport.vue
@@ -67,12 +67,12 @@
 <script lang="ts" setup>
 import { ref } from "vue";
 
+import type { entities } from "firefish-js";
 import MkButton from "@/components/MkButton.vue";
 import MkSwitch from "@/components/form/switch.vue";
 import MkKeyValue from "@/components/MkKeyValue.vue";
 import * as os from "@/os";
 import { i18n } from "@/i18n";
-import type { entities } from "firefish-js";
 
 const props = defineProps<{
 	report: entities.AbuseUserReport;
diff --git a/packages/client/src/components/MkAnnouncement.vue b/packages/client/src/components/MkAnnouncement.vue
index 0aaa519cb0..3af8e0163f 100644
--- a/packages/client/src/components/MkAnnouncement.vue
+++ b/packages/client/src/components/MkAnnouncement.vue
@@ -30,12 +30,12 @@
 
 <script lang="ts" setup>
 import { shallowRef } from "vue";
+import type { entities } from "firefish-js";
 import MkModal from "@/components/MkModal.vue";
 import MkSparkle from "@/components/MkSparkle.vue";
 import MkButton from "@/components/MkButton.vue";
 import { i18n } from "@/i18n";
 import * as os from "@/os";
-import type { entities } from "firefish-js";
 
 const props = defineProps<{
 	announcement: entities.Announcement;
diff --git a/packages/client/src/components/MkAvatars.vue b/packages/client/src/components/MkAvatars.vue
index 2b2029a8b5..c1edf1e391 100644
--- a/packages/client/src/components/MkAvatars.vue
+++ b/packages/client/src/components/MkAvatars.vue
@@ -8,8 +8,8 @@
 
 <script lang="ts" setup>
 import { onMounted, ref } from "vue";
-import * as os from "@/os";
 import type { entities } from "firefish-js";
+import * as os from "@/os";
 
 const props = defineProps<{
 	userIds: string[];
diff --git a/packages/client/src/components/MkChannelFollowButton.vue b/packages/client/src/components/MkChannelFollowButton.vue
index 98e239195c..3ff907b25b 100644
--- a/packages/client/src/components/MkChannelFollowButton.vue
+++ b/packages/client/src/components/MkChannelFollowButton.vue
@@ -24,10 +24,10 @@
 
 <script lang="ts" setup>
 import { ref } from "vue";
+import type { entities } from "firefish-js";
 import * as os from "@/os";
 import { i18n } from "@/i18n";
 import icon from "@/scripts/icon";
-import type { entities } from "firefish-js";
 
 const props = withDefaults(
 	defineProps<{
diff --git a/packages/client/src/components/MkChannelPreview.vue b/packages/client/src/components/MkChannelPreview.vue
index 8b2e12dc8b..b7462f5504 100644
--- a/packages/client/src/components/MkChannelPreview.vue
+++ b/packages/client/src/components/MkChannelPreview.vue
@@ -52,9 +52,9 @@
 
 <script lang="ts" setup>
 import { computed } from "vue";
+import type { entities } from "firefish-js";
 import { i18n } from "@/i18n";
 import icon from "@/scripts/icon";
-import type { entities } from "firefish-js";
 
 const props = defineProps<{
 	channel: entities.Channel;
diff --git a/packages/client/src/components/MkContainer.vue b/packages/client/src/components/MkContainer.vue
index e933b02dbf..6f7f19dbf0 100644
--- a/packages/client/src/components/MkContainer.vue
+++ b/packages/client/src/components/MkContainer.vue
@@ -1,5 +1,6 @@
 <template>
 	<div
+		ref="el"
 		v-size="{ max: [380] }"
 		class="ukygtjoj _panel"
 		:class="{
@@ -9,7 +10,6 @@
 			scrollable,
 			closed: !showBody,
 		}"
-		ref="el"
 	>
 		<header v-if="showHeader" ref="header">
 			<div class="title"><slot name="header"></slot></div>
diff --git a/packages/client/src/components/MkGalleryPostPreview.vue b/packages/client/src/components/MkGalleryPostPreview.vue
index cbef1c3d75..f4da5d20e8 100644
--- a/packages/client/src/components/MkGalleryPostPreview.vue
+++ b/packages/client/src/components/MkGalleryPostPreview.vue
@@ -33,9 +33,9 @@
 </template>
 
 <script lang="ts" setup>
+import type { entities } from "firefish-js";
 import ImgWithBlurhash from "@/components/MkImgWithBlurhash.vue";
 import { i18n } from "@/i18n";
-import type { entities } from "firefish-js";
 
 defineProps<{
 	post: entities.GalleryPost;
diff --git a/packages/client/src/components/MkInstanceStats.vue b/packages/client/src/components/MkInstanceStats.vue
index 72f987ec84..87b1187e2d 100644
--- a/packages/client/src/components/MkInstanceStats.vue
+++ b/packages/client/src/components/MkInstanceStats.vue
@@ -44,6 +44,7 @@
 <script lang="ts" setup>
 import { onMounted, ref, shallowRef } from "vue";
 import { Chart } from "chart.js";
+import type { entities } from "firefish-js";
 import MkSelect from "@/components/form/select.vue";
 import MkChart from "@/components/MkChart.vue";
 import { useChartTooltip } from "@/scripts/use-chart-tooltip";
@@ -52,7 +53,6 @@ import { i18n } from "@/i18n";
 import MkActiveUsersHeatmap from "@/components/MkActiveUsersHeatmap.vue";
 import MkFolder from "@/components/MkFolder.vue";
 import { initChart } from "@/scripts/init-chart";
-import type { entities } from "firefish-js";
 
 initChart();
 
diff --git a/packages/client/src/components/MkInstanceTicker.vue b/packages/client/src/components/MkInstanceTicker.vue
index bbf999c183..f27cce02a3 100644
--- a/packages/client/src/components/MkInstanceTicker.vue
+++ b/packages/client/src/components/MkInstanceTicker.vue
@@ -17,10 +17,10 @@
 <script lang="ts" setup>
 import { ref } from "vue";
 
+import type { entities } from "firefish-js";
 import { instanceName, version } from "@/config";
 import { instance as Instance } from "@/instance";
 import { getProxiedImageUrlNullable } from "@/scripts/media-proxy";
-import type { entities } from "firefish-js";
 
 const props = defineProps<{
 	instance?: entities.InstanceLite;
diff --git a/packages/client/src/components/MkMediaCaption.vue b/packages/client/src/components/MkMediaCaption.vue
index 32ecceda21..b09024adb7 100644
--- a/packages/client/src/components/MkMediaCaption.vue
+++ b/packages/client/src/components/MkMediaCaption.vue
@@ -69,6 +69,7 @@
 import { computed, onBeforeUnmount, onMounted, ref } from "vue";
 import insertTextAtCursor from "insert-text-at-cursor";
 import { length } from "stringz";
+import type { entities } from "firefish-js";
 import * as os from "@/os";
 import MkModal from "@/components/MkModal.vue";
 import MkButton from "@/components/MkButton.vue";
@@ -76,7 +77,6 @@ import bytes from "@/filters/bytes";
 import number from "@/filters/number";
 import { i18n } from "@/i18n";
 import { instance } from "@/instance";
-import type { entities } from "firefish-js";
 
 const props = withDefaults(
 	defineProps<{
diff --git a/packages/client/src/components/MkNotes.vue b/packages/client/src/components/MkNotes.vue
index d347962768..09db9dcaf0 100644
--- a/packages/client/src/components/MkNotes.vue
+++ b/packages/client/src/components/MkNotes.vue
@@ -40,12 +40,12 @@
 
 <script lang="ts" setup>
 import { ref } from "vue";
+import type { entities } from "firefish-js";
 import type {
 	MkPaginationType,
 	PagingKeyOf,
 	PagingOf,
 } from "@/components/MkPagination.vue";
-import type { entities } from "firefish-js";
 import XNote from "@/components/MkNote.vue";
 import XList from "@/components/MkDateSeparatedList.vue";
 import MkPagination from "@/components/MkPagination.vue";
diff --git a/packages/client/src/components/MkNotification.vue b/packages/client/src/components/MkNotification.vue
index 6dd1a4b721..e3f8259def 100644
--- a/packages/client/src/components/MkNotification.vue
+++ b/packages/client/src/components/MkNotification.vue
@@ -272,6 +272,8 @@
 <script lang="ts" setup>
 import { onMounted, onUnmounted, ref, toRef, watch } from "vue";
 import type { entities } from "firefish-js";
+import type { Connection } from "firefish-js/src/streaming";
+import type { Channels } from "firefish-js/src/streaming.types";
 import XReactionIcon from "@/components/MkReactionIcon.vue";
 import MkFollowButton from "@/components/MkFollowButton.vue";
 import XReactionTooltip from "@/components/MkReactionTooltip.vue";
@@ -285,8 +287,6 @@ import { useTooltip } from "@/scripts/use-tooltip";
 import { defaultStore } from "@/store";
 import { instance } from "@/instance";
 import icon from "@/scripts/icon";
-import type { Connection } from "firefish-js/src/streaming";
-import type { Channels } from "firefish-js/src/streaming.types";
 
 const props = withDefaults(
 	defineProps<{
diff --git a/packages/client/src/components/MkNotificationToast.vue b/packages/client/src/components/MkNotificationToast.vue
index a18a7e3d48..32b0727927 100644
--- a/packages/client/src/components/MkNotificationToast.vue
+++ b/packages/client/src/components/MkNotificationToast.vue
@@ -16,10 +16,10 @@
 
 <script lang="ts" setup>
 import { onMounted, ref } from "vue";
+import type { entities } from "firefish-js";
 import XNotification from "@/components/MkNotification.vue";
 import * as os from "@/os";
 import { defaultStore } from "@/store";
-import type { entities } from "firefish-js";
 
 defineProps<{
 	notification: entities.Notification;
diff --git a/packages/client/src/components/MkPagePreview.vue b/packages/client/src/components/MkPagePreview.vue
index 3a6a45745d..8377770aa0 100644
--- a/packages/client/src/components/MkPagePreview.vue
+++ b/packages/client/src/components/MkPagePreview.vue
@@ -34,9 +34,9 @@
 </template>
 
 <script lang="ts" setup>
+import type { entities } from "firefish-js";
 import { userName } from "@/filters/user";
 import { ui } from "@/config";
-import type { entities } from "firefish-js";
 
 defineProps<{
 	page: entities.Page;
diff --git a/packages/client/src/components/MkReactionTooltip.vue b/packages/client/src/components/MkReactionTooltip.vue
index 1286fc4c73..68a1d6b625 100644
--- a/packages/client/src/components/MkReactionTooltip.vue
+++ b/packages/client/src/components/MkReactionTooltip.vue
@@ -20,9 +20,9 @@
 
 <script lang="ts" setup>
 import type { Ref } from "vue";
+import type { entities } from "firefish-js";
 import MkTooltip from "./MkTooltip.vue";
 import XReactionIcon from "@/components/MkReactionIcon.vue";
-import type { entities } from "firefish-js";
 
 defineProps<{
 	showing: Ref<boolean>;
diff --git a/packages/client/src/components/MkReactionsViewer.details.vue b/packages/client/src/components/MkReactionsViewer.details.vue
index 14c2828d45..7c5f118f98 100644
--- a/packages/client/src/components/MkReactionsViewer.details.vue
+++ b/packages/client/src/components/MkReactionsViewer.details.vue
@@ -3,8 +3,8 @@
 		ref="tooltip"
 		:target-element="targetElement"
 		:max-width="340"
-		@closed="emit('closed')"
 		:showing="showing"
+		@closed="emit('closed')"
 	>
 		<div class="bqxuuuey">
 			<div class="reaction">
@@ -31,9 +31,9 @@
 
 <script lang="ts" setup>
 import type { Ref } from "vue";
+import type { entities } from "firefish-js";
 import MkTooltip from "./MkTooltip.vue";
 import XReactionIcon from "@/components/MkReactionIcon.vue";
-import type { entities } from "firefish-js";
 
 defineProps<{
 	showing: Ref<boolean>;
diff --git a/packages/client/src/components/MkSignin.vue b/packages/client/src/components/MkSignin.vue
index a49662d974..d2c1159642 100644
--- a/packages/client/src/components/MkSignin.vue
+++ b/packages/client/src/components/MkSignin.vue
@@ -136,6 +136,7 @@
 <script lang="ts" setup>
 import { defineAsyncComponent, ref } from "vue";
 import { toUnicode } from "punycode/";
+import type { entities } from "firefish-js";
 import MkButton from "@/components/MkButton.vue";
 import MkInput from "@/components/form/input.vue";
 import MkInfo from "@/components/MkInfo.vue";
@@ -145,7 +146,6 @@ import * as os from "@/os";
 import { signIn } from "@/account";
 import { i18n } from "@/i18n";
 import icon from "@/scripts/icon";
-import type { entities } from "firefish-js";
 
 const signing = ref(false);
 const user = ref<entities.UserDetailed | null>(null);
diff --git a/packages/client/src/components/MkUserList.vue b/packages/client/src/components/MkUserList.vue
index 5043b920ff..a9606c69d7 100644
--- a/packages/client/src/components/MkUserList.vue
+++ b/packages/client/src/components/MkUserList.vue
@@ -26,6 +26,7 @@
 
 <script lang="ts" setup>
 import { ref } from "vue";
+import type { entities } from "firefish-js";
 import MkUserInfo from "@/components/MkUserInfo.vue";
 import type {
 	MkPaginationType,
@@ -34,7 +35,6 @@ import type {
 } from "@/components/MkPagination.vue";
 import MkPagination from "@/components/MkPagination.vue";
 import { i18n } from "@/i18n";
-import type { entities } from "firefish-js";
 
 defineProps<{
 	pagination: PagingOf<entities.UserDetailed>;
diff --git a/packages/client/src/components/MkUsersTooltip.vue b/packages/client/src/components/MkUsersTooltip.vue
index 741194221d..30373c6eb3 100644
--- a/packages/client/src/components/MkUsersTooltip.vue
+++ b/packages/client/src/components/MkUsersTooltip.vue
@@ -3,8 +3,8 @@
 		ref="tooltip"
 		:target-element="targetElement"
 		:max-width="250"
-		@closed="emit('closed')"
 		:showing="showing"
+		@closed="emit('closed')"
 	>
 		<div class="beaffaef">
 			<div v-for="u in users" :key="u.id" class="user">
@@ -20,8 +20,8 @@
 
 <script lang="ts" setup>
 import type { Ref } from "vue";
-import MkTooltip from "./MkTooltip.vue";
 import type { entities } from "firefish-js";
+import MkTooltip from "./MkTooltip.vue";
 
 defineProps<{
 	showing: Ref<boolean>;
diff --git a/packages/client/src/components/MkWaitingDialog.vue b/packages/client/src/components/MkWaitingDialog.vue
index 18cec42a49..f2d7688f36 100644
--- a/packages/client/src/components/MkWaitingDialog.vue
+++ b/packages/client/src/components/MkWaitingDialog.vue
@@ -29,7 +29,8 @@
 </template>
 
 <script lang="ts" setup>
-import { MaybeRef, shallowRef, watch, unref } from "vue";
+import type { MaybeRef } from "vue";
+import { shallowRef, unref, watch } from "vue";
 import MkModal from "@/components/MkModal.vue";
 import iconify from "@/scripts/icon";
 
diff --git a/packages/client/src/os.ts b/packages/client/src/os.ts
index 8fbe8b8041..eb4502bf9f 100644
--- a/packages/client/src/os.ts
+++ b/packages/client/src/os.ts
@@ -1,7 +1,7 @@
 // TODO: なんでもかんでもos.tsに突っ込むのやめたいのでよしなに分割する
 
 import { EventEmitter } from "eventemitter3";
-import { type entities, api as firefishApi, type Endpoints } from "firefish-js";
+import { type Endpoints, type entities, api as firefishApi } from "firefish-js";
 import insertTextAtCursor from "insert-text-at-cursor";
 import type { Component, Ref } from "vue";
 import { defineAsyncComponent, markRaw, ref } from "vue";
@@ -176,12 +176,12 @@ export function promiseDialog<T>(
 
 let popupIdCount = 0;
 
-type PopupType = {
+interface PopupType {
 	id: number;
 	component: Component;
 	props: Record<string, unknown>;
 	events: Record<string, unknown>;
-};
+}
 export const popups = ref<PopupType[]>([]);
 
 const zIndexes = {
diff --git a/packages/client/src/pages/admin/abuses.vue b/packages/client/src/pages/admin/abuses.vue
index 72850ed478..772e3f6f55 100644
--- a/packages/client/src/pages/admin/abuses.vue
+++ b/packages/client/src/pages/admin/abuses.vue
@@ -93,6 +93,7 @@
 <script lang="ts" setup>
 import { computed, ref } from "vue";
 
+import type { entities } from "firefish-js";
 import MkSelect from "@/components/form/select.vue";
 import MkPagination, {
 	type MkPaginationType,
@@ -101,7 +102,6 @@ import XAbuseReport from "@/components/MkAbuseReport.vue";
 import { i18n } from "@/i18n";
 import { definePageMetadata } from "@/scripts/page-metadata";
 import icon from "@/scripts/icon";
-import type { entities } from "firefish-js";
 
 const reports = ref<MkPaginationType<typeof pagination.endpoint> | null>(null);
 
diff --git a/packages/client/src/pages/channel-editor.vue b/packages/client/src/pages/channel-editor.vue
index 3791a98d05..e776de30e3 100644
--- a/packages/client/src/pages/channel-editor.vue
+++ b/packages/client/src/pages/channel-editor.vue
@@ -41,6 +41,7 @@
 
 <script lang="ts" setup>
 import { computed, ref, watch } from "vue";
+import type { entities } from "firefish-js";
 import MkTextarea from "@/components/form/textarea.vue";
 import MkButton from "@/components/MkButton.vue";
 import MkInput from "@/components/form/input.vue";
@@ -50,7 +51,6 @@ import { useRouter } from "@/router";
 import { definePageMetadata } from "@/scripts/page-metadata";
 import { i18n } from "@/i18n";
 import icon from "@/scripts/icon";
-import type { entities } from "firefish-js";
 
 const router = useRouter();
 
diff --git a/packages/client/src/pages/channel.vue b/packages/client/src/pages/channel.vue
index b8ec491ecb..d3ef5f2b8b 100644
--- a/packages/client/src/pages/channel.vue
+++ b/packages/client/src/pages/channel.vue
@@ -96,6 +96,7 @@
 
 <script lang="ts" setup>
 import { computed, ref, watch } from "vue";
+import type { entities } from "firefish-js";
 import XPostForm from "@/components/MkPostForm.vue";
 import XTimeline from "@/components/MkTimeline.vue";
 import XChannelFollowButton from "@/components/MkChannelFollowButton.vue";
@@ -105,7 +106,6 @@ import { me } from "@/me";
 import { i18n } from "@/i18n";
 import { definePageMetadata } from "@/scripts/page-metadata";
 import icon from "@/scripts/icon";
-import type { entities } from "firefish-js";
 
 const router = useRouter();
 
diff --git a/packages/client/src/pages/channels.vue b/packages/client/src/pages/channels.vue
index 5286f909d4..c7789b8787 100644
--- a/packages/client/src/pages/channels.vue
+++ b/packages/client/src/pages/channels.vue
@@ -112,6 +112,7 @@
 import { computed, onMounted, ref, watch } from "vue";
 import { Virtual } from "swiper/modules";
 import { Swiper, SwiperSlide } from "swiper/vue";
+import type { Swiper as SwiperType } from "swiper/types";
 import MkChannelList from "@/components/MkChannelList.vue";
 import MkInput from "@/components/form/input.vue";
 import MkRadios from "@/components/form/radios.vue";
@@ -125,7 +126,6 @@ import { defaultStore } from "@/store";
 import icon from "@/scripts/icon";
 import "swiper/scss";
 import "swiper/scss/virtual";
-import type { Swiper as SwiperType } from "swiper/types";
 
 const router = useRouter();
 
diff --git a/packages/client/src/pages/gallery/post.vue b/packages/client/src/pages/gallery/post.vue
index f8c92c1867..91b6b764c5 100644
--- a/packages/client/src/pages/gallery/post.vue
+++ b/packages/client/src/pages/gallery/post.vue
@@ -150,6 +150,7 @@
 
 <script lang="ts" setup>
 import { computed, ref, watch } from "vue";
+import type { entities } from "firefish-js";
 import MkButton from "@/components/MkButton.vue";
 import * as os from "@/os";
 import MkContainer from "@/components/MkContainer.vue";
@@ -164,7 +165,6 @@ import { shareAvailable } from "@/scripts/share-available";
 import { defaultStore } from "@/store";
 import icon from "@/scripts/icon";
 import { isSignedIn, me } from "@/me";
-import type { entities } from "firefish-js";
 
 const router = useRouter();
 
diff --git a/packages/client/src/pages/my-antennas/index.vue b/packages/client/src/pages/my-antennas/index.vue
index 5b645479a9..ef45ad75f7 100644
--- a/packages/client/src/pages/my-antennas/index.vue
+++ b/packages/client/src/pages/my-antennas/index.vue
@@ -54,7 +54,8 @@
 
 <script lang="ts" setup>
 import { computed, onActivated, onDeactivated, ref } from "vue";
-import MkPagination, { MkPaginationType } from "@/components/MkPagination.vue";
+import type { MkPaginationType } from "@/components/MkPagination.vue";
+import MkPagination from "@/components/MkPagination.vue";
 import MkButton from "@/components/MkButton.vue";
 import MkInfo from "@/components/MkInfo.vue";
 import { i18n } from "@/i18n";
diff --git a/packages/client/src/pages/note-history.vue b/packages/client/src/pages/note-history.vue
index 8bc7f225c8..d0c93899aa 100644
--- a/packages/client/src/pages/note-history.vue
+++ b/packages/client/src/pages/note-history.vue
@@ -34,10 +34,10 @@
 
 <script lang="ts" setup>
 import { computed, onMounted, ref } from "vue";
+import type { entities } from "firefish-js";
 import MkPagination, {
 	type MkPaginationType,
 } from "@/components/MkPagination.vue";
-import type { entities } from "firefish-js";
 import { api } from "@/os";
 import XList from "@/components/MkDateSeparatedList.vue";
 import XNote from "@/components/MkNote.vue";
diff --git a/packages/client/src/scripts/use-chart-tooltip.ts b/packages/client/src/scripts/use-chart-tooltip.ts
index bc6c5b1eeb..62347ede8d 100644
--- a/packages/client/src/scripts/use-chart-tooltip.ts
+++ b/packages/client/src/scripts/use-chart-tooltip.ts
@@ -1,13 +1,13 @@
 import { onDeactivated, onUnmounted, ref } from "vue";
+import type { Color, TooltipOptions } from "chart.js";
 import * as os from "@/os";
 import MkChartTooltip from "@/components/MkChartTooltip.vue";
-import type { Color, TooltipOptions } from "chart.js";
 
-type ToolTipSerie = {
+interface ToolTipSerie {
 	backgroundColor: Color;
 	borderColor: Color;
 	text: string;
-};
+}
 
 export function useChartTooltip(
 	opts: { position: "top" | "middle" } = { position: "top" },
diff --git a/packages/client/src/store.ts b/packages/client/src/store.ts
index 680dba286f..29393123c0 100644
--- a/packages/client/src/store.ts
+++ b/packages/client/src/store.ts
@@ -1,8 +1,8 @@
 import { markRaw, ref } from "vue";
+import type { ApiTypes, entities } from "firefish-js";
 import { isSignedIn } from "./me";
 import { Storage } from "./pizzax";
 import type { NoteVisibility } from "@/types/note";
-import type { entities, ApiTypes } from "firefish-js";
 
 export const postFormActions: {
 	title: string;
diff --git a/packages/client/src/types/form.ts b/packages/client/src/types/form.ts
index 88f90ebbef..c5e169c465 100644
--- a/packages/client/src/types/form.ts
+++ b/packages/client/src/types/form.ts
@@ -1,9 +1,9 @@
-export type BaseFormItem = {
+export interface BaseFormItem {
 	hidden?: boolean;
 	label?: string;
 	description?: string;
 	required?: boolean;
-};
+}
 
 export type FormItemTextInput = BaseFormItem & {
 	type: "string";
diff --git a/packages/client/src/types/note.ts b/packages/client/src/types/note.ts
index 7f4de74d77..17338c02b8 100644
--- a/packages/client/src/types/note.ts
+++ b/packages/client/src/types/note.ts
@@ -2,7 +2,7 @@ import type { noteVisibilities } from "firefish-js";
 
 export type NoteVisibility = (typeof noteVisibilities)[number] | "private";
 
-export type NoteTranslation = {
+export interface NoteTranslation {
 	sourceLang: string;
 	text: string;
-};
+}
diff --git a/packages/client/src/types/post-form.ts b/packages/client/src/types/post-form.ts
index a535ef812f..c8d92f4636 100644
--- a/packages/client/src/types/post-form.ts
+++ b/packages/client/src/types/post-form.ts
@@ -1,11 +1,11 @@
 import type { entities } from "firefish-js";
 
-export type PollType = {
+export interface PollType {
 	choices: string[];
 	multiple: boolean;
 	expiresAt: string | null;
 	expiredAfter: number | null;
-};
+}
 
 export type NoteDraft = entities.Note & {
 	poll?: PollType;