Merge pull request #27 from delowardev/fix/group-names

Fix: Unable to change group names.

Author: delowardev

CHANGELOG.md

@@ -1,3 +1,7 @@
+v1.1.3 (16/06/22)
+
+- Fix: Unable to change group names #25
+
 v1.1.0 (24/04/22)
 
 - Fix: Missing emoji on Mac. See: #20

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue3-emoji-picker",
-  "version": "1.1.1",
+  "version": "1.1.3",
   "license": "MIT",
   "author": "delowardev",
   "repository": {

src/components/Body.vue

@@ -9,7 +9,7 @@
           class="v3-group"
         >
           <h5 v-if="hasGroupNames" :class="isSticky ? `v3-sticky` : ``">
-            {{ GROUP_NAMES[key] }}
+            {{ groupNames[key] }}
           </h5>
           <div class="v3-emojis">
             <button
@@ -79,7 +79,7 @@ export default defineComponent({
     const _this = getCurrentInstance()
     const hasGroupNames = computed(() => !state.options.hideGroupNames)
     const isSticky = computed(() => !state.options.disableStickyGroupNames)
-    const groupNames = computed(() => state.options.groupNames)
+    const groupNames = state.options.groupNames
 
     const platform = isMac() ? 'is-mac' : ''
 
@@ -125,8 +125,8 @@ export default defineComponent({
       EMOJI_NAME_KEY,
       hasGroupNames,
       isSticky,
-      groupNames,
       platform,
+      groupNames,
     }
   },
 })

src/store/index.ts

@@ -11,6 +11,7 @@ const defaultOptions: Record<string, any> = {
   hideGroupNames: false,
   staticTexts: {},
   disabledGroups: [],
+  groupNames: {},
 }
 
 export default function Store(): Store {