Vue3

[fred-snapstream]

trafficstars

This is the best emoji picker I have found for Vue.. but unfortunately I use Vue3. Plans to migrate it?

[DCzajkowski]

Hello, @fred-snapstream! I moved from using Vue to React, so I will be not writing any new features for this project anymore. However, I will gladly accept a PR.

[hedgehed]

It works for me in Vue3

import EmojiPickerComponent from 'vue-emoji-picker/src/Components/EmojiPicker.vue';

export default {
    components: {
        EmojiPickerComponent,
    },
.........
        <EmojiPickerComponent :search="search" @emoji="insert">
            <template #emoji-invoker="{ events: { click: clickEvent } }">
                <button type="button" @click.stop="clickEvent">open</button>
            </template>
            <template #emoji-picker="{ emojis }">
                <div>
                    <div>
                        <input v-model="search" type="text">
                    </div>
                    <div>
                        <div v-for="(emojiGroup, category) in emojis" :key="category">
                            <h5>{{ category }}</h5>
                            <div>
                                <span
                                    v-for="(emoji, emojiName) in emojiGroup"
                                    :key="emojiName"
                                    :title="emojiName"
                                    @click="insert(emoji)"
                                >{{ emoji }}</span>
                            </div>
                        </div>
                    </div>
                </div>
            </template>
        </EmojiPickerComponent>

[DCzajkowski]

Closing, since it seems to work.