fix(frontend): 일부 검색 페이지에서 Enter 키를 눌러 검색할 수 없음

CHANGELOG_CHERRYPICK.md

@@ -75,6 +75,7 @@ Misskey의 전체 변경 사항을 확인하려면, [CHANGELOG.md#2023xx](CHANGE
 - Fix: 다이렉트 노트를 리노트 할 수 있음
 - Fix: 이모지를 변경할 때 이모지가 ❤️로 고정될 수 있음
 - Fix: 일부 환경에서 특정 영역에 스크롤 바가 표시될 수 있음
+- Fix: 일부 검색 페이지에서 Enter 키를 눌러 검색할 수 없음
 
 ### Server
 - Enhance: (dev) 개발 모드에서 locale 및 유형 정의가 자동으로 재생성됨 (misskey-dev/misskey#12481)

packages/frontend/src/pages/channel.vue

@@ -46,7 +46,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 		<div v-else-if="tab === 'search'">
 			<div class="_gaps">
 				<div>
-					<MkInput v-model="searchQuery">
+					<MkInput v-model="searchQuery" @keydown.enter="search">
 						<template #prefix><i class="ti ti-search"></i></template>
 					</MkInput>
 					<MkButton primary rounded style="margin-top: 8px;" @click="search()">{{ i18n.ts.search }}</MkButton>

packages/frontend/src/pages/channels.vue

@@ -11,7 +11,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 	<MkSpacer :contentMax="700">
 		<div v-if="tab === 'search'">
 			<div class="_gaps">
-				<MkInput v-model="searchQuery" :large="true" autofocus type="search">
+				<MkInput v-model="searchQuery" :large="true" autofocus type="search" @keydown.enter="search">
 					<template #prefix><i class="ti ti-search"></i></template>
 				</MkInput>
 				<MkRadios v-model="searchType" @update:modelValue="search()">

packages/frontend/src/pages/search.event.vue

@@ -6,7 +6,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 <template>
 <div class="_gaps">
 	<div class="_gaps">
-		<MkInput v-model="searchQuery" :large="true" autofocus type="search" @keydown="onInputKeydown">
+		<MkInput v-model="searchQuery" :large="true" autofocus type="search" @keydown.enter="search">
 			<template #prefix><i class="ti ti-search"></i></template>
 		</MkInput>
 		<MkRadios v-model="searchOrigin" @update:modelValue="search()">
@@ -74,20 +74,14 @@ async function search(): Promise<void> {
 		limit: 10,
 		offsetMode: true,
 		params: {
-			query: !searchQuery.value ? undefined : searchQuery,
+			query: !searchQuery.value ? undefined : searchQuery.value,
-			sortBy: eventSort,
+			sortBy: eventSort.value,
-			sinceDate: startDate.value ? (new Date(startDate)).getTime() : undefined,
+			sinceDate: startDate.value ? (new Date(startDate.value)).getTime() : undefined,
-			untilDate: endDate.value ? (new Date(endDate)).getTime() + 1000 * 3600 * 24 : undefined,
+			untilDate: endDate.value ? (new Date(endDate.value)).getTime() + 1000 * 3600 * 24 : undefined,
-			origin: searchOrigin,
+			origin: searchOrigin.value,
 		},
 	};
 
 	key.value++;
 }
-
-function onInputKeydown(evt: KeyboardEvent) {
-	if (evt.key === 'Enter') {
-		search();
-	}
-}
 </script>

packages/frontend/src/pages/search.note.vue

@@ -6,7 +6,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 <template>
 <div class="_gaps">
 	<div class="_gaps">
-		<MkInput v-model="searchQuery" :large="true" autofocus type="search" @keydown="onInputKeydown">
+		<MkInput v-model="searchQuery" :large="true" autofocus type="search" @keydown.enter="search">
 			<template #prefix><i class="ti ti-search"></i></template>
 		</MkInput>
 		<MkRadios v-model="searchOrigin" @update:modelValue="search()">
@@ -110,10 +110,4 @@ async function search() {
 
 	key.value++;
 }
-
-function onInputKeydown(evt: KeyboardEvent) {
-	if (evt.key === 'Enter') {
-		search();
-	}
-}
 </script>

packages/frontend/src/pages/search.user.vue

@@ -6,7 +6,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 <template>
 <div class="_gaps">
 	<div class="_gaps">
-		<MkInput v-model="searchQuery" :large="true" autofocus type="search" @keydown="onInputKeydown">
+		<MkInput v-model="searchQuery" :large="true" autofocus type="search" @keydown.enter="search">
 			<template #prefix><i class="ti ti-search"></i></template>
 		</MkInput>
 		<MkRadios v-model="searchOrigin" @update:modelValue="search()">
@@ -76,10 +76,4 @@ async function search() {
 
 	key.value++;
 }
-
-function onInputKeydown(evt: KeyboardEvent) {
-	if (evt.key === 'Enter') {
-		search();
-	}
-}
 </script>