[ci skip] Fix more eslint rules

app/assets/javascripts/ide/components/repo_preview.vue

 <script>
-import { mapGetters } from 'vuex';
-import LineHighlighter from '../../line_highlighter';
-import syntaxHighlight from '../../syntax_highlight';
+  import { mapGetters } from 'vuex';
+  import LineHighlighter from '../../line_highlighter';
+  import syntaxHighlight from '../../syntax_highlight';
 
-export default {
+  export default {
     computed: {
       ...mapGetters([
         'activeFile',
@@ -12,11 +12,6 @@ export default {
         return this.activeFile.renderError === 'too_large';
       },
     },
-  methods: {
-    highlightFile() {
-      syntaxHighlight($(this.$el).find('.file-content'));
-    },
-  },
     mounted() {
       this.highlightFile();
       this.lineHighlighter = new LineHighlighter({
@@ -29,11 +24,16 @@ export default {
         this.highlightFile();
       });
     },
-};
+    methods: {
+      highlightFile() {
+        syntaxHighlight($(this.$el).find('.file-content'));
+      },
+    },
+  };
 </script>
 
 <template>
-<div>
+  <div>
     <div
       v-if="!activeFile.renderError"
       v-html="activeFile.html"
@@ -51,15 +51,21 @@ export default {
       v-else-if="renderErrorTooLarge"
       class="vertical-center render-error">
       <p class="text-center">
-      The source could not be displayed because it is too large. You can <a :href="activeFile.rawPath" download>download</a> it instead.
+        The source could not be displayed because it is too large.
+        You can <a
+          :href="activeFile.rawPath"
+          download>download</a> it instead.
       </p>
     </div>
     <div
       v-else
       class="vertical-center render-error">
       <p class="text-center">
-      The source could not be displayed because a rendering error occurred. You can <a :href="activeFile.rawPath" download>download</a> it instead.
+        The source could not be displayed because a rendering error occurred.
+        You can <a
+          :href="activeFile.rawPath"
+          download>download</a> it instead.
       </p>
     </div>
-</div>
+  </div>
 </template>

app/assets/javascripts/ide/components/repo_tab.vue

 <script>
-import { mapActions } from 'vuex';
-import fileIcon from '../../vue_shared/components/file_icon.vue';
+  import { mapActions } from 'vuex';
+  import fileIcon from '../../vue_shared/components/file_icon.vue';
 
-export default {
+  export default {
+    components: {
+      fileIcon,
+    },
     props: {
       tab: {
         type: Object,
         required: true,
       },
     },
-  components: {
-    fileIcon,
-  },
     computed: {
       closeLabel() {
         if (this.tab.changed || this.tab.tempFile) {
@@ -36,13 +36,11 @@ export default {
         this.$router.push(`/project${tab.url}`);
       },
     },
-};
+  };
 </script>
 
 <template>
-  <li
-    @click="clickFile(tab)"
-  >
+  <li @click="clickFile(tab)">
     <button
       type="button"
       class="multi-file-tab-close"
@@ -69,8 +67,7 @@ export default {
       <file-icon
         :file-name="tab.name"
         :size="16"
-      >
-      </file-icon>
+      />
       {{ tab.name }}
     </div>
   </li>

app/assets/javascripts/issue_show/components/app.vue

 <script>
-import Visibility from 'visibilityjs';
-import { visitUrl } from '../../lib/utils/url_utility';
-import Poll from '../../lib/utils/poll';
-import eventHub from '../event_hub';
-import Service from '../services/index';
-import Store from '../stores';
-import titleComponent from './title.vue';
-import descriptionComponent from './description.vue';
-import editedComponent from './edited.vue';
-import formComponent from './form.vue';
-import recaptchaModalImplementor from '../../vue_shared/mixins/recaptcha_modal_implementor';
+  import Visibility from 'visibilityjs';
+  import { visitUrl } from '../../lib/utils/url_utility';
+  import Poll from '../../lib/utils/poll';
+  import eventHub from '../event_hub';
+  import Service from '../services/index';
+  import Store from '../stores';
+  import titleComponent from './title.vue';
+  import descriptionComponent from './description.vue';
+  import editedComponent from './edited.vue';
+  import formComponent from './form.vue';
+  import recaptchaModalImplementor from '../../vue_shared/mixins/recaptcha_modal_implementor';
 
-export default {
+  export default {
+    components: {
+      descriptionComponent,
+      titleComponent,
+      editedComponent,
+      formComponent,
+    },
+    mixins: [
+      recaptchaModalImplementor,
+    ],
     props: {
       endpoint: {
         required: true,
@@ -144,17 +153,40 @@ export default {
         return !!this.state.updatedAt;
       },
     },
-  components: {
-    descriptionComponent,
-    titleComponent,
-    editedComponent,
-    formComponent,
+    created() {
+      this.service = new Service(this.endpoint);
+      this.poll = new Poll({
+        resource: this.service,
+        method: 'getData',
+        successCallback: res => this.store.updateState(res.data),
+        errorCallback(err) {
+          throw new Error(err);
         },
+      });
 
-  mixins: [
-    recaptchaModalImplementor,
-  ],
+      if (!Visibility.hidden()) {
+        this.poll.makeRequest();
+      }
 
+      Visibility.change(() => {
+        if (!Visibility.hidden()) {
+          this.poll.restart();
+        } else {
+          this.poll.stop();
+        }
+      });
+
+      eventHub.$on('delete.issuable', this.deleteIssuable);
+      eventHub.$on('update.issuable', this.updateIssuable);
+      eventHub.$on('close.form', this.closeForm);
+      eventHub.$on('open.form', this.openForm);
+    },
+    beforeDestroy() {
+      eventHub.$off('delete.issuable', this.deleteIssuable);
+      eventHub.$off('update.issuable', this.updateIssuable);
+      eventHub.$off('close.form', this.closeForm);
+      eventHub.$off('open.form', this.openForm);
+    },
     methods: {
       openForm() {
         if (!this.showForm) {
@@ -220,45 +252,11 @@ export default {
           });
       },
     },
-  created() {
-    this.service = new Service(this.endpoint);
-    this.poll = new Poll({
-      resource: this.service,
-      method: 'getData',
-      successCallback: res => this.store.updateState(res.data),
-      errorCallback(err) {
-        throw new Error(err);
-      },
-    });
-
-    if (!Visibility.hidden()) {
-      this.poll.makeRequest();
-    }
-
-    Visibility.change(() => {
-      if (!Visibility.hidden()) {
-        this.poll.restart();
-      } else {
-        this.poll.stop();
-      }
-    });
-
-    eventHub.$on('delete.issuable', this.deleteIssuable);
-    eventHub.$on('update.issuable', this.updateIssuable);
-    eventHub.$on('close.form', this.closeForm);
-    eventHub.$on('open.form', this.openForm);
-  },
-  beforeDestroy() {
-    eventHub.$off('delete.issuable', this.deleteIssuable);
-    eventHub.$off('update.issuable', this.updateIssuable);
-    eventHub.$off('close.form', this.closeForm);
-    eventHub.$off('open.form', this.openForm);
-  },
-};
+  };
 </script>
 
 <template>
-<div>
+  <div>
     <div v-if="canUpdate && showForm">
       <form-component
         :form-state="formState"
@@ -304,5 +302,5 @@ export default {
         :updated-by-path="state.updatedByPath"
       />
     </div>
-</div>
+  </div>
 </template>

app/assets/javascripts/issue_show/components/fields/description.vue

@@ -3,10 +3,10 @@
   import markdownField from '../../../vue_shared/components/markdown/field.vue';
 
   export default {
-    mixins: [updateMixin],
     components: {
       markdownField,
     },
+    mixins: [updateMixin],
     props: {
       formState: {
         type: Object,

app/assets/javascripts/issue_show/components/title.vue

@@ -5,10 +5,10 @@
   import { spriteIcon } from '../../lib/utils/common_utils';
 
   export default {
-    mixins: [animateMixin],
     directives: {
       tooltip,
     },
+    mixins: [animateMixin],
     props: {
       issuableRef: {
         type: String,

app/assets/javascripts/jobs/components/header.vue

@@ -3,7 +3,7 @@
   import loadingIcon from '../../vue_shared/components/loading_icon.vue';
 
   export default {
-    name: 'jobHeaderSection',
+    name: 'JobHeaderSection',
     components: {
       ciHeader,
       loadingIcon,

app/assets/javascripts/monitoring/components/graph.vue

@@ -26,7 +26,6 @@
 
     mixins: [MonitoringMixin],
 
-
     props: {
       graphData: {
         type: Object,