Как установить и использовать V-Calendar (vue.js)?

Я хочу использовать библиотеку V-Calendar в своем приложении Vuetify. Приложение работало до сих пор, но, к сожалению, мне не удалось правильно установить библиотеку V-Calendar.

Никаких ошибок не отображается, но сайт перестал работать. Он становится полностью белым и ничего не отображается. Я следил за Установка V-Calendar.

Что я пробовал:

1. НПМ

npm install v-calendar

2. v-calendar.js в папке плагинов

• В папке, где находится main.js: Создан новый файл ./plugins/v-calendar.js

3. v-calendar.js:

import Vue from 'vue';
import VCalendar from 'v-calendar';

// Use v-calendar & v-date-picker components
Vue.use(VCalendar);

export default new VCalendar({
});

4. main.js:

...
import VCalendar from './plugins/v-calendar';
...
new Vue({
  router,
  store,
  vuetify,
  VCalendar,
  render: h => h(App)
}).$mount('#app')

РЕДАКТИРОВАТЬ 1:

Я удалил v-calendar.js. Я обновил main.js (см. ответ @pretzelhammer).

/просмотры/Home.vue:

<v-date-picker v-model = "date" />

export default {
  name: "Home",
  data: () => ({
    date: new Date(),
  }),
};

К сожалению, календарь не отображается. v-calender работает, а v-date-picker не работает.

Обновлено еще раз:

• 149 Ошибки:
  • Примеры:
    • [Предупреждение Vue]: избегайте использования не примитивного значения в качестве ключа, вместо этого используйте строковое/числовое значение.
    • [Предупреждение Vue]: обнаружены повторяющиеся ключи: «[object Object]». Это может вызвать ошибку обновления.
    • [Предупреждение Vue]: Недопустимая опора: проверка типа не удалась для опоры «значение». Ожидаемый массив, строка, полученная дата. найдено в ---> <VDatePicker>
    • [Vue warn]: ошибка в data(): «TypeError: dateString.split не является функцией». найдено в ---> <VDatePicker>
• 1 Предупреждение:
  • [Vuetify] Значение должно быть строкой, полученной датой. найдено в ---> <VDatePicker>

Обновление Обновлено еще раз:

• Я решил следующие две ошибки следующим образом:
  • [Предупреждение Vue]: избегайте использования не примитивного значения в качестве ключа, вместо этого используйте строковое/числовое значение.
  • [Предупреждение Vue]: обнаружены повторяющиеся ключи: «[object Object]». Это может вызвать ошибку обновления.
• Решение:

v-for = "(item, id) in items" :key = "id"

вместо:

v-for = "item in items" :key = "item"