Break content panes into separate files.

app/assets/javascripts/issuable/time_tracking/components/content_panes.js.es6 → app/assets/javascripts/issuable/time_tracking/components/comparison_pane.js.es6

@@ -3,23 +3,6 @@
 ((gl) => {
   const PrettyTime = gl.PrettyTime;
 
-  Vue.component('time-tracking-no-tracking-pane', {
-    name: 'time-tracking-no-tracking-pane',
-    template: '<div class="time-tracking-no-tracking-pane"><span class="no-value">No estimate or time spent</span></div>',
-  });
-
-  Vue.component('time-tracking-estimate-only-pane', {
-    name: 'time-tracking-estimate-only-pane',
-    props: ['timeEstimateHuman'],
-    template: '<div class="time-tracking-estimate-only-pane"><span class="bold">Estimated:</span> {{ timeEstimateHuman }}</div>',
-  });
-
-  Vue.component('time-tracking-spent-only-pane', {
-    name: 'time-tracking-spent-only-pane',
-    props: ['timeSpentHuman'],
-    template: '<div class="time-tracking-spend-only-pane"><span class="bold">Spent:</span> {{ timeSpentHuman }}</div>',
-  });
-
   Vue.component('time-tracking-comparison-pane', {
     name: 'time-tracking-comparison-pane',
     props: ['timeSpent', 'timeEstimate', 'timeSpentHuman', 'timeEstimateHuman'],

app/assets/javascripts/issuable/time_tracking/components/estimate_only_pane.js.es6

+((gl) => {
+  Vue.component('time-tracking-estimate-only-pane', {
+    name: 'time-tracking-estimate-only-pane',
+    props: ['timeEstimateHuman'],
+    template: '<div class="time-tracking-estimate-only-pane"><span class="bold">Estimated:</span> {{ timeEstimateHuman }}</div>',
+  });
+})(window.gl || (window.gl = {}));

app/assets/javascripts/issuable/time_tracking/components/no_tracking_pane.js.es6

+((gl) => {
+  Vue.component('time-tracking-no-tracking-pane', {
+    name: 'time-tracking-no-tracking-pane',
+    template: '<div class="time-tracking-no-tracking-pane"><span class="no-value">No estimate or time spent</span></div>',
+  });
+})(window.gl || (window.gl = {}));

app/assets/javascripts/issuable/time_tracking/components/spent_only_pane.js.es6

+((gl) => {
+  Vue.component('time-tracking-spent-only-pane', {
+    name: 'time-tracking-spent-only-pane',
+    props: ['timeSpentHuman'],
+    template: '<div class="time-tracking-spend-only-pane"><span class="bold">Spent:</span> {{ timeSpentHuman }}</div>',
+  });
+})(window.gl || (window.gl = {}));

app/assets/javascripts/issuable/time_tracking/time_tracking_bundle.js.es6

@@ -4,7 +4,7 @@
 //= require smart_interval
 //= require subbable_resource
 
-(() => {
+((gl) => {
   /* This Vue instance represents what will become the parent instance for the
     * sidebar. It will be responsible for managing `issuable` state and propagating
     * changes to sidebar components.