jm-david / emoji-mart-vue

One component to pick them all 👊🏼
https://jm-david.github.io/emoji-mart-vue
BSD 3-Clause "New" or "Revised" License
603 stars 82 forks source link

Issue with NimblePicker example #59

Open vedmant opened 5 years ago

vedmant commented 5 years ago

I tried to use NimblePicker component and have following error:

[Vue warn]: Error in created hook: "TypeError: this.mutableData is undefined" found in ---> at src/components/picker/nimblePicker.vue

Here is parts of my code:

<template>
  <div>
    <nimble-picker v-show="pickerOpened" :data="data" title="Pick your emoji..." emoji="point_up" set="messenger" @select="addEmoji" />
    ...
  </div>
</template>

import data from 'emoji-mart-vue/data/messenger.json'
import {NimblePicker} from 'emoji-mart-vue'

...
  data () {
    return {
      data: data,
      text: '',
      pickerOpened: false,
    }
  },
...

With vue devtools I can see that data is passed to NimblePicker correctly, but mutableData is undefined for some reason: https://screencast.com/t/eeODT2ktb3O https://screencast.com/t/ZfkU6kH9w