Vue.js global components registration

_global.js

// copied from Chris Fritz 7 Secret Patterns Vue Consultants Don’t Want You to Know - https://youtu.be/7lpemgMhi0k?t=6m27s

import Vue from 'vue'
import upperFirst from 'lodash/upperFirst'
import camelCase from 'lodash/camelCase'

// Collect all components prefixed 'base-',
// require in a base component context
const requireComponent = require.context (
	'.', false, /base-[\w-]+\vue$/
)

requireComponent.keys().forEach(fileName => {
	// Get component config
	const componentConfig = requireComponent(fileName)

	// Get PascalCase name of component
	const componentName = upperFirst(
		camelCase(fileName.replace(/^\.\//, '').replace(/\.\w+$/, ''))
	)

	//Register component globally
	Vue.component(componentName, componentConfig.default || componentConfig)
})