Move StageIssueComponent template to component in JS file

app/assets/javascripts/cycle_analytics/components/stage_issue_component.js.es6

@@ -3,13 +3,24 @@
   global.cycleAnalytics = global.cycleAnalytics || {};
 
   global.cycleAnalytics.StageIssueComponent = Vue.extend({
-    template: '#stage-issue-component',
     components: {
       'item-issue-component': gl.cycleAnalytics.ItemIssueComponent,
     },
     props: {
       items: Array,
-    }
+    },
+    template: `
+      <div>
+        <div class="events-description">
+          Time before an issue get scheluded
+        </div>
+        <ul class="stage-event-list">
+          <li class="stage-event-item" v-for="issue in items">
+            <item-issue-component :issue="issue"></item-issue-component>
+          </li>
+        </ul>
+      </div>
+    `,
   });
 
 })(window.gl || (window.gl = {}));

app/views/projects/cycle_analytics/show.html.haml

@@ -94,14 +94,6 @@
           %template{ "v-if" => "state.items.length && !isLoadingStage && !isEmptyStage" }
             %component{ ":is" => "currentStage.component", ":items" => "state.items" }
 
-%script{ type: 'text/x-template', id: 'stage-issue-component' }
-  %div
-    .events-description
-      Time before an issue get scheluded
-    %ul.stage-event-list
-      %li.stage-event-item{ "v-for" => "issue in items" }
-        %item-issue-component{ ":issue" => "issue" }
-
 %script{ type: 'text/x-template', id: 'stage-plan-component' }
   %div
     .events-description