diff --git a/packages/client/src/components/MkNote.vue b/packages/client/src/components/MkNote.vue
index 4e5fd4a272..3d5d6d59b5 100644
--- a/packages/client/src/components/MkNote.vue
+++ b/packages/client/src/components/MkNote.vue
@@ -215,7 +215,7 @@
 						@click.stop="react()"
 					>
 						<i :class="icon('ph-smiley')"></i>
-						<p class="count" v-if="reactionCount > 0 && hideEmojiViewer">{{reactionCount}}</p>
+						<p v-if="reactionCount > 0 && hideEmojiViewer" class="count">{{reactionCount}}</p>
 					</button>
 					<button
 						v-if="
@@ -228,7 +228,7 @@
 						@click.stop="undoReact(appearNote)"
 					>
 						<i :class="icon('ph-minus')"></i>
-						<p class="count" v-if="reactionCount > 0 && hideEmojiViewer">{{reactionCount}}</p>
+						<p v-if="reactionCount > 0 && hideEmojiViewer" class="count">{{reactionCount}}</p>
 					</button>
 					<XQuoteButton class="button" :note="appearNote" />
 					<button
diff --git a/packages/client/src/components/MkNoteDetailed.vue b/packages/client/src/components/MkNoteDetailed.vue
index 82ca22f32e..7dcb055d47 100644
--- a/packages/client/src/components/MkNoteDetailed.vue
+++ b/packages/client/src/components/MkNoteDetailed.vue
@@ -81,8 +81,8 @@
 		</MkTab>
 
 		<MkPagination
-			ref="repliesPagingComponent"
 			v-if="tab === 'replies' && note.repliesCount > 0"
+			ref="repliesPagingComponent"
 			v-slot="{ items }"
 			:pagination="repliesPagination"
 		>
diff --git a/packages/client/src/components/MkNoteSub.vue b/packages/client/src/components/MkNoteSub.vue
index d3d53a5ae2..f3448d73e3 100644
--- a/packages/client/src/components/MkNoteSub.vue
+++ b/packages/client/src/components/MkNoteSub.vue
@@ -107,7 +107,7 @@
 						@click.stop="react()"
 					>
 						<i :class="icon('ph-smiley')"></i>
-						<p class="count" v-if="reactionCount > 0 && hideEmojiViewer">{{reactionCount}}</p>
+						<p v-if="reactionCount > 0 && hideEmojiViewer" class="count">{{reactionCount}}</p>
 					</button>
 					<button
 						v-if="
@@ -120,7 +120,7 @@
 						@click.stop="undoReact(appearNote)"
 					>
 						<i :class="icon('ph-minus')"></i>
-						<p class="count" v-if="reactionCount > 0 && hideEmojiViewer">{{reactionCount}}</p>
+						<p v-if="reactionCount > 0 && hideEmojiViewer" class="count">{{reactionCount}}</p>
 					</button>
 					<XQuoteButton class="button" :note="appearNote" />
 					<button
diff --git a/packages/client/src/components/MkNotificationFolded.vue b/packages/client/src/components/MkNotificationFolded.vue
index 4f5048555c..a6678c9f71 100644
--- a/packages/client/src/components/MkNotificationFolded.vue
+++ b/packages/client/src/components/MkNotificationFolded.vue
@@ -75,6 +75,7 @@
 import { computed, onMounted, onUnmounted, ref } from "vue";
 import type { Connection } from "firefish-js/src/streaming";
 import type { Channels } from "firefish-js/src/streaming.types";
+import type { entities } from "firefish-js";
 import XReactionIcon from "@/components/MkReactionIcon.vue";
 import XReactionTooltip from "@/components/MkReactionTooltip.vue";
 import { i18n } from "@/i18n";
@@ -89,7 +90,6 @@ import type {
 	ReactionNotificationFolded,
 } from "@/types/notification";
 import XNote from "@/components/MkNote.vue";
