Библиотека пользовательского интерфейса импорта, модульная в nuxtjs

Question

Я изучаю nuxtjs и использую ant-design-vue в качестве библиотеки пользовательского интерфейса, я могу импортировать библиотеку как плагин, и она отлично работает

import Vue from 'vue'
import Antd from 'ant-design-vue';

export default () => {
  Vue.use(Antd)
}

но это импортирует компоненты глобально, но я хотел импортировать отдельные компоненты на определенные страницы, а не глобально, так как nuxt будет автоматически лениво загружать это, ps: я могу импортировать отдельные компоненты с помощью плагина, и он работает, но он все еще работает глобальный импорт. например, если у меня есть панель администратора, использующая средство выбора даты, которое я не использую нигде в приложении, я попытался сделать это в pages/dashboard/index.vue

  <template>
        <div>
        <a-button type="primary">Primary</a-button>
        <a-button>Default</a-button>
        <a-button type="dashed">Dashed</a-button>
        <a-button type="danger">Danger</a-button>
      </div>
    </template>

<script>
import Button from 'ant-design-vue/lib/button';

export default {
  components: {
    Button
  }
}
</script>

оператор импорта работает нормально, когда он находится в плагине, но не на странице по отдельности, я получаю сообщение об ошибке Unknown custom element: <a-button> - did you register the component correctly?

Answer 1

это сработало, когда я сделал это

<script>
import Button from 'ant-design-vue/lib/button';

export default {
  components: {
    'a-button':Button
  }
}
</script>