Vue 3 (beta) support

I installed the fullcalendar library to my Vue 3 project but when I serve the application, I get a warning in my terminal that says ""export ‘default’ (imported as ‘Vue’) was not found in ‘vue’ ".

This crashes the app with the same error when I open the browser. I tried creating the shim.d.ts with the required content but this doesnt still solve the problem.

Here is the vue component script tag.

<script lang="ts">
import { defineComponent } from "vue";
import FullCalendar from "@fullcalendar/vue";
import dayGridPlugin from "@fullcalendar/daygrid";
import interactionPlugin from "@fullcalendar/interaction";

const Calendars = defineComponent({
  components: {
    FullCalendar
  },
  setup() {
    const calendarOptions = {
      plugins: [ dayGridPlugin, interactionPlugin ],
      initialView: "dayGridMonth"
    }

    return { calendarOptions }
  }
});

export default Calendars;
</script>

Is there any workaround for this or is this library not supported with Vue 3?

[pikax]

I have this simple component to make fullcalendar work on vue3 + vite

// needed to make sure the `vdom` loads before everything else - fix for vite
import "@fullcalendar/core/vdom";
import { Calendar, CalendarOptions } from "@fullcalendar/core";
import {
  defineComponent,
  h,
  onMounted,
  onUnmounted,
  ref,
  watchEffect,
} from "vue";

export default defineComponent({
  props: {
    options: Object as () => CalendarOptions,
  },

  setup(props) {
    const el = ref<HTMLElement>();

    const calendar = ref<Calendar>();

    onMounted(() => {
      calendar.value = new Calendar(el.value!, props.options);
      calendar.value.render();
    });

    watchEffect(() => {
      if (calendar.value) {
        calendar.value.pauseRendering();
        calendar.value.resetOptions(props.options);
        calendar.value.resumeRendering();
      }
    });

    onUnmounted(() => {
      calendar.value?.destroy();
    });

    return () => h("div", { ref: el });
  },
});

[arshaw]

a PR with Vue v3 support would be very welcome!