title: Click event on fullcalendar.js plugin not working
body: <p>I am trying to display a calendar in VueJS. I need the following things :</p>
  
  <ul>
  <li>Month view</li>
  <li>Week view</li>
  <li>Day view when I click on a cell</li>
  <li>To display data in each cell of my calendar</li>
  </ul>
  
  <p>I can't use Vuetify plugin because I am already using Bootstrap, that's why I am using fullcalendar.js plugin (<a href="https://fullcalendar.io/docs/vue" rel="nofollow noreferrer">https://fullcalendar.io/docs/vue</a>).</p>
  
  <p>However, it doesn't seem the API behind the component is working properly,</p>
  
  <pre><code>&lt;template&gt;
  &lt;div&gt;
      &lt;FullCalendar :plugins="calendarPlugins"
                    :weekends="false"
                    @dateClick="handleDateClick"
      /&gt;
  &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
      import FullCalendar from '@fullcalendar/vue'
      import dayGridPlugin from '@fullcalendar/daygrid'
  
      export default {
          name: "Calendar",
  
          components: {
              FullCalendar // make the &lt;FullCalendar&gt; tag available
          },
  
          data() {
              return {
                  calendarPlugins: [ dayGridPlugin ]
              }
          },
          methods: {
              handleDateClick(arg) {
                  alert(arg.date)
              }
          }
      }
  &lt;/script&gt;
  
  &lt;style lang='scss' scoped&gt;
      @import '~@fullcalendar/core/main.css';
      @import '~@fullcalendar/daygrid/main.css';
  &lt;/style&gt;
  </code></pre>
  
  <p>When I click on a date no event if fired, and I don't have any error that appears in the console.. What I am doing wrong here ? </p>
  
  <p>Thanks for your help !</p>
  
  <p><a href="https://i.stack.imgur.com/QCVxS.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/QCVxS.png" alt="enter image description here"></a></p>