From c2d0c42dbb8c1b20147f632a2606a778d4b040a1 Mon Sep 17 00:00:00 2001
From: AkiraFukushima <h3.poteto@gmail.com>
Date: Tue, 3 May 2022 18:13:57 +0900
Subject: [PATCH] refs #3300 Handle shortcut keys in AddListMember

---
 .../components/TimelineSpace/Modals/AddListMember.vue       | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/renderer/components/TimelineSpace/Modals/AddListMember.vue b/src/renderer/components/TimelineSpace/Modals/AddListMember.vue
index 1e7e7c73..ed99168f 100644
--- a/src/renderer/components/TimelineSpace/Modals/AddListMember.vue
+++ b/src/renderer/components/TimelineSpace/Modals/AddListMember.vue
@@ -38,6 +38,7 @@ import { defineComponent, computed, ref } from 'vue'
 import { Entity } from 'megalodon'
 import { ElMessage } from 'element-plus'
 import { useI18next } from 'vue3-i18next'
+import { useMagicKeys, whenever } from '@vueuse/core'
 import { useStore } from '@/store'
 import { ACTION_TYPES } from '@/store/TimelineSpace/Modals/AddListMember'
 import { ACTION_TYPES as LIST_ACTION_TYPES } from '@/store/TimelineSpace/Contents/Lists/Edit'
@@ -48,6 +49,7 @@ export default defineComponent({
     const space = 'TimelineSpace/Modals/AddListMember'
     const store = useStore()
     const i18n = useI18next()
+    const { enter } = useMagicKeys()
 
     const name = ref<string>('')
 
@@ -59,6 +61,10 @@ export default defineComponent({
       set: (value: boolean) => store.dispatch(`${space}/${ACTION_TYPES.CHANGE_MODAL}`, value)
     })
 
+    whenever(enter, () => {
+      search()
+    })
+
     const username = (account: Entity.Account): string => {
       if (account.display_name !== '') {
         return account.display_name