index.js

import Vue from 'vue';
Vue.config.devtools = true;

const componentsContext = require.context('./components', true, /\.vue$/);
const ComponentsById = {};
const ComponentsByName = {};
const ComponentsMap = {};
const cMap = {};
const ComponentNames = [];
require('./index.styl');

componentsContext.keys().forEach((key) => {
  const component = componentsContext(key);
  ComponentsById[component.data().uuid] = component;
  if (!ComponentsMap[component.data().defaults.type]) {
    ComponentsMap[component.data().defaults.type] = {};
  }
  ComponentsMap[component.data().defaults.type][component.name] = component;
  cMap[component.name] = component;
  ComponentNames.push(component.name);
  ComponentsByName[component.name] = component;
});

const initComponents = (fragmentIdMap) => {
  for (const cid in fragmentIdMap) {
    const fragment = ComponentsById[fragmentIdMap[cid].uuid];
      const instance = new Vue(_.extend({}, ComponentsById[fragmentIdMap[cid].uuid], {
        propsData: fragmentIdMap[cid].propsData
      }));
      const mount = function () {
        instance.$mount(`[data-col-id="${cid}"]  > :only-child`);
      };
      if (instance.async) {
        instance.$on('rendered', function () {
          mount();
        });
      } else {
        mount();
      }
    }
  }
};

export { ComponentsMap, ComponentsById, ComponentNames, ComponentsByName, initComponents, Vue };