Vue. js библиотека компонентов, которая зависит от Vuetify. $ attrs только для чтения - ошибка

Question

Intro : я создал два проекта с vue -cli ~ 4.2.0:

• parent-app - основной проект
• dummylib - библиотека, которая импортируется родительским приложением. Содержит кучу. vue компонентов внутри. Я хочу использовать vuetify здесь

Пример библиотечного компонента, где я использую <v-btn>:

    <script>
    import { mapActions, mapGetters } from 'vuex'
    import { VBtn } from 'vuetify/lib'

    export default {
      name: 'DummyButton',

      components: {
        VBtn
      },

      computed: {
        ...mapGetters([
          'counter'
        ]),

        text () {
          return `I have been clicked ${this.counter}`
        }
      },

      methods: {
        ...mapActions([
          'increment'
        ])
      }
    }
    </script>

    <template>
      <v-btn color='primary' @click="increment">{{ text }}</v-btn>
    </template>

Проблема : <v-btn> рендеринга, но при каждом нажатии я получаю ошибки в консоли:

• [Vue warn]: $attrs is readonly.
• [Vue warn]: $listeners is readonly.

Библиотека vue .config. js:

module.exports = {
  configureWebpack: {
    ...(process.env.NODE_ENV === 'production'
      ? {
        externals: {
          'vuetify/lib': 'vuetify/lib'
        }
      }
      : {}),

    resolve: {
      alias: {
        vue$: 'vue/dist/vue.common.js'
      }
    }
  }
}