Как подключить глобально сразу все компоненты?

Question

[Дима Долготер]

Сейчас я подключаю глобально компоненты в main.js так

import { Icon } from '@vicons/utils'

app.component('IconWrapper', Icon);

и теперь IconWrapper доступен везде.

Но что если есть еще компонент примерно так

import { Icon, Header, Footer } from '@vicons/utils'

надо каждый отдельно обьявлять тогда?

app.component('IconWrapper', Icon);
app.component('HeaderWrapper', Header);
app.component('Footer Wrapper', Footer );

Или есть варианты получше?

Answer 1

[Александр]

миксин?

Answer 2

[Елизавета]

Импортируем компоненты в index.js, там же экспортируем их по дефолту массивом.

import IconWrapper from '@/components/IconWrapper';
import HeaderWrapper from '@/components/HeaderWrapper';
import Navbar from '@/components/Navbar';


export default [
	IconWrapper ,
	HeaderWrapper ,
	Navbar,
]

В main.js импортируем этот массив и проходимся по нему

import components from '@/components/';

components.forEach(component => app.component(component.name, component));

У компонентов должен быть задан name.