Moves remove_issue component into a .vue file

app/assets/javascripts/boards/components/board_sidebar.js

@@ -9,7 +9,7 @@ import eventHub from '../../sidebar/event_hub';
 import assigneeTitle from '../../sidebar/components/assignees/assignee_title.vue';
 import assignees from '../../sidebar/components/assignees/assignees.vue';
 import DueDateSelectors from '../../due_date_select';
-import './sidebar/remove_issue';
+import removeBtn from './sidebar/remove_issue.vue';
 import IssuableContext from '../../issuable_context';
 import LabelsSelect from '../../labels_select';
 import subscriptions from '../../sidebar/components/subscriptions/subscriptions.vue';
@@ -24,7 +24,7 @@ gl.issueBoards.BoardSidebar = Vue.extend({
   components: {
     assigneeTitle,
     assignees,
-    removeBtn: gl.issueBoards.RemoveIssueBtn,
+    removeBtn,
     subscriptions,
   },
   props: {

app/assets/javascripts/boards/components/sidebar/remove_issue.js → app/assets/javascripts/boards/components/sidebar/remove_issue.vue

-import Vue from 'vue';
+<script>
 import Flash from '../../../flash';
 import { __ } from '../../../locale';
 const Store = gl.issueBoards.BoardsStore;
-window.gl = window.gl || {};
-window.gl.issueBoards = window.gl.issueBoards || {};
-
-gl.issueBoards.RemoveIssueBtn = Vue.extend({
+export default {
   props: {
     issue: {
       type: Object,
@@ -59,15 +56,18 @@ gl.issueBoards.RemoveIssueBtn = Vue.extend({
       Store.detail.issue = {};
     },
   },
-  template: `
-    <div
-      class="block list">
-      <button
-        class="btn btn-default btn-block"
-        type="button"
-        @click="removeIssue">
-        Remove from board
-      </button>
-    </div>
-  `,
-});
+};
+</script>
+<template>
+  <div
+    class="block list"
+  >
+    <button
+      class="btn btn-default btn-block"
+      type="button"
+      @click="removeIssue"
+    >
+      Remove from board
+    </button>
+  </div>
+</template>