chore: lint

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

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"
 		>

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

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<{

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"
 			>

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

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;
 }>();
 

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()"

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>

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 */

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>;