refactor(suggestion): cache emojimart data import

elk-zone · Jan 21, 2024 · c6c8004 · c6c8004
1 parent f9d8ed0
commit c6c8004
Showing 1 changed file with 2 additions and 3 deletions.
diff --git a/composables/tiptap/suggestion.ts b/composables/tiptap/suggestion.ts
@@ -64,9 +64,8 @@ export const TiptapEmojiSuggestion: Partial<SuggestionOptions> = {
 
     const lowerCaseQuery = query.toLowerCase()
 
-    const emojis = await import('@emoji-mart/data')
-      .then(r => r.default as EmojiMartData)
-      .then(data => Object.values(data.emojis).filter(({ id }) => id.toLowerCase().startsWith(lowerCaseQuery)))
+    const { data } = await useAsyncData<EmojiMartData>('emoji-data', () => import('@emoji-mart/data').then(r => r.default))
+    const emojis: Emoji[] = Object.values(data.value.emojis).filter(({ id }) => id.toLowerCase().startsWith(lowerCaseQuery))
 
     const customEmojis: CustomEmoji[] = currentCustomEmojis.value.emojis
       .filter(emoji => emoji.shortcode.toLowerCase().startsWith(lowerCaseQuery))