Sort JavaScript imports alphabetically in CE code

See https://gitlab.com/gitlab-org/frontend/eslint-plugin/-/issues/18
for more information.

app/assets/javascripts/activities.js

@@ -2,8 +2,8 @@
 
 import $ from 'jquery';
 import Cookies from 'js-cookie';
-import Pager from './pager';
 import { localTimeAgo } from './lib/utils/datetime_utility';
+import Pager from './pager';
 
 export default class Activities {
   constructor(container = '') {

app/assets/javascripts/add_context_commits_modal/components/add_context_commits_modal_wrapper.vue

 <script>
-import { mapState, mapActions } from 'vuex';
 import { GlModal, GlTabs, GlTab, GlSearchBoxByType, GlSprintf } from '@gitlab/ui';
-import { BV_SHOW_MODAL } from '~/lib/utils/constants';
+import { mapState, mapActions } from 'vuex';
 import ReviewTabContainer from '~/add_context_commits_modal/components/review_tab_container.vue';
-import { s__ } from '~/locale';
 import { deprecatedCreateFlash as createFlash } from '~/flash';
+import { BV_SHOW_MODAL } from '~/lib/utils/constants';
+import { s__ } from '~/locale';
 import eventHub from '../event_hub';
 import {
   findCommitIndex,

app/assets/javascripts/add_context_commits_modal/index.js

 import Vue from 'vue';
 import { parseBoolean } from '~/lib/utils/common_utils';
-import createStore from './store';
 import AddContextCommitsModalTrigger from './components/add_context_commits_modal_trigger.vue';
 import AddContextCommitsModalWrapper from './components/add_context_commits_modal_wrapper.vue';
+import createStore from './store';
 
 export default function initAddContextCommitsTriggers() {
   const addContextCommitsModalTriggerEl = document.querySelector('.add-review-item-modal-trigger');

app/assets/javascripts/add_context_commits_modal/store/actions.js

 import _ from 'lodash';
-import axios from '~/lib/utils/axios_utils';
+import Api from '~/api';
 import { deprecatedCreateFlash as createFlash } from '~/flash';
+import axios from '~/lib/utils/axios_utils';
 import { s__ } from '~/locale';
-import Api from '~/api';
 import * as types from './mutation_types';
 
 export const setBaseConfig = ({ commit }, options) => {

app/assets/javascripts/admin/statistics_panel/components/app.vue

 <script>
-import { mapState, mapGetters, mapActions } from 'vuex';
 import { GlLoadingIcon } from '@gitlab/ui';
+import { mapState, mapGetters, mapActions } from 'vuex';
 import statisticsLabels from '../constants';
 
 export default {

app/assets/javascripts/admin/statistics_panel/store/actions.js

 import Api from '~/api';
-import { s__ } from '~/locale';
 import { deprecatedCreateFlash as createFlash } from '~/flash';
 import { convertObjectPropsToCamelCase } from '~/lib/utils/common_utils';
+import { s__ } from '~/locale';
 import * as types from './mutation_types';
 
 export const requestStatistics = ({ commit }) => commit(types.REQUEST_STATISTICS);

app/assets/javascripts/admin/users/components/actions/index.js

@@ -4,9 +4,9 @@ import Block from './block.vue';
 import Deactivate from './deactivate.vue';
 import Delete from './delete.vue';
 import DeleteWithContributions from './delete_with_contributions.vue';
+import Reject from './reject.vue';
 import Unblock from './unblock.vue';
 import Unlock from './unlock.vue';
-import Reject from './reject.vue';
 
 export default {
   Activate,

app/assets/javascripts/admin/users/components/user_actions.vue

@@ -6,10 +6,10 @@ import {
   GlDropdownSectionHeader,
   GlDropdownDivider,
 } from '@gitlab/ui';
-import { capitalizeFirstCharacter } from '~/lib/utils/text_utility';
 import { convertArrayToCamelCase } from '~/lib/utils/common_utils';
-import { generateUserPaths } from '../utils';
+import { capitalizeFirstCharacter } from '~/lib/utils/text_utility';
 import { I18N_USER_ACTIONS } from '../constants';
+import { generateUserPaths } from '../utils';
 import Actions from './actions';
 
 export default {

app/assets/javascripts/admin/users/components/users_table.vue

 <script>
 import { GlTable } from '@gitlab/ui';
 import { __ } from '~/locale';
-import UserAvatar from './user_avatar.vue';
 import UserActions from './user_actions.vue';
+import UserAvatar from './user_avatar.vue';
 import UserDate from './user_date.vue';
 
 const DEFAULT_TH_CLASSES =

app/assets/javascripts/admin/users/index.js

 import Vue from 'vue';
 import { convertObjectPropsToCamelCase } from '~/lib/utils/common_utils';
-import UsagePingDisabled from './components/usage_ping_disabled.vue';
 import AdminUsersApp from './components/app.vue';
+import UsagePingDisabled from './components/usage_ping_disabled.vue';
 
 export const initAdminUsersApp = (el = document.querySelector('#js-admin-users-app')) => {
   if (!el) {

app/assets/javascripts/alert_management/components/alert_management_table.vue

@@ -11,22 +11,22 @@ import {
   GlSprintf,
   GlTooltipDirective,
 } from '@gitlab/ui';
-import { s__, __ } from '~/locale';
+import getAlertsQuery from '~/graphql_shared/queries/get_alerts.query.graphql';
 import { fetchPolicies } from '~/lib/graphql';
+import { convertToSnakeCase } from '~/lib/utils/text_utility';
 import { joinPaths, visitUrl } from '~/lib/utils/url_utility';
-import PaginatedTableWithSearchAndTabs from '~/vue_shared/components/paginated_table_with_search_and_tabs/paginated_table_with_search_and_tabs.vue';
+import { s__, __ } from '~/locale';
+import AlertStatus from '~/vue_shared/alert_details/components/alert_status.vue';
 import {
   tdClass,
   thClass,
   bodyTrClass,
   initialPaginationState,
 } from '~/vue_shared/components/paginated_table_with_search_and_tabs/constants';
+import PaginatedTableWithSearchAndTabs from '~/vue_shared/components/paginated_table_with_search_and_tabs/paginated_table_with_search_and_tabs.vue';
 import TimeAgo from '~/vue_shared/components/time_ago_tooltip.vue';
-import { convertToSnakeCase } from '~/lib/utils/text_utility';
-import AlertStatus from '~/vue_shared/alert_details/components/alert_status.vue';
-import getAlertsQuery from '~/graphql_shared/queries/get_alerts.query.graphql';
-import getAlertsCountByStatus from '../graphql/queries/get_count_by_status.query.graphql';
 import { ALERTS_STATUS_TABS, SEVERITY_LEVELS, trackAlertListViewsOptions } from '../constants';
+import getAlertsCountByStatus from '../graphql/queries/get_count_by_status.query.graphql';
 
 const TH_TEST_ID = { 'data-testid': 'alert-management-severity-sort' };
 

app/assets/javascripts/alert_management/list.js

+import { defaultDataIdFromObject } from 'apollo-cache-inmemory';
 import Vue from 'vue';
 import VueApollo from 'vue-apollo';
-import { defaultDataIdFromObject } from 'apollo-cache-inmemory';
 import createDefaultClient from '~/lib/graphql';
 import { parseBoolean } from '~/lib/utils/common_utils';
 import { PAGE_CONFIG } from '~/vue_shared/alert_details/constants';

app/assets/javascripts/alerts_settings/components/alert_mapping_builder.vue

 <script>
-import Vue from 'vue';
 import {
   GlIcon,
   GlFormInput,
@@ -9,8 +8,9 @@ import {
   GlTooltipDirective as GlTooltip,
 } from '@gitlab/ui';
 import { cloneDeep } from 'lodash';
-import { s__, __ } from '~/locale';
+import Vue from 'vue';
 import { capitalizeFirstCharacter } from '~/lib/utils/text_utility';
+import { s__, __ } from '~/locale';
 import {
   getMappingData,
   getPayloadFields,

app/assets/javascripts/alerts_settings/components/alerts_settings_form.vue

@@ -12,16 +12,16 @@ import {
   GlModalDirective,
   GlToggle,
 } from '@gitlab/ui';
-import glFeatureFlagsMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
 import { s__ } from '~/locale';
 import ClipboardButton from '~/vue_shared/components/clipboard_button.vue';
-import getCurrentIntegrationQuery from '../graphql/queries/get_current_integration.query.graphql';
+import glFeatureFlagsMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
 import {
   integrationTypes,
   JSON_VALIDATE_DELAY,
   targetPrometheusUrlPlaceholder,
   typeSet,
 } from '../constants';
+import getCurrentIntegrationQuery from '../graphql/queries/get_current_integration.query.graphql';
 import MappingBuilder from './alert_mapping_builder.vue';
 import AlertSettingsFormHelpBlock from './alert_settings_form_help_block.vue';
 // Mocks will be removed when integrating with BE is ready

app/assets/javascripts/alerts_settings/components/alerts_settings_wrapper.vue

 <script>
-import { s__ } from '~/locale';
-import { fetchPolicies } from '~/lib/graphql';
 import createFlash, { FLASH_TYPES } from '~/flash';
-import getIntegrationsQuery from '../graphql/queries/get_integrations.query.graphql';
-import getCurrentIntegrationQuery from '../graphql/queries/get_current_integration.query.graphql';
+import { fetchPolicies } from '~/lib/graphql';
+import { s__ } from '~/locale';
+import { typeSet } from '../constants';
 import createHttpIntegrationMutation from '../graphql/mutations/create_http_integration.mutation.graphql';
 import createPrometheusIntegrationMutation from '../graphql/mutations/create_prometheus_integration.mutation.graphql';
-import updateHttpIntegrationMutation from '../graphql/mutations/update_http_integration.mutation.graphql';
-import updatePrometheusIntegrationMutation from '../graphql/mutations/update_prometheus_integration.mutation.graphql';
 import destroyHttpIntegrationMutation from '../graphql/mutations/destroy_http_integration.mutation.graphql';
 import resetHttpTokenMutation from '../graphql/mutations/reset_http_token.mutation.graphql';
 import resetPrometheusTokenMutation from '../graphql/mutations/reset_prometheus_token.mutation.graphql';
 import updateCurrentIntergrationMutation from '../graphql/mutations/update_current_intergration.mutation.graphql';
+import updateHttpIntegrationMutation from '../graphql/mutations/update_http_integration.mutation.graphql';
+import updatePrometheusIntegrationMutation from '../graphql/mutations/update_prometheus_integration.mutation.graphql';
+import getCurrentIntegrationQuery from '../graphql/queries/get_current_integration.query.graphql';
+import getIntegrationsQuery from '../graphql/queries/get_integrations.query.graphql';
 import service from '../services';
-import { typeSet } from '../constants';
 import {
   updateStoreAfterIntegrationDelete,
   updateStoreAfterIntegrationAdd,
@@ -25,8 +25,8 @@ import {
   UPDATE_INTEGRATION_ERROR,
   INTEGRATION_PAYLOAD_TEST_ERROR,
 } from '../utils/error_messages';
-import AlertSettingsForm from './alerts_settings_form.vue';
 import IntegrationsList from './alerts_integrations_list.vue';
+import AlertSettingsForm from './alerts_settings_form.vue';
 
 export default {
   typeSet,

app/assets/javascripts/alerts_settings/graphql.js

-import Vue from 'vue';
 import produce from 'immer';
+import Vue from 'vue';
 import VueApollo from 'vue-apollo';
 import createDefaultClient from '~/lib/graphql';
 import getCurrentIntegrationQuery from './graphql/queries/get_current_integration.query.graphql';

app/assets/javascripts/alerts_settings/index.js

-import Vue from 'vue';
 import { GlToast } from '@gitlab/ui';
+import Vue from 'vue';
 import { parseBoolean } from '~/lib/utils/common_utils';
 import AlertSettingsWrapper from './components/alerts_settings_wrapper.vue';
 import apolloProvider from './graphql';

app/assets/javascripts/analytics/instance_statistics/components/app.vue

 <script>
 import { TODAY, TOTAL_DAYS_TO_SHOW, START_DATE } from '../constants';
+import ChartsConfig from './charts_config';
 import InstanceCounts from './instance_counts.vue';
 import InstanceStatisticsCountChart from './instance_statistics_count_chart.vue';
-import UsersChart from './users_chart.vue';
 import ProjectsAndGroupsChart from './projects_and_groups_chart.vue';
-import ChartsConfig from './charts_config';
+import UsersChart from './users_chart.vue';
 
 export default {
   name: 'InstanceStatisticsApp',

app/assets/javascripts/analytics/instance_statistics/components/instance_counts.vue

 <script>
-import * as Sentry from '~/sentry/wrapper';
-import { s__ } from '~/locale';
+import MetricCard from '~/analytics/shared/components/metric_card.vue';
 import { deprecatedCreateFlash as createFlash } from '~/flash';
 import { SUPPORTED_FORMATS, getFormatter } from '~/lib/utils/unit_format';
-import MetricCard from '~/analytics/shared/components/metric_card.vue';
+import { s__ } from '~/locale';
+import * as Sentry from '~/sentry/wrapper';
 import instanceStatisticsCountQuery from '../graphql/queries/instance_statistics_count.query.graphql';
 
 const defaultPrecision = 0;

app/assets/javascripts/analytics/instance_statistics/components/instance_statistics_count_chart.vue

 <script>
-import { GlLineChart } from '@gitlab/ui/dist/charts';
 import { GlAlert } from '@gitlab/ui';
+import { GlLineChart } from '@gitlab/ui/dist/charts';
 import { some, every } from 'lodash';
-import * as Sentry from '~/sentry/wrapper';
-import ChartSkeletonLoader from '~/vue_shared/components/resizable_chart/skeleton_loader.vue';
 import {
   differenceInMonths,
   formatDateAsMonth,
   getDayDifference,
 } from '~/lib/utils/datetime_utility';
-import { getAverageByMonth, getEarliestDate, generateDataKeys } from '../utils';
+import * as Sentry from '~/sentry/wrapper';
+import ChartSkeletonLoader from '~/vue_shared/components/resizable_chart/skeleton_loader.vue';
 import { TODAY, START_DATE } from '../constants';
+import { getAverageByMonth, getEarliestDate, generateDataKeys } from '../utils';
 
 const QUERY_DATA_KEY = 'instanceStatisticsMeasurements';
 

app/assets/javascripts/analytics/instance_statistics/components/projects_and_groups_chart.vue

@@ -3,10 +3,10 @@ import { GlAlert } from '@gitlab/ui';
 import { GlLineChart } from '@gitlab/ui/dist/charts';
 import produce from 'immer';
 import { sortBy } from 'lodash';
+import { formatDateAsMonth } from '~/lib/utils/datetime_utility';
+import { s__, __ } from '~/locale';
 import * as Sentry from '~/sentry/wrapper';
 import ChartSkeletonLoader from '~/vue_shared/components/resizable_chart/skeleton_loader.vue';
-import { s__, __ } from '~/locale';
-import { formatDateAsMonth } from '~/lib/utils/datetime_utility';
 import latestGroupsQuery from '../graphql/queries/groups.query.graphql';
 import latestProjectsQuery from '../graphql/queries/projects.query.graphql';
 import { getAverageByMonth } from '../utils';

app/assets/javascripts/analytics/instance_statistics/components/users_chart.vue

@@ -3,10 +3,10 @@ import { GlAlert } from '@gitlab/ui';
 import { GlAreaChart } from '@gitlab/ui/dist/charts';
 import produce from 'immer';
 import { sortBy } from 'lodash';
+import { formatDateAsMonth } from '~/lib/utils/datetime_utility';
+import { __ } from '~/locale';
 import * as Sentry from '~/sentry/wrapper';
 import ChartSkeletonLoader from '~/vue_shared/components/resizable_chart/skeleton_loader.vue';
-import { __ } from '~/locale';
-import { formatDateAsMonth } from '~/lib/utils/datetime_utility';
 import usersQuery from '../graphql/queries/users.query.graphql';
 import { getAverageByMonth } from '../utils';
 

app/assets/javascripts/artifacts_settings/index.js

 import Vue from 'vue';
 import VueApollo from 'vue-apollo';
-import createDefaultClient from '~/lib/graphql';
 import KeepLatestArtifactCheckbox from '~/artifacts_settings/keep_latest_artifact_checkbox.vue';
+import createDefaultClient from '~/lib/graphql';
 
 Vue.use(VueApollo);
 

app/assets/javascripts/artifacts_settings/keep_latest_artifact_checkbox.vue

 <script>
 import { GlAlert, GlFormCheckbox, GlLink } from '@gitlab/ui';
 import { __ } from '~/locale';
-import GetKeepLatestArtifactProjectSetting from './graphql/queries/get_keep_latest_artifact_project_setting.query.graphql';
-import GetKeepLatestArtifactApplicationSetting from './graphql/queries/get_keep_latest_artifact_application_setting.query.graphql';
 import UpdateKeepLatestArtifactProjectSetting from './graphql/mutations/update_keep_latest_artifact_project_setting.mutation.graphql';
+import GetKeepLatestArtifactApplicationSetting from './graphql/queries/get_keep_latest_artifact_application_setting.query.graphql';
+import GetKeepLatestArtifactProjectSetting from './graphql/queries/get_keep_latest_artifact_project_setting.query.graphql';
 
 export default {
   errors: {

app/assets/javascripts/authentication/mount_2fa.js

 import $ from 'jquery';
 import initU2F from './u2f';
-import initWebauthn from './webauthn';
 import U2FRegister from './u2f/register';
+import initWebauthn from './webauthn';
 import WebAuthnRegister from './webauthn/register';
 
 export const mount2faAuthentication = () => {

app/assets/javascripts/authentication/two_factor_auth/components/recovery_codes.vue

 <script>
-import Mousetrap from 'mousetrap';
 import { GlSprintf, GlButton, GlAlert } from '@gitlab/ui';
-import ClipboardButton from '~/vue_shared/components/clipboard_button.vue';
-import Tracking from '~/tracking';
+import Mousetrap from 'mousetrap';
 import { __ } from '~/locale';
+import Tracking from '~/tracking';
+import ClipboardButton from '~/vue_shared/components/clipboard_button.vue';
 import {
   COPY_BUTTON_ACTION,
   DOWNLOAD_BUTTON_ACTION,

app/assets/javascripts/authentication/u2f/authenticate.js

 import $ from 'jquery';
 import { template as lodashTemplate, omit } from 'lodash';
-import importU2FLibrary from './util';
 import U2FError from './error';
+import importU2FLibrary from './util';
 
 // Authenticate U2F (universal 2nd factor) devices for users to authenticate with.
 //

app/assets/javascripts/authentication/u2f/register.js

 import $ from 'jquery';
 import { template as lodashTemplate } from 'lodash';
 import { __ } from '~/locale';
-import importU2FLibrary from './util';
 import U2FError from './error';
+import importU2FLibrary from './util';
 
 // Register U2F (universal 2nd factor) devices for users to authenticate with.
 //

app/assets/javascripts/awards_handler.js

 /* eslint-disable class-methods-use-this, @gitlab/require-i18n-strings */
 
-import $ from 'jquery';
-import { uniq } from 'lodash';
 import { GlBreakpointInstance as bp } from '@gitlab/ui/dist/utils';
+import $ from 'jquery';
 import Cookies from 'js-cookie';
+import { uniq } from 'lodash';
 import * as Emoji from '~/emoji';
 import { dispose, fixTitle } from '~/tooltips';
-import { __ } from './locale';
-import { isInVueNoteablePage } from './lib/utils/dom_utils';
 import { deprecatedCreateFlash as flash } from './flash';
 import axios from './lib/utils/axios_utils';
+import { isInVueNoteablePage } from './lib/utils/dom_utils';
+import { __ } from './locale';
 
 const animationEndEventString = 'animationend webkitAnimationEnd MSAnimationEnd oAnimationEnd';
 const transitionEndEventString = 'transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd';

app/assets/javascripts/badges/components/badge_form.vue

 <script>
 /* eslint-disable vue/no-v-html */
+import { GlLoadingIcon, GlFormInput, GlFormGroup, GlButton } from '@gitlab/ui';
 import { escape, debounce } from 'lodash';
 import { mapActions, mapState } from 'vuex';
-import { GlLoadingIcon, GlFormInput, GlFormGroup, GlButton } from '@gitlab/ui';
 import { deprecatedCreateFlash as createFlash } from '~/flash';
 import { s__, sprintf } from '~/locale';
 import createEmptyBadge from '../empty_badge';

app/assets/javascripts/badges/components/badge_list.vue

 <script>
-import { mapState } from 'vuex';
 import { GlLoadingIcon } from '@gitlab/ui';
+import { mapState } from 'vuex';
 import { GROUP_BADGE } from '../constants';
 import BadgeListRow from './badge_list_row.vue';
 

app/assets/javascripts/badges/components/badge_list_row.vue

 <script>
-import { mapActions, mapState } from 'vuex';
 import { GlLoadingIcon, GlButton, GlModalDirective } from '@gitlab/ui';
+import { mapActions, mapState } from 'vuex';
 import { s__ } from '~/locale';
 import { PROJECT_BADGE } from '../constants';
 import Badge from './badge.vue';

app/assets/javascripts/badges/components/badge_settings.vue

 <script>
-import { mapState, mapActions } from 'vuex';
 import { GlSprintf, GlModal } from '@gitlab/ui';
+import { mapState, mapActions } from 'vuex';
 import { deprecatedCreateFlash as createFlash } from '~/flash';
 import { s__ } from '~/locale';
 import Badge from './badge.vue';

app/assets/javascripts/badges/store/index.js

 import Vue from 'vue';
 import Vuex from 'vuex';
-import createState from './state';
 import actions from './actions';
 import mutations from './mutations';
+import createState from './state';
 
 Vue.use(Vuex);
 

app/assets/javascripts/batch_comments/components/draft_note.vue

 <script>
 /* eslint-disable vue/no-v-html */
-import { mapActions, mapGetters, mapState } from 'vuex';
 import { GlButton } from '@gitlab/ui';
+import { mapActions, mapGetters, mapState } from 'vuex';
 import NoteableNote from '~/notes/components/noteable_note.vue';
 import PublishButton from './publish_button.vue';
 

app/assets/javascripts/batch_comments/components/drafts_count.vue

 <script>
-import { mapGetters } from 'vuex';
 import { GlBadge } from '@gitlab/ui';
+import { mapGetters } from 'vuex';
 
 export default {
   components: {

app/assets/javascripts/batch_comments/components/preview_dropdown.vue

 <script>
-import { mapActions, mapGetters } from 'vuex';
 import { GlDropdown, GlDropdownItem, GlIcon } from '@gitlab/ui';
+import { mapActions, mapGetters } from 'vuex';
 import PreviewItem from './preview_item.vue';
 
 export default {

app/assets/javascripts/batch_comments/components/preview_item.vue

 <script>
-import { mapGetters } from 'vuex';
 import { GlSprintf, GlIcon } from '@gitlab/ui';
+import { mapGetters } from 'vuex';
 import { IMAGE_DIFF_POSITION_TYPE } from '~/diffs/constants';
 import { sprintf, __ } from '~/locale';
 import {

app/assets/javascripts/batch_comments/components/publish_button.vue

 <script>
-import { mapActions, mapState } from 'vuex';
 import { GlButton } from '@gitlab/ui';
+import { mapActions, mapState } from 'vuex';
 import DraftsCount from './drafts_count.vue';
 
 export default {

app/assets/javascripts/batch_comments/stores/modules/batch_comments/actions.js

 import { deprecatedCreateFlash as flash } from '~/flash';
-import { __ } from '~/locale';
 import { scrollToElement } from '~/lib/utils/common_utils';
-import service from '../../../services/drafts_service';
+import { __ } from '~/locale';
 import { CHANGES_TAB, DISCUSSION_TAB, SHOW_TAB } from '../../../constants';
+import service from '../../../services/drafts_service';
 import * as types from './mutation_types';
 
 export const saveDraft = ({ dispatch }, draft) =>

app/assets/javascripts/batch_comments/stores/modules/batch_comments/index.js

-import state from './state';
-import mutations from './mutations';
 import * as actions from './actions';
 import * as getters from './getters';
+import mutations from './mutations';
+import state from './state';
 
 export default () => ({
   namespaced: true,

app/assets/javascripts/behaviors/collapse_sidebar_on_window_resize.js

-import $ from 'jquery';
 import { GlBreakpointInstance as bp } from '@gitlab/ui/dist/utils';
+import $ from 'jquery';
 
 /**
  * This behavior collapses the right sidebar

app/assets/javascripts/behaviors/copy_to_clipboard.js

-import $ from 'jquery';
 import Clipboard from 'clipboard';
+import $ from 'jquery';
 import { sprintf, __ } from '~/locale';
 import { fixTitle, show } from '~/tooltips';
 

app/assets/javascripts/behaviors/gl_emoji.js

 import 'document-register-element';
-import isEmojiUnicodeSupported from '../emoji/support';
 import {
   initEmojiMap,
   getEmojiInfo,
@@ -7,6 +6,7 @@ import {
   emojiImageTag,
   FALLBACK_EMOJI_KEY,
 } from '../emoji';
+import isEmojiUnicodeSupported from '../emoji/support';
 
 class GlEmoji extends HTMLElement {
   connectedCallback() {

app/assets/javascripts/behaviors/index.js

@@ -2,17 +2,17 @@ import $ from 'jquery';
 import './autosize';
 import './bind_in_out';
 import './markdown/render_gfm';
-import initCopyAsGFM from './markdown/copy_as_gfm';
+import initCollapseSidebarOnWindowResize from './collapse_sidebar_on_window_resize';
 import initCopyToClipboard from './copy_to_clipboard';
 import installGlEmojiElement from './gl_emoji';
+import { loadStartupCSS } from './load_startup_css';
+import initCopyAsGFM from './markdown/copy_as_gfm';
 import './quick_submit';
 import './requires_input';
+import initSelect2Dropdowns from './select2';
 import initPageShortcuts from './shortcuts';
 import './toggler_behavior';
 import './preview_markdown';
-import initCollapseSidebarOnWindowResize from './collapse_sidebar_on_window_resize';
-import initSelect2Dropdowns from './select2';
-import { loadStartupCSS } from './load_startup_css';
 
 loadStartupCSS();
 

app/assets/javascripts/behaviors/markdown/editor_extensions.js

-import Doc from './nodes/doc';
-import Paragraph from './nodes/paragraph';
-import Text from './nodes/text';
-
+import Bold from './marks/bold';
+import Code from './marks/code';
+import InlineDiff from './marks/inline_diff';
+import InlineHTML from './marks/inline_html';
+import Italic from './marks/italic';
+import Link from './marks/link';
+import MathMark from './marks/math';
+import Strike from './marks/strike';
+import Audio from './nodes/audio';
 import Blockquote from './nodes/blockquote';
+import BulletList from './nodes/bullet_list';
 import CodeBlock from './nodes/code_block';
+import DescriptionDetails from './nodes/description_details';
+import DescriptionList from './nodes/description_list';
+import DescriptionTerm from './nodes/description_term';
+import Details from './nodes/details';
+import Doc from './nodes/doc';
+
+import Emoji from './nodes/emoji';
 import HardBreak from './nodes/hard_break';
 import Heading from './nodes/heading';
 import HorizontalRule from './nodes/horizontal_rule';
 import Image from './nodes/image';
 
+import Reference from './nodes/reference';
 import Table from './nodes/table';
 import TableHead from './nodes/table_head';
 import TableBody from './nodes/table_body';
@@ -16,37 +30,19 @@ import TableHeaderRow from './nodes/table_header_row';
 import TableRow from './nodes/table_row';
 import TableCell from './nodes/table_cell';
 
-import Emoji from './nodes/emoji';
-import Reference from './nodes/reference';
-
 import TableOfContents from './nodes/table_of_contents';
+import TaskList from './nodes/task_list';
+import TaskListItem from './nodes/task_list_item';
 import Video from './nodes/video';
-import Audio from './nodes/audio';
 
-import BulletList from './nodes/bullet_list';
 import OrderedList from './nodes/ordered_list';
 import ListItem from './nodes/list_item';
 
-import DescriptionList from './nodes/description_list';
-import DescriptionTerm from './nodes/description_term';
-import DescriptionDetails from './nodes/description_details';
-
-import TaskList from './nodes/task_list';
 import OrderedTaskList from './nodes/ordered_task_list';
-import TaskListItem from './nodes/task_list_item';
+import Paragraph from './nodes/paragraph';
 
 import Summary from './nodes/summary';
-import Details from './nodes/details';
-
-import Bold from './marks/bold';
-import Italic from './marks/italic';
-import Strike from './marks/strike';
-import InlineDiff from './marks/inline_diff';
-
-import Link from './marks/link';
-import Code from './marks/code';
-import MathMark from './marks/math';
-import InlineHTML from './marks/inline_html';
+import Text from './nodes/text';
 
 // The filters referenced in lib/banzai/pipeline/gfm_pipeline.rb transform
 // GitLab Flavored Markdown (GFM) to HTML.

app/assets/javascripts/behaviors/markdown/marks/bold.js

 /* eslint-disable class-methods-use-this */
 
-import { Bold as BaseBold } from 'tiptap-extensions';
 import { defaultMarkdownSerializer } from 'prosemirror-markdown';
+import { Bold as BaseBold } from 'tiptap-extensions';
 
 // Transforms generated HTML back to GFM for Banzai::Filter::MarkdownFilter
 export default class Bold extends BaseBold {

app/assets/javascripts/behaviors/markdown/marks/code.js

 /* eslint-disable class-methods-use-this */
 
-import { Code as BaseCode } from 'tiptap-extensions';
 import { defaultMarkdownSerializer } from 'prosemirror-markdown';
+import { Code as BaseCode } from 'tiptap-extensions';
 
 // Transforms generated HTML back to GFM for Banzai::Filter::MarkdownFilter
 export default class Code extends BaseCode {

app/assets/javascripts/behaviors/markdown/marks/inline_html.js

 /* eslint-disable class-methods-use-this */
 
-import { Mark } from 'tiptap';
 import { escape } from 'lodash';
+import { Mark } from 'tiptap';
 
 // Transforms generated HTML back to GFM for Banzai::Filter::MarkdownFilter
 export default class InlineHTML extends Mark {

app/assets/javascripts/behaviors/markdown/marks/italic.js

 /* eslint-disable class-methods-use-this */
 
-import { Italic as BaseItalic } from 'tiptap-extensions';
 import { defaultMarkdownSerializer } from 'prosemirror-markdown';
+import { Italic as BaseItalic } from 'tiptap-extensions';
 
 // Transforms generated HTML back to GFM for Banzai::Filter::MarkdownFilter
 export default class Italic extends BaseItalic {

app/assets/javascripts/behaviors/markdown/marks/link.js

 /* eslint-disable class-methods-use-this */
 
-import { Link as BaseLink } from 'tiptap-extensions';
 import { defaultMarkdownSerializer } from 'prosemirror-markdown';
+import { Link as BaseLink } from 'tiptap-extensions';
 
 // Transforms generated HTML back to GFM for Banzai::Filter::MarkdownFilter
 export default class Link extends BaseLink {

app/assets/javascripts/behaviors/markdown/marks/math.js

 /* eslint-disable class-methods-use-this */
 
-import { Mark } from 'tiptap';
 import { defaultMarkdownSerializer } from 'prosemirror-markdown';
+import { Mark } from 'tiptap';
 import { HIGHER_PARSE_RULE_PRIORITY } from '../constants';
 
 // Transforms generated HTML back to GFM for Banzai::Filter::MathFilter

app/assets/javascripts/behaviors/markdown/nodes/blockquote.js

 /* eslint-disable class-methods-use-this */
 
-import { Blockquote as BaseBlockquote } from 'tiptap-extensions';
 import { defaultMarkdownSerializer } from 'prosemirror-markdown';
+import { Blockquote as BaseBlockquote } from 'tiptap-extensions';
 
 // Transforms generated HTML back to GFM for Banzai::Filter::MarkdownFilter
 export default class Blockquote extends BaseBlockquote {

app/assets/javascripts/behaviors/markdown/nodes/bullet_list.js

 /* eslint-disable class-methods-use-this */
 
-import { BulletList as BaseBulletList } from 'tiptap-extensions';
 import { defaultMarkdownSerializer } from 'prosemirror-markdown';
+import { BulletList as BaseBulletList } from 'tiptap-extensions';
 
 // Transforms generated HTML back to GFM for Banzai::Filter::MarkdownFilter
 export default class BulletList extends BaseBulletList {

app/assets/javascripts/behaviors/markdown/nodes/heading.js

 /* eslint-disable class-methods-use-this */
 
-import { Heading as BaseHeading } from 'tiptap-extensions';
 import { defaultMarkdownSerializer } from 'prosemirror-markdown';
+import { Heading as BaseHeading } from 'tiptap-extensions';
 
 // Transforms generated HTML back to GFM for Banzai::Filter::MarkdownFilter
 export default class Heading extends BaseHeading {

app/assets/javascripts/behaviors/markdown/nodes/horizontal_rule.js

 /* eslint-disable class-methods-use-this */
 
-import { HorizontalRule as BaseHorizontalRule } from 'tiptap-extensions';
 import { defaultMarkdownSerializer } from 'prosemirror-markdown';
+import { HorizontalRule as BaseHorizontalRule } from 'tiptap-extensions';
 
 // Transforms generated HTML back to GFM for Banzai::Filter::MarkdownFilter
 export default class HorizontalRule extends BaseHorizontalRule {

app/assets/javascripts/behaviors/markdown/nodes/image.js

 /* eslint-disable class-methods-use-this */
 
-import { Image as BaseImage } from 'tiptap-extensions';
 import { defaultMarkdownSerializer } from 'prosemirror-markdown';
+import { Image as BaseImage } from 'tiptap-extensions';
 import { placeholderImage } from '~/lazy_loader';
 import { HIGHER_PARSE_RULE_PRIORITY } from '../constants';
 

app/assets/javascripts/behaviors/markdown/nodes/list_item.js

 /* eslint-disable class-methods-use-this */
 
-import { ListItem as BaseListItem } from 'tiptap-extensions';
 import { defaultMarkdownSerializer } from 'prosemirror-markdown';
+import { ListItem as BaseListItem } from 'tiptap-extensions';
 
 // Transforms generated HTML back to GFM for Banzai::Filter::MarkdownFilter
 export default class ListItem extends BaseListItem {

app/assets/javascripts/behaviors/markdown/nodes/paragraph.js

 /* eslint-disable class-methods-use-this */
 
-import { Node } from 'tiptap';
 import { defaultMarkdownSerializer } from 'prosemirror-markdown';
+import { Node } from 'tiptap';
 
 // Transforms generated HTML back to GFM for Banzai::Filter::MarkdownFilter
 export default class Paragraph extends Node {

app/assets/javascripts/behaviors/markdown/nodes/playable.js

 /* eslint-disable class-methods-use-this */
 /* eslint-disable @gitlab/require-i18n-strings */
 
-import { Node } from 'tiptap';
 import { defaultMarkdownSerializer } from 'prosemirror-markdown';
+import { Node } from 'tiptap';
 import { HIGHER_PARSE_RULE_PRIORITY } from '../constants';
 
 /**

app/assets/javascripts/behaviors/markdown/nodes/text.js

 /* eslint-disable class-methods-use-this */
 
-import { Node } from 'tiptap';
 import { defaultMarkdownSerializer } from 'prosemirror-markdown';
+import { Node } from 'tiptap';
 
 export default class Text extends Node {
   get name() {

app/assets/javascripts/behaviors/markdown/render_gfm.js

 import $ from 'jquery';
 import syntaxHighlight from '~/syntax_highlight';
 import initUserPopovers from '../../user_popovers';
+import highlightCurrentUser from './highlight_current_user';
 import renderMath from './render_math';
 import renderMermaid from './render_mermaid';
 import renderMetrics from './render_metrics';
-import highlightCurrentUser from './highlight_current_user';
 
 // Render GitLab flavoured Markdown
 //

app/assets/javascripts/behaviors/markdown/render_math.js

 import { deprecatedCreateFlash as flash } from '~/flash';
-import { s__, sprintf } from '~/locale';
 import { differenceInMilliseconds } from '~/lib/utils/datetime_utility';
+import { s__, sprintf } from '~/locale';
 
 // Renders math using KaTeX in any element with the
 // `js-render-math` class

app/assets/javascripts/behaviors/preview_markdown.js

 /* eslint-disable func-names */
 
 import $ from 'jquery';
-import axios from '~/lib/utils/axios_utils';
 import { deprecatedCreateFlash as flash } from '~/flash';
+import axios from '~/lib/utils/axios_utils';
 import { __ } from '~/locale';
 
 // MarkdownPreview

app/assets/javascripts/behaviors/secret_values.js

-import { n__ } from '../locale';
 import { parseBoolean } from '../lib/utils/common_utils';
+import { n__ } from '../locale';
 
 export default class SecretValues {
   constructor({

app/assets/javascripts/behaviors/shortcuts/keybindings.js

 import { flatten } from 'lodash';
-import { s__ } from '~/locale';
 import AccessorUtilities from '~/lib/utils/accessor';
+import { s__ } from '~/locale';
 import { shouldDisableShortcuts } from './shortcuts_toggle';
 
 export const LOCAL_STORAGE_KEY = 'gl-keyboard-shortcuts-customizations';

app/assets/javascripts/behaviors/shortcuts/shortcuts.js

 import $ from 'jquery';
 import Cookies from 'js-cookie';
+import { flatten } from 'lodash';
 import Mousetrap from 'mousetrap';
 import Vue from 'vue';
-import { flatten } from 'lodash';
-import { refreshCurrentPage, visitUrl } from '~/lib/utils/url_utility';
-import findAndFollowLink from '~/lib/utils/navigation_utility';
 import { parseBoolean } from '~/lib/utils/common_utils';
+import findAndFollowLink from '~/lib/utils/navigation_utility';
+import { refreshCurrentPage, visitUrl } from '~/lib/utils/url_utility';
 
-import { disableShortcuts, shouldDisableShortcuts } from './shortcuts_toggle';
 import { keysFor, TOGGLE_PERFORMANCE_BAR, TOGGLE_CANARY } from './keybindings';
+import { disableShortcuts, shouldDisableShortcuts } from './shortcuts_toggle';
 
 const defaultStopCallback = Mousetrap.prototype.stopCallback;
 Mousetrap.prototype.stopCallback = function customStopCallback(e, element, combo) {

app/assets/javascripts/behaviors/shortcuts/shortcuts_issuable.js

 import $ from 'jquery';
 import Mousetrap from 'mousetrap';
+import { clickCopyToClipboardButton } from '~/behaviors/copy_to_clipboard';
 import { getSelectedFragment } from '~/lib/utils/common_utils';
 import { isElementVisible } from '~/lib/utils/dom_utils';
-import { clickCopyToClipboardButton } from '~/behaviors/copy_to_clipboard';
-import { CopyAsGFM } from '../markdown/copy_as_gfm';
 import Sidebar from '../../right_sidebar';
+import { CopyAsGFM } from '../markdown/copy_as_gfm';
 import Shortcuts from './shortcuts';
 
 export default class ShortcutsIssuable extends Shortcuts {

app/assets/javascripts/blob/3d_viewer/index.js

-import * as THREE from 'three/build/three.module';
-import STLLoaderClass from 'three-stl-loader';
 import OrbitControlsClass from 'three-orbit-controls';
+import STLLoaderClass from 'three-stl-loader';
+import * as THREE from 'three/build/three.module';
 import MeshObject from './mesh_object';
 
 const STLLoader = STLLoaderClass(THREE);

app/assets/javascripts/blob/balsamiq/balsamiq_viewer.js

-import sqljs from 'sql.js';
 import { template as _template } from 'lodash';
+import sqljs from 'sql.js';
 import axios from '~/lib/utils/axios_utils';
 import { successCodes } from '~/lib/utils/http_status';
 

app/assets/javascripts/blob/blob_file_dropzone.js

 /* eslint-disable func-names */
 
-import $ from 'jquery';
 import Dropzone from 'dropzone';
+import $ from 'jquery';
 import { sprintf, __ } from '~/locale';
-import { visitUrl } from '../lib/utils/url_utility';
 import { HIDDEN_CLASS } from '../lib/utils/constants';
 import csrf from '../lib/utils/csrf';
+import { visitUrl } from '../lib/utils/url_utility';
 
 Dropzone.autoDiscover = false;
 

app/assets/javascripts/blob/components/blob_header.vue

 <script>
-import ViewerSwitcher from './blob_header_viewer_switcher.vue';
 import DefaultActions from './blob_header_default_actions.vue';
 import BlobFilepath from './blob_header_filepath.vue';
+import ViewerSwitcher from './blob_header_viewer_switcher.vue';
 import { SIMPLE_BLOB_VIEWER } from './constants';
 
 export default {

app/assets/javascripts/blob/components/blob_header_filepath.vue

 <script>
-import FileIcon from '~/vue_shared/components/file_icon.vue';
-import ClipboardButton from '~/vue_shared/components/clipboard_button.vue';
 import { numberToHumanSize } from '~/lib/utils/number_utils';
+import ClipboardButton from '~/vue_shared/components/clipboard_button.vue';
+import FileIcon from '~/vue_shared/components/file_icon.vue';
 
 export default {
   components: {

app/assets/javascripts/blob/components/constants.js

-import { __, sprintf } from '~/locale';
 import { numberToHumanSize } from '~/lib/utils/number_utils';
+import { __, sprintf } from '~/locale';
 
 export const BTN_COPY_CONTENTS_TITLE = __('Copy file contents');
 export const BTN_RAW_TITLE = __('Open raw');

app/assets/javascripts/blob/file_template_mediator.js

 import $ from 'jquery';
 
 import Api from '~/api';
-import toast from '~/vue_shared/plugins/global_toast';
-import { __ } from '~/locale';
 import initPopover from '~/blob/suggest_gitlab_ci_yml';
+import { __ } from '~/locale';
+import toast from '~/vue_shared/plugins/global_toast';
 
 import { deprecatedCreateFlash as Flash } from '../flash';
 
-import FileTemplateTypeSelector from './template_selectors/type_selector';
-import BlobCiYamlSelector from './template_selectors/ci_yaml_selector';
 import BlobCiSyntaxYamlSelector from './template_selectors/ci_syntax_yaml_selector';
+import BlobCiYamlSelector from './template_selectors/ci_yaml_selector';
 import DockerfileSelector from './template_selectors/dockerfile_selector';
 import GitignoreSelector from './template_selectors/gitignore_selector';
 import LicenseSelector from './template_selectors/license_selector';
 import MetricsDashboardSelector from './template_selectors/metrics_dashboard_selector';
+import FileTemplateTypeSelector from './template_selectors/type_selector';
 
 export default class FileTemplateMediator {
   constructor({ editor, currentAction, projectId }) {

app/assets/javascripts/blob/template_selectors/dockerfile_selector.js

-import { __ } from '~/locale';
 import initDeprecatedJQueryDropdown from '~/deprecated_jquery_dropdown';
+import { __ } from '~/locale';
 import FileTemplateSelector from '../file_template_selector';
 
 export default class DockerfileSelector extends FileTemplateSelector {

app/assets/javascripts/blob/viewer/index.js

@@ -3,8 +3,8 @@ import '~/behaviors/markdown/render_gfm';
 import { __ } from '~/locale';
 import { fixTitle } from '~/tooltips';
 import { deprecatedCreateFlash as Flash } from '../../flash';
-import { handleLocationHash } from '../../lib/utils/common_utils';
 import axios from '../../lib/utils/axios_utils';
+import { handleLocationHash } from '../../lib/utils/common_utils';
 import eventHub from '../../notes/event_hub';
 
 const loadRichBlobViewer = (type) => {

app/assets/javascripts/blob_edit/blob_bundle.js

 /* eslint-disable no-new */
 
 import $ from 'jquery';
-import { deprecatedCreateFlash as createFlash } from '~/flash';
 import initPopover from '~/blob/suggest_gitlab_ci_yml';
+import { deprecatedCreateFlash as createFlash } from '~/flash';
 import { disableButtonIfEmptyField, setCookie } from '~/lib/utils/common_utils';
 import Tracking from '~/tracking';
 import BlobFileDropzone from '../blob/blob_file_dropzone';

app/assets/javascripts/blob_edit/edit_blob.js

 import $ from 'jquery';
-import axios from '~/lib/utils/axios_utils';
-import { deprecatedCreateFlash as createFlash } from '~/flash';
-import { addEditorMarkdownListeners } from '~/lib/utils/text_markdown';
 import EditorLite from '~/editor/editor_lite';
 import { FileTemplateExtension } from '~/editor/extensions/editor_file_template_ext';
+import { deprecatedCreateFlash as createFlash } from '~/flash';
+import axios from '~/lib/utils/axios_utils';
+import { addEditorMarkdownListeners } from '~/lib/utils/text_markdown';
 import { insertFinalNewline } from '~/lib/utils/text_utility';
 import TemplateSelectorMediator from '../blob/file_template_mediator';
 import { BLOB_EDITOR_ERROR, BLOB_PREVIEW_ERROR } from './constants';

app/assets/javascripts/boards/components/board_assignee_dropdown.vue

 <script>
-import { mapActions, mapGetters, mapState } from 'vuex';
-import { cloneDeep } from 'lodash';
 import {
   GlDropdownItem,
   GlDropdownDivider,
@@ -9,12 +7,14 @@ import {
   GlSearchBoxByType,
   GlLoadingIcon,
 } from '@gitlab/ui';
+import { cloneDeep } from 'lodash';
+import { mapActions, mapGetters, mapState } from 'vuex';
+import BoardEditableItem from '~/boards/components/sidebar/board_editable_item.vue';
+import searchUsers from '~/boards/graphql/users_search.query.graphql';
 import { __, n__ } from '~/locale';
 import IssuableAssignees from '~/sidebar/components/assignees/issuable_assignees.vue';
-import BoardEditableItem from '~/boards/components/sidebar/board_editable_item.vue';
 import MultiSelectDropdown from '~/vue_shared/components/sidebar/multiselect_dropdown.vue';
 import getIssueParticipants from '~/vue_shared/components/sidebar/queries/getIssueParticipants.query.graphql';
-import searchUsers from '~/boards/graphql/users_search.query.graphql';
 
 export default {
   noSearchDelay: 0,

app/assets/javascripts/boards/components/board_card_layout_deprecated.vue

 <script>
 import { mapActions, mapGetters } from 'vuex';
-import glFeatureFlagMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
 import { ISSUABLE } from '~/boards/constants';
+import glFeatureFlagMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
 import boardsStore from '../stores/boards_store';
 import IssueCardInner from './issue_card_inner.vue';
 import IssueCardInnerDeprecated from './issue_card_inner_deprecated.vue';

app/assets/javascripts/boards/components/board_column_deprecated.vue

@@ -2,8 +2,8 @@
 // This component is being replaced in favor of './board_column.vue' for GraphQL boards
 import Sortable from 'sortablejs';
 import BoardListHeader from 'ee_else_ce/boards/components/board_list_header_deprecated.vue';
-import boardsStore from '../stores/boards_store';
 import { getBoardSortableDefaultOptions, sortableEnd } from '../mixins/sortable_default_options';
+import boardsStore from '../stores/boards_store';
 import BoardList from './board_list_deprecated.vue';
 
 export default {

app/assets/javascripts/boards/components/board_content.vue

 <script>
+import { GlAlert } from '@gitlab/ui';
+import { sortBy } from 'lodash';
 import Draggable from 'vuedraggable';
 import { mapState, mapGetters, mapActions } from 'vuex';
-import { sortBy } from 'lodash';
-import { GlAlert } from '@gitlab/ui';
-import glFeatureFlagMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
-import defaultSortableConfig from '~/sortable/sortable_config';
 import { sortableEnd, sortableStart } from '~/boards/mixins/sortable_default_options';
+import defaultSortableConfig from '~/sortable/sortable_config';
+import glFeatureFlagMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
 import BoardColumn from './board_column.vue';
 import BoardColumnDeprecated from './board_column_deprecated.vue';
 

app/assets/javascripts/boards/components/board_form.vue

 <script>
 import { GlModal } from '@gitlab/ui';
-import { __, s__ } from '~/locale';
 import { deprecatedCreateFlash as Flash } from '~/flash';
-import { visitUrl } from '~/lib/utils/url_utility';
-import { getParameterByName } from '~/lib/utils/common_utils';
 import { convertToGraphQLId } from '~/graphql_shared/utils';
+import { getParameterByName } from '~/lib/utils/common_utils';
+import { visitUrl } from '~/lib/utils/url_utility';
+import { __, s__ } from '~/locale';
 import { fullLabelId, fullBoardId } from '../boards_util';
 import { formType } from '../constants';
 
-import updateBoardMutation from '../graphql/board_update.mutation.graphql';
 import createBoardMutation from '../graphql/board_create.mutation.graphql';
 import destroyBoardMutation from '../graphql/board_destroy.mutation.graphql';
+import updateBoardMutation from '../graphql/board_update.mutation.graphql';
 import BoardConfigurationOptions from './board_configuration_options.vue';
 
 const boardDefaults = {

app/assets/javascripts/boards/components/board_list.vue

 <script>
+import { GlLoadingIcon } from '@gitlab/ui';
 import Draggable from 'vuedraggable';
 import { mapActions, mapState } from 'vuex';
-import { GlLoadingIcon } from '@gitlab/ui';
-import defaultSortableConfig from '~/sortable/sortable_config';
 import { sortableStart, sortableEnd } from '~/boards/mixins/sortable_default_options';
 import { sprintf, __ } from '~/locale';
+import defaultSortableConfig from '~/sortable/sortable_config';
 import eventHub from '../eventhub';
-import BoardNewIssue from './board_new_issue.vue';
 import BoardCard from './board_card.vue';
+import BoardNewIssue from './board_new_issue.vue';
 
 export default {
   name: 'BoardList',

app/assets/javascripts/boards/components/board_list_deprecated.vue

 <script>
-import { Sortable, MultiDrag } from 'sortablejs';
 import { GlLoadingIcon } from '@gitlab/ui';
-import { sprintf, __ } from '~/locale';
+import { Sortable, MultiDrag } from 'sortablejs';
 import { deprecatedCreateFlash as createFlash } from '~/flash';
 import { BV_HIDE_TOOLTIP } from '~/lib/utils/constants';
+import { sprintf, __ } from '~/locale';
 import eventHub from '../eventhub';
-import boardsStore from '../stores/boards_store';
 import {
   getBoardSortableDefaultOptions,
   sortableStart,
   sortableEnd,
 } from '../mixins/sortable_default_options';
+import boardsStore from '../stores/boards_store';
 import boardCard from './board_card.vue';
 import boardNewIssue from './board_new_issue_deprecated.vue';
 

app/assets/javascripts/boards/components/board_list_header.vue

 <script>
-import { mapActions, mapState } from 'vuex';
 import {
   GlButton,
   GlButtonGroup,
@@ -9,14 +8,15 @@ import {
   GlSprintf,
   GlTooltipDirective,
 } from '@gitlab/ui';
-import { n__, s__, __ } from '~/locale';
-import sidebarEventHub from '~/sidebar/event_hub';
-import { isScopedLabel } from '~/lib/utils/common_utils';
+import { mapActions, mapState } from 'vuex';
 import { isListDraggable } from '~/boards/boards_util';
+import { isScopedLabel } from '~/lib/utils/common_utils';
 import { BV_HIDE_TOOLTIP } from '~/lib/utils/constants';
+import { n__, s__, __ } from '~/locale';
+import sidebarEventHub from '~/sidebar/event_hub';
+import AccessorUtilities from '../../lib/utils/accessor';
 import { inactiveId, LIST, ListType } from '../constants';
 import eventHub from '../eventhub';
-import AccessorUtilities from '../../lib/utils/accessor';
 import IssueCount from './issue_count.vue';
 
 export default {

app/assets/javascripts/boards/components/board_list_header_deprecated.vue

 <script>
-import { mapActions, mapState } from 'vuex';
 import {
   GlButton,
   GlButtonGroup,
@@ -9,14 +8,15 @@ import {
   GlSprintf,
   GlTooltipDirective,
 } from '@gitlab/ui';
-import { n__, s__ } from '~/locale';
-import sidebarEventHub from '~/sidebar/event_hub';
+import { mapActions, mapState } from 'vuex';
 import { isScopedLabel } from '~/lib/utils/common_utils';
 import { BV_HIDE_TOOLTIP } from '~/lib/utils/constants';
+import { n__, s__ } from '~/locale';
+import sidebarEventHub from '~/sidebar/event_hub';
 import AccessorUtilities from '../../lib/utils/accessor';
-import boardsStore from '../stores/boards_store';
-import eventHub from '../eventhub';
 import { inactiveId, LIST, ListType } from '../constants';
+import eventHub from '../eventhub';
+import boardsStore from '../stores/boards_store';
 import IssueCount from './issue_count.vue';
 
 // This component is being replaced in favor of './board_list_header.vue' for GraphQL boards

app/assets/javascripts/boards/components/board_new_issue.vue

 <script>
-import { mapActions, mapState } from 'vuex';
 import { GlButton } from '@gitlab/ui';
+import { mapActions, mapState } from 'vuex';
 import { getMilestone } from 'ee_else_ce/boards/boards_util';
-import glFeatureFlagMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
 import { __ } from '~/locale';
+import glFeatureFlagMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
 import eventHub from '../eventhub';
 import ProjectSelect from './project_select.vue';
 

app/assets/javascripts/boards/components/board_settings_sidebar.vue

 <script>
 import { GlButton, GlDrawer, GlLabel } from '@gitlab/ui';
 import { mapActions, mapState, mapGetters } from 'vuex';
-import { __ } from '~/locale';
+import { LIST, ListType, ListTypeTitles } from '~/boards/constants';
 import boardsStore from '~/boards/stores/boards_store';
-import eventHub from '~/sidebar/event_hub';
 import { isScopedLabel } from '~/lib/utils/common_utils';
-import { LIST, ListType, ListTypeTitles } from '~/boards/constants';
+import { __ } from '~/locale';
+import eventHub from '~/sidebar/event_hub';
 import glFeatureFlagMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
 
 // NOTE: need to revisit how we handle headerHeight, because we have so many different header and footer options.

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

@@ -3,22 +3,22 @@
 // template.
 /* eslint-disable no-new, @gitlab/no-runtime-template-compiler */
 
+import { GlLabel } from '@gitlab/ui';
 import $ from 'jquery';
 import Vue from 'vue';
-import { GlLabel } from '@gitlab/ui';
-import { deprecatedCreateFlash as Flash } from '~/flash';
-import { sprintf, __ } from '~/locale';
-import Sidebar from '~/right_sidebar';
-import eventHub from '~/sidebar/event_hub';
 import DueDateSelectors from '~/due_date_select';
+import { deprecatedCreateFlash as Flash } from '~/flash';
 import IssuableContext from '~/issuable_context';
 import LabelsSelect from '~/labels_select';
+import { isScopedLabel } from '~/lib/utils/common_utils';
+import { sprintf, __ } from '~/locale';
+import MilestoneSelect from '~/milestone_select';
+import Sidebar from '~/right_sidebar';
 import AssigneeTitle from '~/sidebar/components/assignees/assignee_title.vue';
 import Assignees from '~/sidebar/components/assignees/assignees.vue';
 import Subscriptions from '~/sidebar/components/subscriptions/subscriptions.vue';
 import TimeTracker from '~/sidebar/components/time_tracking/time_tracker.vue';
-import MilestoneSelect from '~/milestone_select';
-import { isScopedLabel } from '~/lib/utils/common_utils';
+import eventHub from '~/sidebar/event_hub';
 import boardsStore from '../stores/boards_store';
 import RemoveBtn from './sidebar/remove_issue.vue';
 

app/assets/javascripts/boards/components/boards_selector.vue

 <script>
-import { throttle } from 'lodash';
 import {
   GlLoadingIcon,
   GlSearchBoxByType,
@@ -9,15 +8,16 @@ import {
   GlDropdownItem,
   GlModalDirective,
 } from '@gitlab/ui';
+import { throttle } from 'lodash';
 
+import { getIdFromGraphQLId } from '~/graphql_shared/utils';
+import axios from '~/lib/utils/axios_utils';
 import httpStatusCodes from '~/lib/utils/http_status';
 
-import axios from '~/lib/utils/axios_utils';
-import { getIdFromGraphQLId } from '~/graphql_shared/utils';
-import projectQuery from '../graphql/project_boards.query.graphql';
+import eventHub from '../eventhub';
 import groupQuery from '../graphql/group_boards.query.graphql';
+import projectQuery from '../graphql/project_boards.query.graphql';
 
-import eventHub from '../eventhub';
 import BoardForm from './board_form.vue';
 
 const MIN_BOARDS_TO_VIEW_RECENT = 10;

app/assets/javascripts/boards/components/boards_selector_deprecated.vue

 <script>
-import { throttle } from 'lodash';
 import {
   GlLoadingIcon,
   GlSearchBoxByType,
@@ -9,12 +8,13 @@ import {
   GlDropdownItem,
   GlModalDirective,
 } from '@gitlab/ui';
+import { throttle } from 'lodash';
 
+import { getIdFromGraphQLId } from '~/graphql_shared/utils';
 import httpStatusCodes from '~/lib/utils/http_status';
 
-import { getIdFromGraphQLId } from '~/graphql_shared/utils';
-import projectQuery from '../graphql/project_boards.query.graphql';
 import groupQuery from '../graphql/group_boards.query.graphql';
+import projectQuery from '../graphql/project_boards.query.graphql';
 
 import boardsStore from '../stores/boards_store';
 import BoardForm from './board_form.vue';

app/assets/javascripts/boards/components/issue_card_inner.vue

 <script>
+import { GlLabel, GlTooltipDirective, GlIcon } from '@gitlab/ui';
 import { sortBy } from 'lodash';
 import { mapActions, mapState } from 'vuex';
-import { GlLabel, GlTooltipDirective, GlIcon } from '@gitlab/ui';
 import issueCardInner from 'ee_else_ce/boards/mixins/issue_card_inner';
-import { sprintf, __, n__ } from '~/locale';
-import TooltipOnTruncate from '~/vue_shared/components/tooltip_on_truncate.vue';
 import { isScopedLabel } from '~/lib/utils/common_utils';
 import { updateHistory } from '~/lib/utils/url_utility';
+import { sprintf, __, n__ } from '~/locale';
+import TooltipOnTruncate from '~/vue_shared/components/tooltip_on_truncate.vue';
 import UserAvatarLink from '../../vue_shared/components/user_avatar/user_avatar_link.vue';
-import eventHub from '../eventhub';
 import { ListType } from '../constants';
+import eventHub from '../eventhub';
 import IssueDueDate from './issue_due_date.vue';
 import IssueTimeEstimate from './issue_time_estimate.vue';
 

app/assets/javascripts/boards/components/issue_card_inner_deprecated.vue

 <script>
+import { GlLabel, GlTooltipDirective, GlIcon } from '@gitlab/ui';
 import { sortBy } from 'lodash';
 import { mapState } from 'vuex';
-import { GlLabel, GlTooltipDirective, GlIcon } from '@gitlab/ui';
 import issueCardInner from 'ee_else_ce/boards/mixins/issue_card_inner';
+import { isScopedLabel } from '~/lib/utils/common_utils';
 import { sprintf, __, n__ } from '~/locale';
 import TooltipOnTruncate from '~/vue_shared/components/tooltip_on_truncate.vue';
-import { isScopedLabel } from '~/lib/utils/common_utils';
 import UserAvatarLink from '../../vue_shared/components/user_avatar/user_avatar_link.vue';
 import boardsStore from '../stores/boards_store';
 import IssueDueDate from './issue_due_date.vue';

app/assets/javascripts/boards/components/issue_due_date.vue

 <script>
-import dateFormat from 'dateformat';
 import { GlTooltip, GlIcon } from '@gitlab/ui';
-import { __ } from '~/locale';
+import dateFormat from 'dateformat';
 import {
   getDayDifference,
   getTimeago,
   dateInWords,
   parsePikadayDate,
 } from '~/lib/utils/datetime_utility';
+import { __ } from '~/locale';
 
 export default {
   components: {

app/assets/javascripts/boards/components/issue_time_estimate.vue

 <script>
 import { GlTooltip, GlIcon } from '@gitlab/ui';
-import { __ } from '~/locale';
 import { parseSeconds, stringifyTime } from '~/lib/utils/datetime_utility';
+import { __ } from '~/locale';
 
 export default {
   i18n: {

app/assets/javascripts/boards/components/modal/empty_state.vue

 <script>
 import { GlButton, GlSprintf } from '@gitlab/ui';
 import { __ } from '~/locale';
-import ModalStore from '../../stores/modal_store';
 import modalMixin from '../../mixins/modal_mixins';
+import ModalStore from '../../stores/modal_store';
 
 export default {
   components: {

app/assets/javascripts/boards/components/modal/filters.js

-import FilteredSearchBoards from '../../filtered_search_boards';
 import FilteredSearchContainer from '../../../filtered_search/container';
+import FilteredSearchBoards from '../../filtered_search_boards';
 
 export default {
   name: 'modal-filters',

app/assets/javascripts/boards/components/modal/footer.vue

@@ -3,9 +3,9 @@ import { GlButton } from '@gitlab/ui';
 import footerEEMixin from 'ee_else_ce/boards/mixins/modal_footer';
 import { deprecatedCreateFlash as Flash } from '../../../flash';
 import { __, n__ } from '../../../locale';
-import ModalStore from '../../stores/modal_store';
 import modalMixin from '../../mixins/modal_mixins';
 import boardsStore from '../../stores/boards_store';
+import ModalStore from '../../stores/modal_store';
 import ListsDropdown from './lists_dropdown.vue';
 
 export default {