fix(frontend): 노트 헤더의 사용자 이름을 클릭하면 페이지가 중복으로 이동됨

CHANGELOG_CHERRYPICK.md

@@ -33,6 +33,7 @@ Misskey의 전체 변경 사항을 확인하려면, [CHANGELOG.md#2024111](CHANG
 - Fix: 노트 상세 페이지에서 역할 아이콘에 문제가 발생할 수 있음
   - 중복으로 표시될 수 있음
   - 아이콘이 제대로 표시되지 않을 수 있음
+- Fix: 노트 헤더의 사용자 이름을 클릭하면 페이지가 중복으로 이동됨
 
 ### Server
 - Fix: 신고 즉시 해결 기능에서 발생할 수 있는 일부 문제 해결 ([misskey-dev/misskey#11032](https://github.com/misskey-dev/misskey/pull/11032#pullrequestreview-2425669540))

packages/frontend/src/components/MkNoteHeader.vue

@@ -10,7 +10,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 			<div v-if="mock" :class="$style.name">
 				<MkUserName :user="note.user"/>
 			</div>
-			<MkA v-else v-user-preview="note.user.id" :class="$style.name" :to="userPage(note.user)">
+			<MkA v-else v-user-preview="note.user.id" :class="$style.name" :to="userPage(note.user)" noteClick>
 				<MkUserName :user="note.user"/>
 			</MkA>
 			<div v-if="note.user.isBot" :class="$style.isBot">bot</div>

packages/frontend/src/components/global/MkA.vue

@@ -4,7 +4,10 @@ SPDX-License-Identifier: AGPL-3.0-only
 -->
 
 <template>
-<a ref="el" v-vibrate="defaultStore.state.vibrateSystem ? 5 : []" :href="to" :class="active ? activeClass : null" @click.prevent="nav" @contextmenu.prevent.stop="onContextmenu">
+<a v-if="noteClick" ref="el" v-vibrate="defaultStore.state.vibrateSystem ? 5 : []" :href="to" :class="active ? activeClass : null" @click.prevent.stop="nav" @contextmenu.prevent.stop="onContextmenu">
+	<slot></slot>
+</a>
+<a v-else ref="el" v-vibrate="defaultStore.state.vibrateSystem ? 5 : []" :href="to" :class="active ? activeClass : null" @click.prevent="nav" @contextmenu.prevent.stop="onContextmenu">
 	<slot></slot>
 </a>
 </template>
@@ -26,9 +29,11 @@ const props = withDefaults(defineProps<{
 	to: string;
 	activeClass?: null | string;
 	behavior?: MkABehavior;
+	noteClick?: boolean;
 }>(), {
 	activeClass: null,
 	behavior: null,
+	noteClick: false,
 });
 
 const behavior = props.behavior ?? inject<MkABehavior>('linkNavigationBehavior', null);