FullCalendar Vue 3 Component

The official Vue 3 component for FullCalendar

Installation

Install the Vue 3 connector, the core package, and any plugins (like daygrid):

npm install @fullcalendar/vue3 @fullcalendar/core @fullcalendar/daygrid

Usage

Render a FullCalendar component, supplying an options object:

<template>
  <h1>Demo App</h1>
  <FullCalendar :opti />
</template>

You can even supply named-slot templates:

<template>
  <h1>Demo App</h1>
  <FullCalendar :opti>
    <template v-slot:eventC>
      <b>{{ arg.timeText }}</b>
      <i>{{ arg.event.title }}</i>
    </template>
  </FullCalendar>
</template>

Links

• Documentation
• Example Project

Development

You must install this repo with PNPM:

pnpm install

Available scripts (via pnpm run <script>):

• build - build production-ready dist files
• dev - build & watch development dist files
• test - test headlessly
• test:dev - test interactively
• clean