Как мне сделать в одном файле подключение компонентов?

Question

[Руслан Абсалямов]

Как мне можно, чтобы не писать глобально компоненты в main. Загнать их в один файт и через import загнать все в main.js
Как сейчас реализована
main.js

import Vue from 'vue'
import router from './router'
import headImplant from './components/header/head.vue'
import footer from './components/footer/foot.vue'
import sidebar from './components/menu/sidebar.vue'
import store from './store'
import Modal from './components/modal/modal.vue';

window.eventBus = new Vue(); // события
window.Vue = Vue;
window.store = store;

Vue.component('modal',Modal);//Тут возможно будут еще компоненты

new Vue({
    el: '#app',
    router: router,
    store,
    components: {
        'head-app': headImplant,
        'footer-app': footer,
        'sidebar-app': sidebar
    }
});

а примерно я думал что создать файл components.js

import Vue from "vue/types/vue";
import Modal from './components/modal/modal.vue';

Vue.component('modal',Modal);

и в main.js подключить
// import component from './components'
Но так не прокатывает, примерно как можно реализовать в js так?

Answer 1

[Александр Ковальчук]

components

import Modal from './modal';//Vue

export default {
        Modal,
}

main

import component from './components'
new Vue({
    el: '#app',
    router: router,
    store,
    components
});

Comments

[Руслан Абсалямов]

Пишет

Module not found: Error: Can't resolve 'vue/types/vue' in '/home/ruslan/Разработка/implant/src'
 @ ./src/components.js 1:0-32 4:0-3

Не совсем понял в чем суть

[Александр Ковальчук]

Руслан Абсалямов, подкоректировал

[Руслан Абсалямов]

Александр Ковальчук Понял что я не внимателен.
А такой вопрос

"export 'default' (imported as 'component') was not found in './components'

Мне же не стоит только один компонент делать export default. То тут как быть?

[Александр Ковальчук]

Руслан Абсалямов, аналогично например у тебя есть папка orders а в ней Table.vue и Page.vue
Файл components

import OrderTable from './orders/Table';
import OrderPage from './orders/Page';

export default {
    OrderTable,
    OrderPage,
}