Use method to get emoji titles.

mross-ua · Nov 23, 2023 · aa63d1d · aa63d1d
1 parent 7772d27
commit aa63d1d
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 8 deletions.
diff --git a/components/scoreboard/ScoreboardEmojiButton.vue b/components/scoreboard/ScoreboardEmojiButton.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { emojiTitles } from '~~/data/emoji';
+import { getEmojiTitle } from '~~/data/emoji';
 
 const props = defineProps<{
     id: string
@@ -9,7 +9,7 @@ const emit = defineEmits<{
   (e: "emote", payload: string): void;
 }>();
 
-const emojiTitle = computed(() => emojiTitles[props.id]);
+const emojiTitle = computed(() => getEmojiTitle(props.id));
 </script>
 
 <template>

diff --git a/data/emoji.ts b/data/emoji.ts
@@ -1,5 +1,3 @@
-const titularizeRegex = new RegExp(/[_-]/g);
-
 export const emojis = [
     'angry_face',
     'angry_face_with_horns',
@@ -124,8 +122,14 @@ export const emojis = [
     'softball',
 ];
 
-export const emojiTitles: any = {};
+const titularizeRegex = new RegExp(/[_-]/g);
+
+const emojiTitles = emojis.reduce<Record<string, string>>((accumulator, currentValue) => {
+    accumulator[currentValue] = currentValue.replace(titularizeRegex, ' ');
+
+    return accumulator;
+}, { });
 
-emojis.forEach(emoji => {
-    emojiTitles[emoji] = emoji.replace(titularizeRegex, ' ');
-});
+export function getEmojiTitle(emojiName: string): string {
+    return emojiTitles[emojiName];
+}