From 8003d1b7d2db59577271187ba5ab17eca4528d65 Mon Sep 17 00:00:00 2001
From: adzukimame <88547072+adzukimame@users.noreply.github.com>
Date: Sun, 8 Dec 2024 14:17:30 +0900
Subject: [PATCH] =?UTF-8?q?1=E5=9B=9E=E3=81=A0=E3=81=91=E5=AE=9F=E8=A1=8C?=
 =?UTF-8?q?=E3=81=99=E3=82=8C=E3=81=B0=E5=8D=81=E5=88=86=E3=81=AA=E3=82=A4?=
 =?UTF-8?q?=E3=83=99=E3=83=B3=E3=83=88=E3=83=AA=E3=82=B9=E3=83=8A=E3=83=BC?=
 =?UTF-8?q?=E3=81=ABonce=E3=82=92=E6=8C=87=E5=AE=9A=E3=81=99=E3=82=8B=20(#?=
 =?UTF-8?q?358)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/frontend/src/components/MkEmojiPicker.section.vue | 4 ++--
 packages/frontend/src/components/MkEmojiPicker.vue         | 4 ++--
 packages/frontend/src/components/global/MkCustomEmoji.vue  | 4 ++--
 packages/frontend/src/components/global/MkEmoji.vue        | 4 ++--
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/packages/frontend/src/components/MkEmojiPicker.section.vue b/packages/frontend/src/components/MkEmojiPicker.section.vue
index 829515557878..17f7ba197e82 100644
--- a/packages/frontend/src/components/MkEmojiPicker.section.vue
+++ b/packages/frontend/src/components/MkEmojiPicker.section.vue
@@ -17,7 +17,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 			:data-emoji="emoji"
 			class="_button item"
 			:disabled="disabledEmojis?.value.includes(emoji)"
-			@pointerenter="computeButtonTitle"
+			@pointerenter.once="computeButtonTitle"
 			@click="emit('chosen', emoji, $event)"
 		>
 			<MkCustomEmoji v-if="emoji[0] === ':'" class="emoji" :name="emoji" :normal="true" :fallbackToImage="true" :forceShowingAnimatedImages="defaultStore.reactiveState.forceShowingAnimatedImagesOnPopup.value"/>
@@ -50,7 +50,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 			:data-emoji="emoji"
 			class="_button item"
 			:disabled="disabledEmojis?.value.includes(emoji)"
-			@pointerenter="computeButtonTitle"
+			@pointerenter.once="computeButtonTitle"
 			@click="emit('chosen', emoji, $event)"
 		>
 			<MkCustomEmoji v-if="emoji[0] === ':'" class="emoji" :name="emoji" :normal="true" :forceShowingAnimatedImages="defaultStore.reactiveState.forceShowingAnimatedImagesOnPopup.value"/>
diff --git a/packages/frontend/src/components/MkEmojiPicker.vue b/packages/frontend/src/components/MkEmojiPicker.vue
index f09e810ac455..734f99888875 100644
--- a/packages/frontend/src/components/MkEmojiPicker.vue
+++ b/packages/frontend/src/components/MkEmojiPicker.vue
@@ -66,7 +66,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 						class="_button item"
 						:disabled="!canReact(emoji)"
 						tabindex="0"
-						@pointerenter="computeButtonTitle"
+						@pointerenter.once="computeButtonTitle"
 						@click="chosen(emoji, $event)"
 					>
 						<MkCustomEmoji v-if="!emoji.hasOwnProperty('char')" class="emoji" :name="getKey(emoji)" :normal="true" :forceShowingAnimatedImages="defaultStore.reactiveState.forceShowingAnimatedImagesOnPopup.value"/>
@@ -84,7 +84,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 						class="_button item"
 						:disabled="!canReact(emoji)"
 						:data-emoji="getKey(emoji)"
-						@pointerenter="computeButtonTitle"
+						@pointerenter.once="computeButtonTitle"
 						@click="chosen(emoji, $event)"
 					>
 						<MkCustomEmoji v-if="!emoji.hasOwnProperty('char')" class="emoji" :name="getKey(emoji)" :normal="true" :forceShowingAnimatedImages="defaultStore.reactiveState.forceShowingAnimatedImagesOnPopup.value"/>
diff --git a/packages/frontend/src/components/global/MkCustomEmoji.vue b/packages/frontend/src/components/global/MkCustomEmoji.vue
index 75df489d218e..ee64c8e8b5a4 100644
--- a/packages/frontend/src/components/global/MkCustomEmoji.vue
+++ b/packages/frontend/src/components/global/MkCustomEmoji.vue
@@ -18,8 +18,8 @@ SPDX-License-Identifier: AGPL-3.0-only
 	:alt="alt"
 	:title="alt"
 	decoding="async"
-	@error="errored = true"
-	@load="errored = false"
+	@error.once="errored = true"
+	@load.once="errored = false"
 	@click="onClick"
 />
 </template>
diff --git a/packages/frontend/src/components/global/MkEmoji.vue b/packages/frontend/src/components/global/MkEmoji.vue
index e3e5c302bc8c..e4a0b8ce8698 100644
--- a/packages/frontend/src/components/global/MkEmoji.vue
+++ b/packages/frontend/src/components/global/MkEmoji.vue
@@ -4,8 +4,8 @@ SPDX-License-Identifier: AGPL-3.0-only
 -->
 
 <template>
-<img v-if="!useOsNativeEmojis" :class="$style.root" :src="url" :alt="props.emoji" decoding="async" @pointerenter="computeTitle" @click="onClick"/>
-<span v-else :alt="props.emoji" @pointerenter="computeTitle" @click="onClick">{{ colorizedNativeEmoji }}</span>
+<img v-if="!useOsNativeEmojis" :class="$style.root" :src="url" :alt="props.emoji" decoding="async" @pointerenter.once="computeTitle" @click="onClick"/>
+<span v-else :alt="props.emoji" @pointerenter.once="computeTitle" @click="onClick">{{ colorizedNativeEmoji }}</span>
 </template>
 
 <script lang="ts" setup>