enhance(frontend): 노트 상세 페이지의 답글 목록 개선

CHANGELOG_CHERRYPICK.md

@@ -34,6 +34,7 @@ Misskey의 전체 변경 사항을 확인하려면, [CHANGELOG.md#2023xx](CHANGE
 ### Client
 - Feat: 본문 미리보기의 프로필을 표시하지 않도록 설정할 수 있음
 - Enhance: 노트 작성 폼에서 노트를 게시한 뒤에 textarea의 높이를 원래대로 되돌리도록
+- Enhance: 노트 상세 페이지의 답글 목록 개선
 - Fix: 외부 리소스 설치 페이지에서 페이지 캐시가 작동하는 문제 수정 (misskey-dev/misskey#12105)
 
 ### Server

packages/frontend/src/components/MkNoteDetailed.vue

@@ -181,10 +181,10 @@ SPDX-License-Identifier: AGPL-3.0-only
 	<div>
 		<div v-if="tab === 'replies'" :class="$style.tab_replies">
 			<MkPostForm v-if="!isMobile && defaultStore.state.showFixedPostFormInReplies" class="post-form _panel" fixed :reply="appearNote"></MkPostForm>
-			<div v-if="replies.length > 3 && !repliesLoaded" style="padding: 16px">
-				<MkButton style="margin: 0 auto;" primary rounded @click="loadReplies">{{ i18n.ts.loadReplies }}</MkButton>
+			<MkNoteSub v-for="note in replies" :key="note.id" :note="note" :class="$style.reply" :detail="true"/>
+			<div v-if="replies.length > 2 && !repliesLoaded" style="padding: 16px">
+				<MkButton style="margin: 0 auto;" primary rounded @click="loadReplies">{{ i18n.ts.loadMore }}</MkButton>
 			</div>
-			<template v-if="replies.length <= 3 || repliesLoaded"><MkNoteSub v-for="note in replies" :key="note.id" :note="note" :class="$style.reply" :detail="true"/></template>
 		</div>
 		<div v-else-if="tab === 'renotes'" :class="$style.tab_renotes">
 			<MkPagination :pagination="renotesPagination" :disableAutoLoad="true">
@@ -709,7 +709,7 @@ function blur() {
 function loadRepliesSimple() {
 	os.api('notes/children', {
 		noteId: appearNote.id,
-		limit: 4,
+		limit: 3,
 	}).then(res => {
 		replies.value = res;
 	});