如何将信息添加到vuetify虚拟日历中的活动？

import { VCalendar, VDatePicker } from 'vuetify/lib'

export default {
  components: {
    VCalendar,
    VDatePicker
  },
  // 其他组件选项和逻辑
}

data() {
  return {
    events: [
      {
        title: '会议',
        start: new Date('2022-01-01T10:00:00'),
        end: new Date('2022-01-01T12:00:00'),
        color: 'blue'
      },
      {
        title: '休假',
        start: new Date('2022-01-05T09:00:00'),
        end: new Date('2022-01-07T18:00:00'),
        color: 'green'
      },
      // 其他活动...
    ]
  }
}

<template>
  <v-calendar :events="events">
    <template #popover="{ event }">
      <div>{{ event.title }}</div>
      <div>{{ event.start }} - {{ event.end }}</div>
    </template>
    <template #day-body="{ date }">
      <v-date-picker v-model="newEventDate" @change="addEvent(date)"></v-date-picker>
    </template>
  </v-calendar>
</template>

methods: {
  addEvent(date) {
    const newEvent = {
      title: '新活动',
      start: new Date(date),
      end: new Date(date),
      color: 'purple'
    }
    this.events.push(newEvent)
  }
}