3. Module Registration - Vue JS Optimisations

index.js

// Typical module registration attaches all modules immediately to the Vuex store
import auth from './modules/auth';
import posts from './modules/posts';
import comments from './modules/comments';
// ...

export default new Vuex.Store({
  modules: {
    auth,
    posts,
    comments,
    // ...
  }
})

// Becomes
import modules from './modules';

export default new Vuex.Store({
  modules
});

modules_index.js

// Import 
import camelCase from 'lodash/camelCase';

requireModule.keys().forEach(fileName => {
  // Don't register this file as a Vuex module
  if(fileName === './index.js') return;
  
  const moduleName = camelCase(
    fileName.replace(/(\.\/|\.js)/g, '')
  )
  modules[moduleName] = {
    namespaced: true,
    ...requireModule(fileName),
  }
});