6.1.11 • Published 3 months ago
@fullcalendar/vue3 v6.1.11
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:
<script>
import FullCalendar from '@fullcalendar/vue3'
import dayGridPlugin from '@fullcalendar/daygrid'
export default {
components: {
FullCalendar // make the <FullCalendar> tag available
},
data: function() {
return {
calendarOptions: {
plugins: [dayGridPlugin],
initialView: 'dayGridMonth',
weekends: false,
events: [
{ title: 'Meeting', start: new Date() }
]
}
}
}
}
</script>
<template>
<h1>Demo App</h1>
<FullCalendar :options='calendarOptions' />
</template>
You can even supply named-slot templates:
<template>
<h1>Demo App</h1>
<FullCalendar :options='calendarOptions'>
<template v-slot:eventContent='arg'>
<b>{{ arg.timeText }}</b>
<i>{{ arg.event.title }}</i>
</template>
</FullCalendar>
</template>
Links
Development
You must install this repo with PNPM:
pnpm install
Available scripts (via pnpm run <script>
):
build
- build production-ready dist filesdev
- build & watch development dist filestest
- test headlesslytest:dev
- test interactivelyclean
6.1.11
3 months ago
6.1.10
5 months ago
6.1.9
8 months ago
5.11.5
1 year ago
6.1.6
1 year ago
6.1.8
12 months ago
6.1.7
1 year ago
6.1.5
1 year ago
6.1.0
1 year ago
6.1.2
1 year ago
6.1.1
1 year ago
6.1.4
1 year ago
6.1.3
1 year ago
5.11.4
1 year ago
6.0.0-beta.3
1 year ago
6.0.0-beta.4
1 year ago
6.0.1
1 year ago
6.0.0
1 year ago
6.0.0-beta.2
1 year ago
6.0.3
1 year ago
6.0.2
1 year ago
5.11.3
1 year ago
5.11.2
2 years ago
6.0.0-beta.1
2 years ago
5.11.1
2 years ago
5.11.0
2 years ago
5.10.1
3 years ago
5.10.0
3 years ago
5.9.0
3 years ago
5.8.0
3 years ago
5.7.2
3 years ago
5.7.1
3 years ago