.vuecal__event(
:class="eventClasses",
:style="eventStyles",
:eventId="`event-id-${event.id}`",
tabindex="0",
@focus="focusEvent",
@keypress.enter.stop="onEnterKeypress",
@mouseenter="onMouseEnter",
@mouseleave="onMouseLeave",
@touchstart.stop="onTouchStart",
@mousedown="onMouseDown($event) /* Don't stop mousedown propagation. See in onMouseDown(). */",
@mouseup="onMouseUp",
@touchend="onMouseUp",
@touchmove="onTouchMove",
@dblclick="onDblClick",
:draggable="draggable",
@dragstart="draggable && onDragStart($event)",
@dragend="draggable && onDragEnd()"
)
.vuecal__event-delete(
v-if="vuecal.editEvents.delete && event.deletable",
@click.stop="deleteEvent",
@touchstart.stop="touchDeleteEvent"
) {{ vuecal.texts.deleteEvent }}
slot(name="event", :event="event", :view="view.id")
//- Force contenteditable="false" for new events without content.
.vuecal__event-resize-handle(
v-if="resizable",
contenteditable="false",
@mousedown.stop.prevent="onResizeHandleMouseDown",
@touchstart.stop.prevent="onResizeHandleMouseDown"
)