mdb error in nuxt vue

Expected behavior

In the mdb pro version, it is used in the nuxt folder, which operates only the mdbvue folder. After a while, while applying the 'sideNav', an unknown error appeared and I couldn't find a way to solve it.

help please. i want to use mdb pro perfectly

Actual behavior ERROR in ./mdbvue/src/index.js friendly-errors 17:44:50

Syntax Error: Identifier 'mdbMonthView' has already been declared (123:23) friendly-errors 17:44:50

121 | import Sticky from './directives/Sticky'; 122 | import Calendar, { mdbCalendar } from './components/pro/Calendar/Calendar';

123 | import mdbMonthView, { mdbMonthView } from './components/pro/Calendar/MonthView'; | ^ 124 | import mdbListView, { mdbListView } from './components/pro/Calendar/ListView'; 125 | import mdbWeekView, { mdbWeekView } from './components/pro/Calendar/WeekView'; 126 | friendly-errors 17:44:50 @ ./node_modules/@nuxt/webpack/node_modules/babel-loader/lib??ref--2-0!./node_modules/vue-loader/lib??vue-loader-options!./pages/worker.vue?vue&type=script&lang=js& 67:0-41 137:12-18 138:13-20 @ ./pages/worker.vue?vue&type=script&lang=js& @ ./pages/worker.vue @ ./.nuxt/router.js @ ./.nuxt/index.js @ ./.nuxt/client.js @ multi eventsource-polyfill webpack-hot-middleware/client?reload=true&timeout=30000&ansiColors=&overlayStyles=&name=client&path=/__webpack_hmr/client ./.nuxt/client.js

Resources (screenshots, code snippets etc.)