diff --git a/composables/tiptap/suggestion.ts b/composables/tiptap/suggestion.ts index 0add4f01..e9c6b035 100644 --- a/composables/tiptap/suggestion.ts +++ b/composables/tiptap/suggestion.ts @@ -62,13 +62,15 @@ export const TiptapEmojiSuggestion: Partial = { if (currentCustomEmojis.value.emojis.length === 0) await updateCustomEmojis() - const emojis = await import('@emoji-mart/data') - .then(r => r.default as EmojiMartData) - .then(data => Object.values(data.emojis).filter(({ id }) => id.startsWith(query))) + const lowerCaseQuery = query.toLowerCase() + + const { data } = await useAsyncData('emoji-data', () => import('@emoji-mart/data').then(r => r.default as EmojiMartData)) + const emojis: Emoji[] = Object.values(data.value?.emojis || []).filter(({ id }) => id.toLowerCase().startsWith(lowerCaseQuery)) const customEmojis: CustomEmoji[] = currentCustomEmojis.value.emojis - .filter(emoji => emoji.shortcode.startsWith(query)) + .filter(emoji => emoji.shortcode.toLowerCase().startsWith(lowerCaseQuery)) .map(emoji => ({ ...emoji, custom: true })) + return [...emojis, ...customEmojis] }, command: ({ editor, props, range }) => {