vue-emoji-party

Vue emoji directive with party.js

demo

Installation

You can install the latest version via npm.

npm i vue-emoji-party
# or
yarn add vue-emoji-party

Setup

Basic

import Vue from 'vue'
import App from './App.vue'
import VueEmojiParty from 'vue-emoji-party'

Vue.use(VueEmojiParty)

new Vue({
  render: h => h(App)
}).$mount('#app')

With party.js settings

import Vue from 'vue'
import App from './App.vue'
import VueEmojiParty from 'vue-emoji-party'

// See: https://party.js.org/docs/configuration
Vue.use(VueEmojiParty, { party: { debug: true } })

new Vue({
  render: h => h(App)
}).$mount('#app')

Usage

Basic (random)

<button v-emoji-party>emoji party</button>

With specified emoji

<button v-emoji-party:emoji="'tada'">emoji party</button>

With full options

<button
  v-emoji-party="{
    random: false,
    emoji: ['tada', 'sushi'],
    count: { min: 10, max: 200 },
    click: true,
    mouseover: false,
  }"
>
  emoji party
</button>