Simplify dependency management for timetracking components.

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

@@ -3,7 +3,7 @@
 (() => {
   const PrettyTime = gl.PrettyTime;
 
-  gl.IssuableTimeTrackingApp.collapsedState = {
+  Vue.component('time-tracking-collapsed-state', {
     name: 'time-tracking-collapsed-state',
     props: [
       'showComparisonState',
@@ -38,6 +38,6 @@
         </div>
       </div>
       `,
-  };
-})(gl.IssuableTimeTrackingApp || (gl.IssuableTimeTrackingApp = {}));
+  });
+})();
 

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

@@ -3,7 +3,7 @@
 (() => {
   const PrettyTime = gl.PrettyTime;
 
-  gl.IssuableTimeTrackingApp.comparisonPane = {
+  Vue.component('time-tracking-comparison-pane', {
     name: 'time-tracking-comparison-pane',
     props: [
       'timeSpent',
@@ -65,5 +65,5 @@
         </div>
       </div>
     `,
-  };
-})(gl.IssuableTimeTrackingApp || (gl.IssuableTimeTrackingApp = {}));
+  });
+})();

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

 (() => {
-  gl.IssuableTimeTrackingApp.estimateOnlyPane = {
+  Vue.component('time-tracking-estimate-only-pane', {
     name: 'time-tracking-estimate-only-pane',
     props: ['timeEstimateHuman'],
     template: `
@@ -8,5 +8,5 @@
         {{ timeEstimateHuman }}
       </div>
     `,
-  };
-})(gl.IssuableTimeTrackingApp || (gl.IssuableTimeTrackingApp = {}));
+  });
+})();

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

 (() => {
-  gl.IssuableTimeTrackingApp.helpState = {
+  Vue.component('time-tracking-help-state', {
     name: 'time-tracking-help-state',
     props: ['docsUrl'],
     template: `
@@ -19,5 +19,5 @@
         </div>
       </div>
     `,
-  };
-})(gl.IssuableTimeTrackingApp || (gl.IssuableTimeTrackingApp = {}));
+  });
+})();

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

 (() => {
-  gl.IssuableTimeTrackingApp.noTrackingPane = {
+  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>
     `,
-  };
-})(gl.IssuableTimeTrackingApp || (gl.IssuableTimeTrackingApp = {}));
+  });
+})();

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

 (() => {
-  gl.IssuableTimeTrackingApp.spentOnlyPane = {
+  Vue.component('time-tracking-spent-only-pane', {
     name: 'time-tracking-spent-only-pane',
     props: ['timeSpentHuman'],
     template: `
@@ -8,5 +8,5 @@
         {{ timeSpentHuman }}
       </div>
     `,
-  };
-})(gl.IssuableTimeTrackingApp || (gl.IssuableTimeTrackingApp = {}));
+  });
+})();

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

+//= require ./help_state
+//= require ./collapsed_state
+//= require ./spent_only_pane
+//= require ./no_tracking_pane
+//= require ./estimate_only_pane
+//= require ./comparison_pane
+
 (() => {
-  const app = gl.IssuableTimeTrackingApp;
-  gl.IssuableTimeTracker = Vue.component('issuable-time-tracker', {
+  Vue.component('issuable-time-tracker', {
     name: 'issuable-time-tracker',
     props: [
       'time_estimate',
@@ -19,14 +25,6 @@
         timeSpentHuman: this.human_time_spent,
       };
     },
-    components: {
-      'time-tracking-spent-only-pane': app.spentOnlyPane,
-      'time-tracking-estimate-only-pane': app.estimateOnlyPane,
-      'time-tracking-comparison-pane': app.comparisonPane,
-      'time-tracking-no-tracking-pane': app.noTrackingPane,
-      'time-tracking-help-state': app.helpState,
-      'time-tracking-collapsed-state': app.collapsedState,
-    },
     computed: {
       hasTimeSpent() {
         return !!this.timeSpent;
@@ -108,4 +106,4 @@
       </div>
     `,
   });
-})(gl.IssuableTimeTrackingApp || (gl.IssuableTimeTrackingApp = {}));
+})();

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

-/* eslint-disable */
 //= require vue
-//= require_directory ./components
+//= require ./components/time_tracker
 //= require smart_interval
 //= require subbable_resource
 
 (() => {
   /* 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.
+    * changes to sidebar components. We will want to create a separate service to
+    * interface with the server at that point.
    */
 
   class IssuableTimeTracking {