TypeError: Cannot read property 'canvasId' of undefined

Hi,

I’m currently experiencing an issue with use your custom component.

Currently, I’m using the example you provided in your README. For some reason, I’m constantly facing this issue when testing on Google Chrome:

vue.esm.js?efeb:628 
[Vue warn]: Error in v-on handler: 
"TypeError: Cannot read property 'canvasId' of undefined"

Currently, my code looks like this in one of my components:

<template>
<main>
    <div class="home">
        <img src="../assets/avataaars.svg">
        <h1>Hello, I'm {{ name }}!</h1>
        <h3>Student. Developer. Artist.</h3>
        <button @click='start'>Throw Confetti!</button>
        <button @click='stop'>No More Confetti</button>
    </div>
  </main>
</template>

<script>
import Vue from 'vue';
import VueConfetti from 'vue-confetti';

Vue.use(VueConfetti);

export default {
  name: 'Home',
  data() {
    return {
      name: 'Mark Babatunde',
    };
  },
  methods: {
    start() {
      this.$confetti.start();
    },
    stop() {
      this.$confetti.stop();
    },
  },
};
</script>

If you have suggestions on figuring out this issue, I would greatly appreciate it.

[alexandermendes]

Ah, I suspect it might work with this.$confetti.start({});, but this should be fixed, thanks for pointing it out.

[alexandermendes]

Have just pushed up a fix for the original confetti.start issue. Closing this as the subsequent issue seemed to be something else. Feel free to reopen if it’s still an issue.