Automatically registers all(except App.vue) vue components inside the components directory

automatic-component-registration.js

const components_req = require.context('./components', true, /^(.*\.(vue))[^.]*$/im);

const components = components_req.keys().reduce(function(acc, key){
    const name = key.replace(/^.*\/([^\.]+)\.vue/,'$1');
    if (name !== 'App') {
        let comp = components_req(key);
        acc[name] = comp.default && comp.__esModule ? comp.default : comp;
    }
    return acc;
}, {});


for (const name in components) {
    if (components.hasOwnProperty(name)) {
        Vue.component(name, components[name]);
    }
}

new Vue({
  ...
})