dispatcher pages for projects:clusters

app/assets/javascripts/dispatcher.js

@@ -556,20 +556,14 @@ import Activities from './activities';
             .catch(fail);
           break;
         case 'projects:clusters:show':
-          import(/* webpackChunkName: "clusters" */ './clusters/clusters_bundle')
-            .then(cluster => new cluster.default()) // eslint-disable-line new-cap
-            .catch((err) => {
-              Flash(s__('ClusterIntegration|Problem setting up the cluster'));
-              throw err;
-            });
+          import('./pages/projects/clusters/show')
+            .then(callDefault)
+            .catch(fail);
           break;
         case 'projects:clusters:index':
-          import(/* webpackChunkName: "clusters_index" */ './clusters/clusters_index')
-            .then(clusterIndex => clusterIndex.default())
-            .catch((err) => {
-              Flash(s__('ClusterIntegration|Problem setting up the clusters list'));
-              throw err;
-            });
+          import('./pages/projects/clusters/index')
+            .then(callDefault)
+            .catch(fail);
           break;
       }
       switch (path[0]) {

app/assets/javascripts/pages/projects/clusters/index/index.js

+import ClustersIndex from '~/clusters/clusters_index';
+
+export default ClustersIndex;

app/assets/javascripts/pages/projects/clusters/show/index.js

+import ClustersBundle from '~/clusters/clusters_bundle';
+
+export default ClustersBundle;