enhance(frontend): 텍스트 소스 보기를 사용하면 자동으로 내용을 펼침

CHANGELOG_CHERRYPICK.md

@@ -42,6 +42,7 @@ Misskey의 전체 변경 사항을 확인하려면, [CHANGELOG.md#2024xx](CHANGE
 - Enhance: 노트 작성 폼의 사용자 선택 메뉴에서 현재 계정과 로그인된 추가 계정 영역을 구분함
 - Enhance: 모바일 환경에서 토스트 알림의 디자인 및 배치를 개선함
 - Enhance: 로그인 시 표시되는 환영 메시지의 표시 유무를 선택할 수 있음
+- Ehhance: `텍스트 소스 보기`를 사용하면 자동으로 내용을 펼침
 - Fix: 임베디드 코드에서 CherryPick의 색상 설정이 반영되지 않음
 - Fix: 임베디드 코드에 `fade`와 `Temml(KaTex)`가 반영되지 않음
 - Fix: 노트의 QR 코드를 생성했을 때 `링크 복사` 버튼을 누르면 잘못된 토스트 알림이 표시됨

packages/frontend/src/components/MkNote.vue

@@ -519,6 +519,10 @@ if (!props.mock) {
 
 if (defaultStore.state.alwaysShowCw) showContent.value = true;
 
+watch(() => viewTextSource.value, () => {
+	collapsed.value = false;
+});
+
 function noteClick(ev: MouseEvent) {
 	if (!expandOnNoteClick || window.getSelection()?.toString() !== '' || defaultStore.state.expandOnNoteClickBehavior === 'doubleClick') ev.stopPropagation();
 	else router.push(notePage(appearNote.value));

packages/frontend/src/components/MkSubNoteContent.vue

@@ -250,6 +250,10 @@ if (!props.mock) {
 
 if (defaultStore.state.alwaysShowCw) showContent.value = true;
 
+watch(() => viewTextSource.value, () => {
+	collapsed.value = false;
+});
+
 function renote() {
 	pleaseLogin(undefined, pleaseLoginContext.value);
 	showMovedDialog();