fix(suggestion): allow case-insensitive emoji suggestion (#2565)

elk-zone · Feb 19, 2024 · bf0c562 · bf0c562
1 parent 54fe0c1
commit bf0c562
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/composables/tiptap/suggestion.ts b/composables/tiptap/suggestion.ts
@@ -62,13 +62,15 @@ export const TiptapEmojiSuggestion: Partial<SuggestionOptions> = {
     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<EmojiMartData>('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 }) => {