diff --git a/.prettierignore b/.prettierignore
index 03d50b23296cf35a2f067b89fdebdd758e36eed9..9e5f7a2a6174b59655f42f45188c43e2c959a8e5 100644
--- a/.prettierignore
+++ b/.prettierignore
@@ -848,40 +848,6 @@ app/assets/javascripts/snippets/components/snippet_blob_view.vue
 app/assets/javascripts/snippets/components/snippet_header.vue
 app/assets/javascripts/snippets/mixins/snippets.js
 
-## nostalgic-morse
-app/assets/javascripts/user_lists/store/show/actions.js
-app/assets/javascripts/user_lists/store/show/index.js
-app/assets/javascripts/user_lists/store/show/mutations.js
-app/assets/javascripts/user_popovers.js
-app/assets/javascripts/users_select/index.js
-app/assets/javascripts/vue_alerts.js
-app/assets/javascripts/vue_merge_request_widget/components/approvals/approvals.vue
-app/assets/javascripts/vue_merge_request_widget/components/deployment/deployment_actions.vue
-app/assets/javascripts/vue_merge_request_widget/components/deployment/deployment_view_button.vue
-app/assets/javascripts/vue_merge_request_widget/components/deployment/memory_usage.vue
-app/assets/javascripts/vue_merge_request_widget/components/extensions/base.vue
-app/assets/javascripts/vue_merge_request_widget/components/extensions/container.js
-app/assets/javascripts/vue_merge_request_widget/components/extensions/index.js
-app/assets/javascripts/vue_merge_request_widget/components/mr_widget_alert_message.vue
-app/assets/javascripts/vue_merge_request_widget/components/states/mr_widget_auto_merge_enabled.vue
-app/assets/javascripts/vue_merge_request_widget/components/states/mr_widget_conflicts.vue
-app/assets/javascripts/vue_merge_request_widget/components/states/mr_widget_merged.vue
-app/assets/javascripts/vue_merge_request_widget/components/states/mr_widget_missing_branch.vue
-app/assets/javascripts/vue_merge_request_widget/components/states/mr_widget_rebase.vue
-app/assets/javascripts/vue_merge_request_widget/components/states/ready_to_merge.vue
-app/assets/javascripts/vue_merge_request_widget/components/states/squash_before_merge.vue
-app/assets/javascripts/vue_merge_request_widget/components/states/work_in_progress.vue
-app/assets/javascripts/vue_merge_request_widget/components/terraform/mr_widget_terraform_container.vue
-app/assets/javascripts/vue_merge_request_widget/extensions/issues.js
-app/assets/javascripts/vue_merge_request_widget/mixins/approvals.js
-app/assets/javascripts/vue_merge_request_widget/mr_widget_options.vue
-app/assets/javascripts/vue_merge_request_widget/services/mr_widget_service.js
-app/assets/javascripts/vue_merge_request_widget/stores/artifacts_list/getters.js
-app/assets/javascripts/vue_shared/components/actions_button.vue
-app/assets/javascripts/vue_shared/components/awards_list.vue
-app/assets/javascripts/vue_shared/components/commit.vue
-app/assets/javascripts/vue_shared/components/confirm_modal.vue
-
 ## thirsty-mccarthy
 app/assets/javascripts/vue_shared/components/date_time_picker/date_time_picker.vue
 app/assets/javascripts/vue_shared/components/date_time_picker/date_time_picker_input.vue
diff --git a/app/assets/javascripts/user_lists/store/show/actions.js b/app/assets/javascripts/user_lists/store/show/actions.js
index 15b971aa5e81ecc3c852e00adf31da26e4646327..dcd57efc14665679564f461eba78598b98411671 100644
--- a/app/assets/javascripts/user_lists/store/show/actions.js
+++ b/app/assets/javascripts/user_lists/store/show/actions.js
@@ -5,7 +5,7 @@ import * as types from './mutation_types';
 export const fetchUserList = ({ commit, state }) => {
   commit(types.REQUEST_USER_LIST);
   return Api.fetchFeatureFlagUserList(state.projectId, state.userListIid)
-    .then(response => commit(types.RECEIVE_USER_LIST_SUCCESS, response.data))
+    .then((response) => commit(types.RECEIVE_USER_LIST_SUCCESS, response.data))
     .catch(() => commit(types.RECEIVE_USER_LIST_ERROR));
 };
 
@@ -27,6 +27,6 @@ export const updateUserList = ({ commit, state }) => {
     ...state.userList,
     user_xids: stringifyUserIds(state.userIds),
   })
-    .then(response => commit(types.RECEIVE_USER_LIST_SUCCESS, response.data))
+    .then((response) => commit(types.RECEIVE_USER_LIST_SUCCESS, response.data))
     .catch(() => commit(types.RECEIVE_USER_LIST_ERROR));
 };
diff --git a/app/assets/javascripts/user_lists/store/show/index.js b/app/assets/javascripts/user_lists/store/show/index.js
index b30b0b04b9e5f39556cc370cb072f40f3c3aa8c9..3b19b2b12ec60e52e4d7778e91da3758205e2ab2 100644
--- a/app/assets/javascripts/user_lists/store/show/index.js
+++ b/app/assets/javascripts/user_lists/store/show/index.js
@@ -3,7 +3,7 @@ import createState from './state';
 import * as actions from './actions';
 import mutations from './mutations';
 
