Event Slot not always displayed in schedule in vue3 wrapper

Question

Hi,

When we use a slot to customise the appearance of the event, it seems to work correctly. However, when we scroll back, the appearance of the event reappears as if the slot did not exist.

Component:

<DayPilotScheduler
     ref="schedulerRef"
     :config="scheduleConfig"
 >
    <template #event="{ event }">
       <div class="event-body">
           Template: {{ event.data.id }}
       </div>
    </template>
</DayPilotScheduler>

 const scheduleConfig = reactive({
    locale: "es-es",
    timeHeaders: [
        { groupBy: "Day", format: "dddd, d MMMM yyyy" },
        { groupBy: "Hour" },
        { groupBy: "Cell", format: "mm" },
    ],
    scale: "CellDuration",
    cellDuration: 15,
    days: 20,
    eventHeight: 70,
    cellWidth: 60,
    startDate: DayPilot.Date.today(),
    timeRangeSelectedHandling: "Disabled",
    eventMoveHandling: "Disabled",
    eventResizeHandling: "Disabled",
    eventDeleteHandling: "Disabled",
    eventRightClickHandling: "ContextMenu",
    contextMenu: new DayPilot.Menu({
        items: [
            {
                text: "Delete",
                onClick: (args) => {
                    const dp = args.source.calendar;
                    dp.events.remove(args.source);
                },
            },
        ],
    }),
    onEventClick: (args) => {
        console.log("Event clicked", args.e);
    },
});

Regards