Vue / Vuetify - Неизвестный пользовательский элемент: правильно ли вы зарегистрировали компонент?

Question

Мой вопрос очень похож на [ Vue / Vuetify - Неизвестный пользовательский элемент:- вы правильно зарегистрировали компонент? , но - это разница!

Я создал пользовательский компонент vue, который использует компоненты vuetify (v-sheet, v-card и т. д.)и после этого guide я сделал компонент доступным через npm.

В своем приложении nuxt я импортирую компонент из библиотеки и регистрирую его на странице.

Затем яполучить предупреждения о том, что v-компоненты не регистрируются рекурсивно.Мой пользовательский компонент назван.Мое приложение nuxt использует vuetify.

Если я добавлю

import Vuetify from 'vuetify'
import Vue from 'vue'
Vue.use(Vuetify)

в верхней части тега сценария моего пользовательского компонента (как предлагается в связанном сообщении SO), это не решит проблему.

Если я добавлю его в default.vue (для разметки текста), то это произойдет.

В моей точке входа index.js У меня есть

import Vue from 'vue';

// I have tried adding vuetify here

import MyComponent from './components/MyComponent.vue';


const components = {
  MyComponent
}

function install(Vue) {
  if (install.installed) return;
  install.installed = true;
// I have tried adding vuetify here
  Object.keys(components).forEach(name => {
// I have tried adding vuetify here
    Vue.component(name, components[name])
  });
}

const plugin = {
  install,
}

let GlobalVue = null;
if (typeof window !== 'undefined') {
  GlobalVue = window.Vue;
} else if (typeof global !== 'undefined') {
  GlobalVue = global.Vue;
}
if (GlobalVue) {
// I have tried adding vuetify here
  GlobalVue.use(plugin);
// I have tried adding vuetify here
}


export default components
export {
  MyComponent
}

, как мне это исправить, чтобы я ненужно перезагрузить vuetify в моем приложении nuxt?