When using the Composition API in Vue, you can use the calendar component like this:
<template>
<DayPilotCalendar id="dp" :config="config" />
</template>
<script>
import {DayPilotCalendar} from '@daypilot/daypilot-lite-vue'
export default {
name: 'WeeklyCalendar',
props: {
},
components: {
DayPilotCalendar
},
setup() {
const config = {
viewType: "Week"
};
return {
config
};
}
}
</script>
A complete tutorial with a sample project is coming soon.