能在vue3+elment-plus使用vue-material-year-calendar

可以使用 `vue-material-year-calendar`，但是需要做一些额外的工作。`vue-material-year-calendar` 是基于 `Vue2` 的，而 `Vue3` 中的许多东西都已经发生了变化。另外，`vue-material-year-calendar` 也不支持 `Element Plus`。

你可以试着使用 `vue2-adapter` 来在 `Vue3` 中使用 `Vue2` 组件。具体步骤如下：

1. 安装 `vue2-adapter`：

npm install vue2-adapter

2. 创建一个新的 `Vue2` 实例并将其附加到 `Vue3` 实例上：

import { createApp } from 'vue'
import adapter from 'vue2-adapter'
import Calendar from 'vue-material-year-calendar'

const app = createApp({})
app.config.isCustomElement = tag => tag.startsWith('vue-material-year-calendar')
app.component('vue-material-year-calendar', adapter(Calendar))

3. 在 `template` 中使用组件：

<template>
  <vue-material-year-calendar :events="events" />
</template>

<script>
export default {
  data() {
    return {
      events: [
        {
          start: '2019-07-01',
          end: '2019-07-05',
          title: 'Event 1'
        },
        {
          start: '2019-07-17',
          end: '2019-07-19',
          title: 'Event 2'
        }
      ]
    }
  }
}
</script>

需要注意的是，使用 `vue2-adapter` 可能会导致性能问题，因为它需要在 `Vue3` 中创建一个新的 `Vue2` 实例。如果可能的话，最好使用 `Vue3` 的替代组件。