From 0b59236ec44c313a8058c5aea1a12d834ebaa6a3 Mon Sep 17 00:00:00 2001
From: meronmks <meronmks.8914@gmail.com>
Date: Tue, 24 Oct 2023 12:53:54 +0900
Subject: [PATCH] =?UTF-8?q?=E3=82=A8=E3=83=95=E3=82=A7=E3=82=AF=E3=83=88?=
 =?UTF-8?q?=E3=81=8C=E5=A3=8A=E3=82=8C=E3=81=A6=E5=87=BA=E3=81=AA=E3=81=84?=
 =?UTF-8?q?=E3=81=AE=E3=82=92=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/frontend/src/components/MkEmojiPicker.section.vue | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/packages/frontend/src/components/MkEmojiPicker.section.vue b/packages/frontend/src/components/MkEmojiPicker.section.vue
index abf85660c9..04eb88a8ad 100644
--- a/packages/frontend/src/components/MkEmojiPicker.section.vue
+++ b/packages/frontend/src/components/MkEmojiPicker.section.vue
@@ -43,7 +43,6 @@ SPDX-License-Identifier: AGPL-3.0-only
     </button>
   </div>
   <div v-if="shown" style="padding-left: 18px;">
-    <!-- TODO: 再帰へのイベントの渡し方が微妙なのか反応はするがエフェクトが出ない -->
     <MkEmojiPickerSection
         v-for="child in customEmojiTree"
         :key="`custom:${child.value}`"
@@ -51,7 +50,7 @@ SPDX-License-Identifier: AGPL-3.0-only
         :emojis="computed(() => customEmojis.filter(e => e.category === child.category).map(e => `:${e.name}:`))"
         :isChildrenExits="child.children.length!==0"
         :customEmojiTree="child.children"
-        @chosen="emit('chosen', $event, $event)"
+        @chosen="nestedChosen"
     >
       {{ child.value }}
     </MkEmojiPickerSection>
@@ -87,4 +86,8 @@ function computeButtonTitle(ev: MouseEvent): void {
 	const emoji = elm.dataset.emoji as string;
 	elm.title = getEmojiName(emoji) ?? emoji;
 }
+
+function nestedChosen(emoji: any, ev?: MouseEvent) {
+	emit('chosen', emoji, ev);
+}
 </script>