Cannot target calendar api with several instances

Hi,

I tried to add 3 different calendars to play a swipe animation but encountered an issue. When I have multiple Fullcalendar instances I can only get the last calendar API.

Given the next three instances :

<FullCalendar
  ref="previous"
  class="calendar"
  :options="calendarOptions"
/>

<FullCalendar
  ref="current"
  class="calendar"
  :options="calendarOptions1"
/>

<FullCalendar
  ref="next"
  class="calendar"
  :options="calendarOptions2"
/>

The next three lines will return the same api (the one for the ‘next’ instance).

const calendar1 = this.$refs.previous.getApi();
const calendar2 = this.$refs.current.getApi();
const calendar3 = this.$refs.next.getApi();

The bug only appears with fullcalendar/vue3 (not vue2 version) Sand box : https://codesandbox.io/s/fullcalendar-vue3-multiple-instances-forked-1ss6e?file=/src/components/Calendar.vue

[arshaw]

This is now fixed in v5.11.1. Updated repro

[rmorenohernandez]

Hi,

is there any fix for this issue? Currently, it is not possible to get the correct fullcalendar instance through getApi() method when using Vue3 and there are multiple instances of FullCalendar components.

Thanks in advance