add support for dynamic imports

[thescientist13]

Type of Change

• New Feature Request
• Documentation / Website
• Improvement / Suggestion
• Bug
• Other (please clarify below)

Summary

Currently the shelf uses require to load JSON files.

setupShelf() {
  // based on path, display selected list
  const url = window.location.pathname;
  let list = [];

  if (url.indexOf('/about') >= 0) {
    list = require('../components/shelf/about.json');
  } else if (url.indexOf('/docs') >= 0) {
    list = require('../components/shelf/documentation-list.json');
  } else if (url.indexOf('/getting-started') >= 0) {
    list = require('../components/shelf/getting-started-list.json');
  } else if (url.indexOf('/plugins') >= 0) {
    list = require('../components/shelf/plugins.json');
  }

  this.shelfList = list;
}

Details

This is only permitted because webpack allows it, but browser code should only be using browser APIs, like import / export.

The project should be made to support import() syntax and remove any usage of NodeJS specific code, like require in the shelf.