Cannot target calendar api with several instances

[Msalv-Pentila]

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

[acerix]

Please refer to the support page and use Stack Overflow for help. If this is a bug, please supply a runnable, stripped-down demonstration.

[Msalv-Pentila]

Please refer to the support page and use Stack Overflow for help. If this is a bug, please supply a runnable, stripped-down demonstration.

I've updated the content with a demonstration. Can you check it, please?

[acerix]

Thanks for the demo, it seems like a bug in the Vue component.

[swznd]

any update ?

[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

[oliverpaulsen]

Hi, I have the same issue, does anyone have an idea what causes it? I'm happy to make a PR if someone can point me in the right direction. Thanks

[arshaw]

This is now fixed in v5.11.1. Updated repro

[hongquan]

Hi @arshaw , this fix causes another bug in type inference. Please see my comment in https://github.com/fullcalendar/fullcalendar-vue/commit/49a5a997ea6b7c9d24071b9373fc15a7627165de#r73461685