Init script to mount multiple vue instances in non-spa projects

initializer.js

import Vue   from "vue";
import Store from './some_vuex_store.js'
import Component1 from './some_comp.vue'
import Component2 from './some_comp2.vue'

window.addEventListener('load', () => {
  const components = {Component1, Component2};

  Object.keys(components).forEach((key) => {
    components[key] = Vue.extend(Object.assign(components[key], {
      store: Store
    }));
  });

  const elements = document.querySelectorAll('[vue-component]');

  elements.forEach(e => {
    const component = e.getAttribute('vue-component');
    new components[component]({
      el:        e,
      propsData: e.dataset || {}
    })
  });
});

Html: <div vue-component="Component1" data-some_prop="some_prop_value"></div>