-export default initialState =>
+export default (initialState) =>
   new Vuex.Store({
     actions,
     mutations,
diff --git a/app/assets/javascripts/user_lists/store/show/mutations.js b/app/assets/javascripts/user_lists/store/show/mutations.js
index c3e766465a72a9e637b637b45c739a40e0fa3dc8..3cf3b2d8371410408fe0e3181a3287cd70fd01c5 100644
--- a/app/assets/javascripts/user_lists/store/show/mutations.js
+++ b/app/assets/javascripts/user_lists/store/show/mutations.js
@@ -20,10 +20,10 @@ export default {
   [types.ADD_USER_IDS](state, ids) {
     state.userIds = [
       ...state.userIds,
-      ...parseUserIds(ids).filter(id => id && !state.userIds.includes(id)),
+      ...parseUserIds(ids).filter((id) => id && !state.userIds.includes(id)),
     ];
   },
   [types.REMOVE_USER_ID](state, id) {
-    state.userIds = state.userIds.filter(uid => uid !== id);
+    state.userIds = state.userIds.filter((uid) => uid !== id);
   },
 };
diff --git a/app/assets/javascripts/user_popovers.js b/app/assets/javascripts/user_popovers.js
index 3521c1a105f5c7325ff66f1a17231ab721cd92d2..c18f4fb46cca52ce42ebce0f211effba973debf9 100644
--- a/app/assets/javascripts/user_popovers.js
+++ b/app/assets/javascripts/user_popovers.js
@@ -5,14 +5,14 @@ import { sanitize } from '~/lib/dompurify';
 import UsersCache from './lib/utils/users_cache';
 import UserPopover from './vue_shared/components/user_popover/user_popover.vue';
 
-const removeTitle = el => {
+const removeTitle = (el) => {
   // Removing titles so its not showing tooltips also
 
   el.dataset.originalTitle = '';
   el.setAttribute('title', '');
 };
 
-const getPreloadedUserInfo = dataset => {
+const getPreloadedUserInfo = (dataset) => {
   const userId = dataset.user || dataset.userId;
   const { username, name, avatarUrl } = dataset;
 
@@ -28,7 +28,7 @@ const getPreloadedUserInfo = dataset => {
  * Adds a UserPopover component to the body, hands over as much data as the target element has in data attributes.
  * loads based on data-user-id more data about a user from the API and sets it on the popover
  */
-const populateUserInfo = user => {
+const populateUserInfo = (user) => {
   const { userId } = user;
 
   return Promise.all([UsersCache.retrieveById(userId), UsersCache.retrieveStatusById(userId)]).then(
@@ -66,7 +66,7 @@ export default (elements = document.querySelectorAll('.js-user-link')) => {
 
   return userLinks
     .filter(({ dataset }) => dataset.user || dataset.userId)
-    .map(el => {
+    .map((el) => {
       if (initializedPopovers.has(el)) {
         return initializedPopovers.get(el);
       }
diff --git a/app/assets/javascripts/users_select/index.js b/app/assets/javascripts/users_select/index.js
index 9288af0bbf70a117ee08b3a5b213439947b1119b..79dc20fd498ca8bebf57a605aed3652d4fe5fe0a 100644
--- a/app/assets/javascripts/users_select/index.js
+++ b/app/assets/javascripts/users_select/index.js
@@ -145,14 +145,14 @@ function UsersSelect(currentUser, els, options = {}) {
     };
 
     const getMultiSelectDropdownTitle = function (selectedUser, isSelected) {
-      const selectedUsers = getSelected().filter(u => u !== 0);
+      const selectedUsers = getSelected().filter((u) => u !== 0);
 
       const firstUser = getSelectedUserInputs()
         .map((index, input) => ({
           name: input.dataset.meta,
           value: parseInt(input.value, 10),
         }))
-        .filter(u => u.id !== 0)
+        .filter((u) => u.id !== 0)
         .get(0);
 
       if (selectedUsers.length === 0) {
@@ -160,7 +160,7 @@ function UsersSelect(currentUser, els, options = {}) {
       } else if (selectedUsers.length === 1) {
         return firstUser.name;
       } else if (isSelected) {
-        const otherSelected = selectedUsers.filter(s => s !== selectedUser.id);
+        const otherSelected = selectedUsers.filter((s) => s !== selectedUser.id);
         return sprintf(s__('UsersSelect|%{name} + %{length} more'), {
           name: selectedUser.name,
           length: otherSelected.length,
@@ -172,7 +172,7 @@ function UsersSelect(currentUser, els, options = {}) {
       });
     };
 
-    $assignToMeLink.on('click', e => {
+    $assignToMeLink.on('click', (e) => {
       e.preventDefault();
       $(e.currentTarget).hide();
 
@@ -196,7 +196,7 @@ function UsersSelect(currentUser, els, options = {}) {
       }
     });
 
-    $block.on('click', '.js-assign-yourself', e => {
+    $block.on('click', '.js-assign-yourself', (e) => {
       e.preventDefault();
       return assignTo(userSelect.currentUser.id);
     });
@@ -250,7 +250,7 @@ function UsersSelect(currentUser, els, options = {}) {
     return initDeprecatedJQueryDropdown($dropdown, {
       showMenuAbove,
       data(term, callback) {
-        return userSelect.users(term, options, users => {
+        return userSelect.users(term, options, (users) => {
           // GitLabDropdownFilter returns this.instance
           // GitLabDropdownRemote returns this.options.instance
           const deprecatedJQueryDropdown = this.instance || this.options.instance;
@@ -266,14 +266,14 @@ function UsersSelect(currentUser, els, options = {}) {
 
           // Potential duplicate entries when dealing with issue board
           // because issue board is also managed by vue
-          const selectedUsers = uniqBy(selectedInputs, a => a.value)
-            .filter(input => {
+          const selectedUsers = uniqBy(selectedInputs, (a) => a.value)
+            .filter((input) => {
               const userId = parseInt(input.value, 10);
-              const inUsersArray = users.find(u => u.id === userId);
+              const inUsersArray = users.find((u) => u.id === userId);
 
               return !inUsersArray && userId !== 0;
             })
-            .map(input => {
+            .map((input) => {
               const userId = parseInt(input.value, 10);
               const { avatarUrl, avatar_url, name, username, canMerge } = input.dataset;
               return {
@@ -334,7 +334,7 @@ function UsersSelect(currentUser, els, options = {}) {
           }
 
           if ($dropdown.hasClass('js-multiselect')) {
-            const selected = getSelected().filter(i => i !== 0);
+            const selected = getSelected().filter((i) => i !== 0);
 
             if (selected.length > 0) {
               if ($dropdown.data('dropdownHeader')) {
@@ -346,12 +346,12 @@ function UsersSelect(currentUser, els, options = {}) {
               }
 
               const selectedUsers = users
-                .filter(u => selected.indexOf(u.id) !== -1)
+                .filter((u) => selected.indexOf(u.id) !== -1)
                 .sort((a, b) => a.name > b.name);
 
-              users = users.filter(u => selected.indexOf(u.id) === -1);
+              users = users.filter((u) => selected.indexOf(u.id) === -1);
 
-              selectedUsers.forEach(selectedUser => {
+              selectedUsers.forEach((selectedUser) => {
                 showDivider += 1;
                 users.splice(showDivider, 0, selectedUser);
               });
@@ -477,7 +477,7 @@ function UsersSelect(currentUser, els, options = {}) {
             }
           }
 
-          if (getSelected().find(u => u === gon.current_user_id)) {
+          if (getSelected().find((u) => u === gon.current_user_id)) {
             $assignToMeLink.hide();
           } else {
             $assignToMeLink.show();
@@ -544,7 +544,7 @@ function UsersSelect(currentUser, els, options = {}) {
         }
 
         if (selected.length > 0) {
-          getSelected().forEach(selectedId => highlightSelected(selectedId));
+          getSelected().forEach((selectedId) => highlightSelected(selectedId));
         } else if ($dropdown.hasClass('js-issue-board-sidebar')) {
           highlightSelected(0);
         } else {
@@ -559,7 +559,7 @@ function UsersSelect(currentUser, els, options = {}) {
         let selected = false;
 
         if (this.multiSelect) {
-          selected = getSelected().find(u => user.id === u);
+          selected = getSelected().find((u) => user.id === u);
 
           const { fieldName } = this;
           const field = $dropdown
@@ -613,7 +613,7 @@ function UsersSelect(currentUser, els, options = {}) {
                 multiple: $(select).hasClass('multiselect'),
                 minimumInputLength: 0,
                 query(query) {
-                  return userSelect.users(query.term, options, users => {
+                  return userSelect.users(query.term, options, (users) => {
                     let name;
                     const data = {
                       results: users,
diff --git a/app/assets/javascripts/vue_alerts.js b/app/assets/javascripts/vue_alerts.js
index 6550eb314911badfc63d50046ce4616210fafefe..abc1dd756454fa3d2c4a52aac09e4b0c05ae2c2d 100644
--- a/app/assets/javascripts/vue_alerts.js
+++ b/app/assets/javascripts/vue_alerts.js
@@ -2,7 +2,7 @@ import Vue from 'vue';
 import { parseBoolean } from '~/lib/utils/common_utils';
 import DismissibleAlert from '~/vue_shared/components/dismissible_alert.vue';
 
-const mountVueAlert = el => {
+const mountVueAlert = (el) => {
   const props = {
     html: el.innerHTML,
   };
diff --git a/app/assets/javascripts/vue_merge_request_widget/components/approvals/approvals.vue b/app/assets/javascripts/vue_merge_request_widget/components/approvals/approvals.vue
index 7297f8f86770dbdbe1ba4d3916978fe8da8e0edc..9b822657184e5c940de2256992cb33cc58209edc 100644
--- a/app/assets/javascripts/vue_merge_request_widget/components/approvals/approvals.vue
+++ b/app/assets/javascripts/vue_merge_request_widget/components/approvals/approvals.vue
@@ -74,7 +74,7 @@ export default {
       return this.mr.approvals || {};
     },
     approvedBy() {
-      return this.approvals.approved_by ? this.approvals.approved_by.map(x => x.user) : [];
+      return this.approvals.approved_by ? this.approvals.approved_by.map((x) => x.user) : [];
     },
     userHasApproved() {
       return Boolean(this.approvals.user_has_approved);
@@ -136,7 +136,7 @@ export default {
     approveWithAuth(data) {
       this.updateApproval(
         () => this.service.approveMergeRequestWithAuth(data),
-        error => {
+        (error) => {
           if (error && error.response && error.response.status === 401) {
             this.hasApprovalAuthError = true;
             return;
@@ -155,7 +155,7 @@ export default {
       this.isApproving = true;
       this.clearError();
       return serviceFn()
-        .then(data => {
+        .then((data) => {
           this.mr.setApprovals(data);
           eventHub.$emit('MRWidgetUpdateRequested');
           this.$emit('updated');
diff --git a/app/assets/javascripts/vue_merge_request_widget/components/deployment/deployment_actions.vue b/app/assets/javascripts/vue_merge_request_widget/components/deployment/deployment_actions.vue
index b90cbfd1a1a307bbb6f0ac2216d5abee5ab8962c..215df8acece5d1e919315f5b7857a6a585a591b4 100644
--- a/app/assets/javascripts/vue_merge_request_widget/components/deployment/deployment_actions.vue
+++ b/app/assets/javascripts/vue_merge_request_widget/components/deployment/deployment_actions.vue
@@ -121,7 +121,7 @@ export default {
         this.actionInProgress = actionName;
 
         MRWidgetService.executeInlineAction(endpoint)
-          .then(resp => {
+          .then((resp) => {
             const redirectUrl = resp?.data?.redirect_url;
             if (redirectUrl) {
               visitUrl(redirectUrl);
diff --git a/app/assets/javascripts/vue_merge_request_widget/components/deployment/deployment_view_button.vue b/app/assets/javascripts/vue_merge_request_widget/components/deployment/deployment_view_button.vue
index e3c0b7935d7988009b2dd66664613723a3896f95..abc831c8abed30ac1e962ee594ef023a1b204723 100644
--- a/app/assets/javascripts/vue_merge_request_widget/components/deployment/deployment_view_button.vue
+++ b/app/assets/javascripts/vue_merge_request_widget/components/deployment/deployment_view_button.vue
@@ -57,7 +57,7 @@ export default {
       return this.deployment.changes && this.deployment.changes.length > 1;
     },
     filteredChanges() {
-      return this.deployment?.changes?.filter(change => change.path.includes(this.searchTerm));
+      return this.deployment?.changes?.filter((change) => change.path.includes(this.searchTerm));
     },
   },
 };
diff --git a/app/assets/javascripts/vue_merge_request_widget/components/deployment/memory_usage.vue b/app/assets/javascripts/vue_merge_request_widget/components/deployment/memory_usage.vue
index 322444ce14b3ef5778364daa75b4c20037cdbbe1..2f27216f2e95b50f5d821dd3da7b60820db71398 100644
--- a/app/assets/javascripts/vue_merge_request_widget/components/deployment/memory_usage.vue
+++ b/app/assets/javascripts/vue_merge_request_widget/components/deployment/memory_usage.vue
@@ -102,7 +102,7 @@ export default {
     loadMetrics() {
       backOff((next, stop) => {
         MRWidgetService.fetchMetrics(this.metricsUrl)
-          .then(res => {
+          .then((res) => {
             if (res.status === statusCodes.NO_CONTENT) {
               this.backOffRequestCounter += 1;
               /* eslint-disable no-unused-expressions */
@@ -113,14 +113,14 @@ export default {
           })
           .catch(stop);
       })
-        .then(res => {
+        .then((res) => {
           if (res.status === statusCodes.NO_CONTENT) {
             return res;
           }
 
           return res.data;
         })
-        .then(data => {
+        .then((data) => {
           this.computeGraphData(data.metrics, data.deployment_time);
           return data;
         })
diff --git a/app/assets/javascripts/vue_merge_request_widget/components/extensions/base.vue b/app/assets/javascripts/vue_merge_request_widget/components/extensions/base.vue
index eff26729fa7d74c8fde8486434d9e7a56acf7b64..33809b953ee65c80d26e20555e59ebf3311980b3 100644
--- a/app/assets/javascripts/vue_merge_request_widget/components/extensions/base.vue
+++ b/app/assets/javascripts/vue_merge_request_widget/components/extensions/base.vue
@@ -67,11 +67,11 @@ export default {
   },
   mounted() {
     this.fetchCollapsedData(this.$props)
-      .then(data => {
+      .then((data) => {
         this.collapsedData = data;
         this.loadingState = null;
       })
-      .catch(e => {
+      .catch((e) => {
         this.loadingState = LOADING_STATES.collapsedError;
         throw e;
       });
@@ -86,11 +86,11 @@ export default {
       this.loadingState = LOADING_STATES.expandedLoading;
 
       this.fetchFullData(this.$props)
-        .then(data => {
+        .then((data) => {
           this.loadingState = null;
           this.fullData = data;
         })
-        .catch(e => {
+        .catch((e) => {
           this.loadingState = null;
           throw e;
         });
diff --git a/app/assets/javascripts/vue_merge_request_widget/components/extensions/container.js b/app/assets/javascripts/vue_merge_request_widget/components/extensions/container.js
index 5014c12dc305a659d73fd188a75c7a9e7d62826e..529160de6a7dd1c7f931ba58be77a0727dc9ef19 100644
--- a/app/assets/javascripts/vue_merge_request_widget/components/extensions/container.js
+++ b/app/assets/javascripts/vue_merge_request_widget/components/extensions/container.js
@@ -11,7 +11,7 @@ export default {
     return h(
       'div',
       {},
-      extensions.map(extension =>
+      extensions.map((extension) =>
         h(extension, {
           props: extensions[0].props.reduce(
             (acc, key) => ({
diff --git a/app/assets/javascripts/vue_merge_request_widget/components/extensions/index.js b/app/assets/javascripts/vue_merge_request_widget/components/extensions/index.js
index 2bfaec8a1c9d072946e1e8bf84382efba5772243..9796bb449390621a607c87cc1814a8e4721f15de 100644
--- a/app/assets/javascripts/vue_merge_request_widget/components/extensions/index.js
+++ b/app/assets/javascripts/vue_merge_request_widget/components/extensions/index.js
@@ -3,7 +3,7 @@ import ExtensionBase from './base.vue';
 // Holds all the currently registered extensions
 export const extensions = [];
 
-export const registerExtension = extension => {
+export const registerExtension = (extension) => {
   // Pushes into the extenions array a dynamically created Vue component
   // that gets exteneded from `base.vue`
   extensions.push({
diff --git a/app/assets/javascripts/vue_merge_request_widget/components/mr_widget_alert_message.vue b/app/assets/javascripts/vue_merge_request_widget/components/mr_widget_alert_message.vue
index a2636ce52adf66e99f6d5e10a603b4938f82fd05..5be1ce66d60b226a762f7ed593b106943c249c1f 100644
--- a/app/assets/javascripts/vue_merge_request_widget/components/mr_widget_alert_message.vue
+++ b/app/assets/javascripts/vue_merge_request_widget/components/mr_widget_alert_message.vue
@@ -13,7 +13,7 @@ export default {
       type: String,
       required: false,
       default: DANGER,
-      validator: value => [WARNING, DANGER].includes(value),
+      validator: (value) => [WARNING, DANGER].includes(value),
     },
     helpPath: {
       type: String,
diff --git a/app/assets/javascripts/vue_merge_request_widget/components/states/mr_widget_auto_merge_enabled.vue b/app/assets/javascripts/vue_merge_request_widget/components/states/mr_widget_auto_merge_enabled.vue
index 750014c599a906b50a3343830cdf651fb7402a06..17a880036e7fd39907e9e257ab5dc24cef4850a6 100644
--- a/app/assets/javascripts/vue_merge_request_widget/components/states/mr_widget_auto_merge_enabled.vue
+++ b/app/assets/javascripts/vue_merge_request_widget/components/states/mr_widget_auto_merge_enabled.vue
@@ -51,8 +51,8 @@ export default {
       this.isCancellingAutoMerge = true;
       this.service
         .cancelAutomaticMerge()
-        .then(res => res.data)
-        .then(data => {
+        .then((res) => res.data)
+        .then((data) => {
           eventHub.$emit('UpdateWidgetData', data);
         })
         .catch(() => {
@@ -70,8 +70,8 @@ export default {
       this.isRemovingSourceBranch = true;
       this.service
         .merge(options)
-        .then(res => res.data)
-        .then(data => {
+        .then((res) => res.data)
+        .then((data) => {
           if (AUTO_MERGE_STRATEGIES.includes(data.status)) {
             eventHub.$emit('MRWidgetUpdateRequested');
           }
diff --git a/app/assets/javascripts/vue_merge_request_widget/components/states/mr_widget_conflicts.vue b/app/assets/javascripts/vue_merge_request_widget/components/states/mr_widget_conflicts.vue
index 87c59e5ece9f8bd44b969245497f03fbaa635053..3d5daa4979b278d28f7f274cdbd4a00963fa0a4f 100644
--- a/app/assets/javascripts/vue_merge_request_widget/components/states/mr_widget_conflicts.vue
+++ b/app/assets/javascripts/vue_merge_request_widget/components/states/mr_widget_conflicts.vue
@@ -30,7 +30,7 @@ export default {
       variables() {
         return this.mergeRequestQueryVariables;
       },
-      update: data => data.project.mergeRequest.userPermissions,
+      update: (data) => data.project.mergeRequest.userPermissions,
     },
     stateData: {
       query: conflictsStateQuery,
@@ -40,7 +40,7 @@ export default {
       variables() {
         return this.mergeRequestQueryVariables;
       },
-      update: data => data.project.mergeRequest,
+      update: (data) => data.project.mergeRequest,
     },
   },
   props: {
diff --git a/app/assets/javascripts/vue_merge_request_widget/components/states/mr_widget_merged.vue b/app/assets/javascripts/vue_merge_request_widget/components/states/mr_widget_merged.vue
index 17cd740ddd9d8ba2e20b42b6e391ba5604b2243b..9d646dbfb3e28672412e4cc71dcc9066f3e616a1 100644
--- a/app/assets/javascripts/vue_merge_request_widget/components/states/mr_widget_merged.vue
+++ b/app/assets/javascripts/vue_merge_request_widget/components/states/mr_widget_merged.vue
@@ -83,8 +83,8 @@ export default {
 
       this.service
         .removeSourceBranch()
-        .then(res => res.data)
-        .then(data => {
+        .then((res) => res.data)
+        .then((data) => {
           // False positive i18n lint: https://gitlab.com/gitlab-org/frontend/eslint-plugin-i18n/issues/26
           // eslint-disable-next-line @gitlab/require-i18n-strings
           if (data.message === 'Branch was deleted') {
diff --git a/app/assets/javascripts/vue_merge_request_widget/components/states/mr_widget_missing_branch.vue b/app/assets/javascripts/vue_merge_request_widget/components/states/mr_widget_missing_branch.vue
index 8511797286df5c0a15b4b5264f39c709244813a0..3f68979bc0ec9d4f9caaa1b8df2a0722b4fef1d0 100644
--- a/app/assets/javascripts/vue_merge_request_widget/components/states/mr_widget_missing_branch.vue
+++ b/app/assets/javascripts/vue_merge_request_widget/components/states/mr_widget_missing_branch.vue
@@ -25,7 +25,7 @@ export default {
       variables() {
         return this.mergeRequestQueryVariables;
       },
-      update: data => data.project.mergeRequest,
+      update: (data) => data.project.mergeRequest,
     },
   },
   props: {
diff --git a/app/assets/javascripts/vue_merge_request_widget/components/states/mr_widget_rebase.vue b/app/assets/javascripts/vue_merge_request_widget/components/states/mr_widget_rebase.vue
index 14c2e9fa82858bde4fdd965612feb30e252c8ac7..9d27bb5dde45bc72c1bd427812c321b05d3ada0c 100644
--- a/app/assets/javascripts/vue_merge_request_widget/components/states/mr_widget_rebase.vue
+++ b/app/assets/javascripts/vue_merge_request_widget/components/states/mr_widget_rebase.vue
@@ -65,7 +65,7 @@ export default {
         .then(() => {
           simplePoll(this.checkRebaseStatus);
         })
-        .catch(error => {
+        .catch((error) => {
           this.isMakingRequest = false;
 
           if (error.response && error.response.data && error.response.data.merge_error) {
@@ -78,8 +78,8 @@ export default {
     checkRebaseStatus(continuePolling, stopPolling) {
       this.service
         .poll()
-        .then(res => res.data)
-        .then(res => {
+        .then((res) => res.data)
+        .then((res) => {
           if (res.rebase_in_progress) {
             continuePolling();
           } else {
diff --git a/app/assets/javascripts/vue_merge_request_widget/components/states/ready_to_merge.vue b/app/assets/javascripts/vue_merge_request_widget/components/states/ready_to_merge.vue
index 2c1f2285dda4c3cd1091bf2ed8483f11a45088d6..78ac7e496e1d17d3451cae71e94274a35332c716 100644
--- a/app/assets/javascripts/vue_merge_request_widget/components/states/ready_to_merge.vue
+++ b/app/assets/javascripts/vue_merge_request_widget/components/states/ready_to_merge.vue
@@ -188,8 +188,8 @@ export default {
       this.isMakingRequest = true;
       this.service
         .merge(options)
-        .then(res => res.data)
-        .then(data => {
+        .then((res) => res.data)
+        .then((data) => {
           const hasError =
             data.status === MERGE_FAILED_STATUS ||
             data.status === MERGE_HOOK_VALIDATION_ERROR_STATUS;
@@ -228,8 +228,8 @@ export default {
     handleMergePolling(continuePolling, stopPolling) {
       this.service
         .poll()
-        .then(res => res.data)
-        .then(data => {
+        .then((res) => res.data)
+        .then((data) => {
           if (data.state === 'merged') {
             // If state is merged we should update the widget and stop the polling
             eventHub.$emit('MRWidgetUpdateRequested');
@@ -270,8 +270,8 @@ export default {
     handleRemoveBranchPolling(continuePolling, stopPolling) {
       this.service
         .poll()
-        .then(res => res.data)
-        .then(data => {
+        .then((res) => res.data)
+        .then((data) => {
           // If source branch exists then we should continue polling
           // because removing a source branch is a background task and takes time
           if (data.source_branch_exists) {
diff --git a/app/assets/javascripts/vue_merge_request_widget/components/states/squash_before_merge.vue b/app/assets/javascripts/vue_merge_request_widget/components/states/squash_before_merge.vue
index 1c9909e717809c3ed8f05251121b569483618f2a..12fdfe601a48544f2c4f765f6e830e4cb6eee2b6 100644
--- a/app/assets/javascripts/vue_merge_request_widget/components/states/squash_before_merge.vue
+++ b/app/assets/javascripts/vue_merge_request_widget/components/states/squash_before_merge.vue
@@ -46,7 +46,7 @@ export default {
       name="squash"
       class="qa-squash-checkbox js-squash-checkbox gl-mb-0 gl-mr-2"
       :title="tooltipTitle"
-      @change="checked => $emit('input', checked)"
+      @change="(checked) => $emit('input', checked)"
     >
       {{ $options.i18n.checkboxLabel }}
     </gl-form-checkbox>
diff --git a/app/assets/javascripts/vue_merge_request_widget/components/states/work_in_progress.vue b/app/assets/javascripts/vue_merge_request_widget/components/states/work_in_progress.vue
index 322d412493515c8a7c03f9484caf6c3a9cf16f1e..3f1db815f955aa3957fe67f03fca73d75a2a4e3e 100644
--- a/app/assets/javascripts/vue_merge_request_widget/components/states/work_in_progress.vue
+++ b/app/assets/javascripts/vue_merge_request_widget/components/states/work_in_progress.vue
@@ -29,7 +29,7 @@ export default {
       variables() {
         return this.mergeRequestQueryVariables;
       },
-      update: data => data.project.mergeRequest.userPermissions,
+      update: (data) => data.project.mergeRequest.userPermissions,
     },
   },
   props: {
@@ -86,7 +86,7 @@ export default {
               variables: mergeRequestQueryVariables,
             });
 
-            const data = produce(sourceData, draftState => {
+            const data = produce(sourceData, (draftState) => {
               // eslint-disable-next-line no-param-reassign
               draftState.project.mergeRequest.workInProgress = workInProgress;
               // eslint-disable-next-line no-param-reassign
@@ -137,8 +137,8 @@ export default {
         this.isMakingRequest = true;
         this.service
           .removeWIP()
-          .then(res => res.data)
-          .then(data => {
+          .then((res) => res.data)
+          .then((data) => {
             eventHub.$emit('UpdateWidgetData', data);
             MergeRequest.toggleDraftStatus(this.mr.title, true);
           })
diff --git a/app/assets/javascripts/vue_merge_request_widget/components/terraform/mr_widget_terraform_container.vue b/app/assets/javascripts/vue_merge_request_widget/components/terraform/mr_widget_terraform_container.vue
index 4de41dd5887932e29fe9d2bbf561305b3cfca78c..180db7828a825331dfab7aec5f4c5ccaf7007631 100644
--- a/app/assets/javascripts/vue_merge_request_widget/components/terraform/mr_widget_terraform_container.vue
+++ b/app/assets/javascripts/vue_merge_request_widget/components/terraform/mr_widget_terraform_container.vue
@@ -40,7 +40,7 @@ export default {
       );
     },
     numberOfInvalidPlans() {
-      return Object.values(this.plansObject).filter(plan => plan.tf_report_error).length;
+      return Object.values(this.plansObject).filter((plan) => plan.tf_report_error).length;
     },
     numberOfPlans() {
       return Object.keys(this.plansObject).length;
diff --git a/app/assets/javascripts/vue_merge_request_widget/extensions/issues.js b/app/assets/javascripts/vue_merge_request_widget/extensions/issues.js
index 2d21ced1b286090c55c13c4bc29e93353047dac1..6c6f5e7fc73663c72c16b339dada7f3e8878a20a 100644
--- a/app/assets/javascripts/vue_merge_request_widget/extensions/issues.js
+++ b/app/assets/javascripts/vue_merge_request_widget/extensions/issues.js
@@ -38,7 +38,7 @@ export default {
         .query({ query: issuesQuery, variables: { projectPath: targetProjectFullPath } })
         .then(({ data }) => {
           // Return some transformed data to be rendered in the expanded state
-          return data.project.issues.nodes.map(issue => ({
+          return data.project.issues.nodes.map((issue) => ({
             id: issue.id, // Required: The ID of the object
             text: issue.title, // Required: The text to get used on each row
             // Icon to get rendered on the side of each row
diff --git a/app/assets/javascripts/vue_merge_request_widget/mixins/approvals.js b/app/assets/javascripts/vue_merge_request_widget/mixins/approvals.js
index e50555ca8757788e6387124f154f566a02b41e32..943011949fd810905946f9764e8631c111136dcd 100644
--- a/app/assets/javascripts/vue_merge_request_widget/mixins/approvals.js
+++ b/app/assets/javascripts/vue_merge_request_widget/mixins/approvals.js
@@ -11,7 +11,7 @@ export default {
       }
     },
     refreshApprovals() {
-      return this.service.fetchApprovals().then(data => {
+      return this.service.fetchApprovals().then((data) => {
         this.mr.setApprovals(data);
       });
     },
diff --git a/app/assets/javascripts/vue_merge_request_widget/mr_widget_options.vue b/app/assets/javascripts/vue_merge_request_widget/mr_widget_options.vue
index fc9a73f991c0a1b4f296ff02d97bd605a88d527d..a620e155ff55ff41ca707aa2deed69a89616d943 100644
--- a/app/assets/javascripts/vue_merge_request_widget/mr_widget_options.vue
+++ b/app/assets/javascripts/vue_merge_request_widget/mr_widget_options.vue
@@ -358,7 +358,7 @@ export default {
     fetchActionsContent() {
       this.service
         .fetchMergeActionsContent()
-        .then(res => {
+        .then((res) => {
           if (res.data) {
             const el = document.createElement('div');
             el.innerHTML = res.data;
@@ -388,26 +388,26 @@ export default {
       this.pollingInterval.stopTimer();
     },
     bindEventHubListeners() {
-      eventHub.$on('MRWidgetUpdateRequested', cb => {
+      eventHub.$on('MRWidgetUpdateRequested', (cb) => {
         this.checkStatus(cb);
       });
 
-      eventHub.$on('MRWidgetRebaseSuccess', cb => {
+      eventHub.$on('MRWidgetRebaseSuccess', (cb) => {
         this.checkStatus(cb, true);
       });
 
       // `params` should be an Array contains a Boolean, like `[true]`
       // Passing parameter as Boolean didn't work.
-      eventHub.$on('SetBranchRemoveFlag', params => {
+      eventHub.$on('SetBranchRemoveFlag', (params) => {
         [this.mr.isRemovingSourceBranch] = params;
       });
 
-      eventHub.$on('FailedToMerge', mergeError => {
+      eventHub.$on('FailedToMerge', (mergeError) => {
         this.mr.state = 'failedToMerge';
         this.mr.mergeError = mergeError;
       });
 
-      eventHub.$on('UpdateWidgetData', data => {
+      eventHub.$on('UpdateWidgetData', (data) => {
         this.mr.setData(data);
       });
 
diff --git a/app/assets/javascripts/vue_merge_request_widget/services/mr_widget_service.js b/app/assets/javascripts/vue_merge_request_widget/services/mr_widget_service.js
index 2ad15f231bbb3eddb1b087eb60750b09de730d05..7dcb4881e7fea494feab08af7be15c0fb9e441a2 100644
--- a/app/assets/javascripts/vue_merge_request_widget/services/mr_widget_service.js
+++ b/app/assets/javascripts/vue_merge_request_widget/services/mr_widget_service.js
@@ -60,15 +60,15 @@ export default class MRWidgetService {
   }
 
   fetchApprovals() {
-    return axios.get(this.apiApprovalsPath).then(res => res.data);
+    return axios.get(this.apiApprovalsPath).then((res) => res.data);
   }
 
   approveMergeRequest() {
-    return axios.post(this.apiApprovePath).then(res => res.data);
+    return axios.post(this.apiApprovePath).then((res) => res.data);
   }
 
   unapproveMergeRequest() {
-    return axios.post(this.apiUnapprovePath).then(res => res.data);
+    return axios.post(this.apiUnapprovePath).then((res) => res.data);
   }
 
   static executeInlineAction(url) {
diff --git a/app/assets/javascripts/vue_merge_request_widget/stores/artifacts_list/getters.js b/app/assets/javascripts/vue_merge_request_widget/stores/artifacts_list/getters.js
index 15d67ea18eac320f23eff524b17b797311eea99d..7740147c8e4598fd9aad404ae9cb581b3282fbdd 100644
--- a/app/assets/javascripts/vue_merge_request_widget/stores/artifacts_list/getters.js
+++ b/app/assets/javascripts/vue_merge_request_widget/stores/artifacts_list/getters.js
@@ -1,6 +1,6 @@
 import { s__, n__ } from '~/locale';
 
-export const title = state => {
+export const title = (state) => {
   if (state.isLoading) {
     return s__('BuildArtifacts|Loading artifacts');
   }
diff --git a/app/assets/javascripts/vue_shared/components/actions_button.vue b/app/assets/javascripts/vue_shared/components/actions_button.vue
index cb4c5f20377776f473cb593bbfa815ce0a1f1b19..2dc2c27f7ea4f149c378bcd358d30d05da7ff149 100644
--- a/app/assets/javascripts/vue_shared/components/actions_button.vue
+++ b/app/assets/javascripts/vue_shared/components/actions_button.vue
@@ -43,7 +43,7 @@ export default {
       return this.actions.length > 1;
     },
     selectedAction() {
-      return this.actions.find(x => x.key === this.selectedKey) || this.actions[0];
+      return this.actions.find((x) => x.key === this.selectedKey) || this.actions[0];
     },
   },
   methods: {
diff --git a/app/assets/javascripts/vue_shared/components/awards_list.vue b/app/assets/javascripts/vue_shared/components/awards_list.vue
index 9a6433963bc8a35a16909e0b6cb92e281f6d8243..c1da2b8c305d063d240561cd4a570108455af5ca 100644
--- a/app/assets/javascripts/vue_shared/components/awards_list.vue
+++ b/app/assets/javascripts/vue_shared/components/awards_list.vue
@@ -48,7 +48,7 @@ export default {
     groupedAwards() {
       const { thumbsup, thumbsdown, ...rest } = {
         ...this.groupedDefaultAwards,
-        ...groupBy(this.awards, x => x.name),
+        ...groupBy(this.awards, (x) => x.name),
       };
 
       return [
@@ -73,7 +73,7 @@ export default {
         return false;
       }
 
-      return awardList.some(award => award.user.id === this.currentUserId);
+      return awardList.some((award) => award.user.id === this.currentUserId);
     },
     createAwardList(name, list) {
       return {
@@ -95,11 +95,11 @@ export default {
 
       // Filter myself from list if I am awarded.
       if (hasReactionByCurrentUser) {
-        awardList = awardList.filter(award => award.user.id !== this.currentUserId);
+        awardList = awardList.filter((award) => award.user.id !== this.currentUserId);
       }
 
       // Get only 9-10 usernames to show in tooltip text.
-      const namesToShow = awardList.slice(0, TOOLTIP_NAME_COUNT).map(award => award.user.name);
+      const namesToShow = awardList.slice(0, TOOLTIP_NAME_COUNT).map((award) => award.user.name);
 
       // Get the remaining list to use in `and x more` text.
       const remainingAwardList = awardList.slice(TOOLTIP_NAME_COUNT, awardList.length);
diff --git a/app/assets/javascripts/vue_shared/components/commit.vue b/app/assets/javascripts/vue_shared/components/commit.vue
index e01a651806d0abaf4920db89ccd88c030ec20bec..0f860d90756324e01303abbd476c414de51d4832 100644
--- a/app/assets/javascripts/vue_shared/components/commit.vue
+++ b/app/assets/javascripts/vue_shared/components/commit.vue
@@ -54,7 +54,7 @@ export default {
       type: Object,
       required: false,
       default: undefined,
-      validator: ref =>
+      validator: (ref) =>
         ref === undefined || (Number.isFinite(ref.iid) && isString(ref.path) && !isEmpty(ref.path)),
     },
 
diff --git a/app/assets/javascripts/vue_shared/components/confirm_modal.vue b/app/assets/javascripts/vue_shared/components/confirm_modal.vue
index 96f800511d2dce1fce5bd5c1ab6b261b7107164b..7c1d3772acd5f6137021325819ac3720b1af2dc7 100644
--- a/app/assets/javascripts/vue_shared/components/confirm_modal.vue
+++ b/app/assets/javascripts/vue_shared/components/confirm_modal.vue
@@ -30,8 +30,8 @@ export default {
     };
   },
   mounted() {
-    document.querySelectorAll(this.selector).forEach(button => {
-      button.addEventListener('click', e => {
+    document.querySelectorAll(this.selector).forEach((button) => {
+      button.addEventListener('click', (e) => {
         e.preventDefault();
 
         this.path = button.dataset.path;