Use webpack to require files

Changes after review

1 files changed, 26 insertions, 30 deletions

diff --git a/app/assets/javascripts/vue_pipelines_index/index.js.es6 b/app/assets/javascripts/vue_pipelines_index/index.js.es6
index 9acb22d937f..e7432afb56e 100644
--- a/app/assets/javascripts/vue_pipelines_index/index.js.es6
+++ b/app/assets/javascripts/vue_pipelines_index/index.js.es6
@@ -2,39 +2,35 @@
 /* global Vue, VueResource, gl */
 window.Vue = require('vue');
 window.Vue.use(require('vue-resource'));
+require('../lib/utils/common_utils');
 require('../vue_shared/vue_resource_interceptor');
 require('./pipelines');
 
-$(() => {
-  return new Vue({
-    el: document.querySelector('.vue-pipelines-index'),
+$(() => new Vue({
+  el: document.querySelector('.vue-pipelines-index'),
 
-    data() {
-      const project = document.querySelector('.pipelines');
-      const svgs = document.querySelector('.pipeline-svgs').dataset;
+  data() {
+    const project = document.querySelector('.pipelines');
+    const svgs = document.querySelector('.pipeline-svgs').dataset;
 
-      // Transform svgs DOMStringMap to a plain Object.
-      const svgsObject = Object.keys(svgs).reduce((acc, element) => {
-        acc[element] = svgs[element];
-        return acc;
-      }, {});
+    // Transform svgs DOMStringMap to a plain Object.
+    const svgsObject = gl.utils.DOMStringMapToObject(svgs);
 
-      return {
-        scope: project.dataset.url,
-        store: new gl.PipelineStore(),
-        svgs: svgsObject,
-      };
-    },
-    components: {
-      'vue-pipelines': gl.VuePipelines,
-    },
-    template: `
-      <vue-pipelines
-        :scope='scope'
-        :store='store'
-        :svgs='svgs'
-      >
-      </vue-pipelines>
-    `,
-  });
-});
+    return {
+      scope: project.dataset.url,
+      store: new gl.PipelineStore(),
+      svgs: svgsObject,
+    };
+  },
+  components: {
+    'vue-pipelines': gl.VuePipelines,
+  },
+  template: `
+    <vue-pipelines
+      :scope='scope'
+      :store='store'
+      :svgs='svgs'
+    >
+    </vue-pipelines>
+  `,
+}));