-import type { entities } from "firefish-js";
 
 const props = withDefaults(
 	defineProps<{
diff --git a/packages/client/src/components/MkNotifications.vue b/packages/client/src/components/MkNotifications.vue
index 4d34707c17..c449f2daf7 100644
--- a/packages/client/src/components/MkNotifications.vue
+++ b/packages/client/src/components/MkNotifications.vue
@@ -17,8 +17,8 @@
 
 		<template #default="{ foldedItems: notifications }">
 			<XList
-				:items="notifications"
 				v-slot="{ item: notification }"
+				:items="notifications"
 				class="elsfgstc"
 				:no-gap="true"
 			>
diff --git a/packages/client/src/components/MkPagination.vue b/packages/client/src/components/MkPagination.vue
index 219f9c30ea..183305859c 100644
--- a/packages/client/src/components/MkPagination.vue
+++ b/packages/client/src/components/MkPagination.vue
@@ -38,7 +38,7 @@
 				</MkButton>
 				<MkLoading v-else class="loading" />
 			</div>
-			<slot :items="items" :foldedItems="foldedItems"></slot>
+			<slot :items="items" :folded-items="foldedItems"></slot>
 			<div
 				v-show="!pagination.reversed && more"
 				key="_more_"
@@ -105,9 +105,9 @@ export type MkPaginationType<
 	updateItem: (id: string, replacer: (old: Item) => Item) => boolean;
 };
 
-export type PagingAble = {
+export interface PagingAble {
 	id: string;
-};
+}
 
 export type PagingKeyOf<T> = TypeUtils.EndpointsOf<T[]>;
 // biome-ignore lint/suspicious/noExplicitAny: Used Intentionally
diff --git a/packages/client/src/components/MkQrCode.vue b/packages/client/src/components/MkQrCode.vue
index 2984f88697..948de74c13 100644
--- a/packages/client/src/components/MkQrCode.vue
+++ b/packages/client/src/components/MkQrCode.vue
@@ -15,12 +15,12 @@
 
 <script lang="ts" setup>
 import { shallowRef } from "vue";
+import QRCodeVue3 from "qrcode-vue3";
 import MkModal from "@/components/MkModal.vue";
 import MkButton from "@/components/MkButton.vue";
 import { i18n } from "@/i18n";
-import QRCodeVue3 from "qrcode-vue3";
 
-const props = defineProps<{
+defineProps<{
 	qrCode: string;
 }>();
 
diff --git a/packages/client/src/components/MkQuoteButton.vue b/packages/client/src/components/MkQuoteButton.vue
index 2617d3655e..f3a00314cb 100644
--- a/packages/client/src/components/MkQuoteButton.vue
+++ b/packages/client/src/components/MkQuoteButton.vue
@@ -1,7 +1,7 @@
 <template>
 	<button
-		ref="el"
 		v-if="canRenote && defaultStore.state.seperateRenoteQuote"
+		ref="el"
 		v-tooltip.noDelay.bottom="i18n.ts.quote"
 		class="eddddedb _button"
 		@click.stop="quote()"
diff --git a/packages/client/src/components/MkReactedUsers.vue b/packages/client/src/components/MkReactedUsers.vue
index 76b86ed46f..45cb8f46ad 100644
--- a/packages/client/src/components/MkReactedUsers.vue
+++ b/packages/client/src/components/MkReactedUsers.vue
@@ -25,8 +25,8 @@
 		</div>
 		<MkPagination
 			ref="pagingComponent"
-			:pagination="pagination"
 			v-slot="{ items }"
+			:pagination="pagination"
 		>
 			<MkUserCardMini v-for="{ user: user } in items" :key="user.id" :user="user" />
 		</MkPagination>
diff --git a/packages/client/src/scripts/fold.ts b/packages/client/src/scripts/fold.ts
index 1688708a22..c1546efa68 100644
--- a/packages/client/src/scripts/fold.ts
+++ b/packages/client/src/scripts/fold.ts
@@ -1,8 +1,8 @@
+import type { entities } from "firefish-js";
 import type {
 	FoldableNotification,
 	NotificationFolded,
 } from "@/types/notification";
-import type { entities } from "firefish-js";
 
 interface FoldOption {
 	/** If items length is 1, skip aggregation */
diff --git a/packages/client/src/types/notification.ts b/packages/client/src/types/notification.ts
index 954688021f..0b7090ae6b 100644
--- a/packages/client/src/types/notification.ts
+++ b/packages/client/src/types/notification.ts
@@ -4,7 +4,7 @@ export type FoldableNotification =
 	| entities.RenoteNotification
 	| entities.ReactionNotification;
 
-type Fold<T extends FoldableNotification> = {
+interface Fold<T extends FoldableNotification> {
 	id: string;
 	type: T["type"];
 	createdAt: T["createdAt"];
@@ -13,7 +13,7 @@ type Fold<T extends FoldableNotification> = {
 	userIds: entities.User["id"][];
 	users: entities.User[];
 	notifications: T[];
-};
+}
 
 export type RenoteNotificationFolded = Fold<entities.RenoteNotification>;