enhance(client): ノート/ユーザー検索ページでEnterキーを押すと検索するように

CHANGELOG_CHERRYPICK.md

@@ -33,6 +33,7 @@
 - 미디어 타임라인 추가 ([misskey.design c01be0d](https://github.com/kiyo4act/misskey.design/commit/c01be0dc7674cdf0bcac6081c63baab52c4c9abe))
 - ruby 표기 지원 ([misskey.design 8826fbf](https://github.com/kiyo4act/misskey.design/commit/8826fbf77a9d6ff5cac7368da999f3d04aa68c97))
 - 노트 검색을 전체/로컬/리모트로 나누도록 변경 ([misskey.design 4adad07](https://github.com/kiyo4act/misskey.design/commit/4adad0768ce02bd49207a94678cf3c9130ed9e10))
+- 노트/유저 검색 페이지에서 Enter 키를 누르면 검색하도록
 
 ### Client
 - 모바일에서 UI 흐림 효과를 껐을 때 가독성 향상

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

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

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

@@ -1,7 +1,7 @@
 <template>
 <div class="_gaps">
 	<div class="_gaps">
-		<MkInput v-model="searchQuery" :large="true" :autofocus="true" type="search">
+		<MkInput v-model="searchQuery" :large="true" :autofocus="true" type="search" @keydown="onInputKeydown">
 			<template #prefix><i class="ti ti-search"></i></template>
 		</MkInput>
 		<MkRadios v-model="searchOrigin" @update:modelValue="search()">
@@ -74,4 +74,10 @@ async function search() {
 
 	key = query;
 }
+
+function onInputKeydown(evt: KeyboardEvent) {
+	if (evt.key === 'Enter') {
+		search();
+	}
+}
 </script>