delowardev / vue3-emoji-picker

Simple and Powerful Emoji Picker for Vue3
https://codesandbox.io/p/github/delowardev/vue3-emoji-picker/main?file=%2FREADME.md
MIT License
171 stars 34 forks source link

Added support for customising 'recent' group icon #74

Open fearistoff opened 1 month ago

fearistoff commented 1 month ago

Context

Adding customising options for 'recent' group icon.

Summary

Because decomposing state.options.groupIcons is placed before recent field, component prop group-icons have no access to change Recent group icon.

Relevant Technical Choices

By switching those lines it now available to change.

User-facing changes

In both screenshots to component's code:

<picker :native="false" :display-recent="true" @select="onSelect" :group-icons="{ recent: 'https://www.svgrepo.com/show/172818/star-outline.svg'}" />
Before After
image image

Checklist

codesandbox[bot] commented 1 month ago

Review or Edit in CodeSandbox

Open the branch in Web EditorVS CodeInsiders
Open Preview