Merge branch 'vs-sort-imports-alphabetically-in-ee-code' into 'master'

Sort JavaScript imports alphabetically in EE code

See merge request gitlab-org/gitlab!54150

ee/app/assets/javascripts/add_gitlab_slack_application/components/add_gitlab_slack_application.vue

 <script>
 /* eslint-disable @gitlab/vue-require-i18n-strings */
 import { GlButton, GlIcon } from '@gitlab/ui';
-import { __ } from '~/locale';
 import { deprecatedCreateFlash as Flash } from '~/flash';
 import { redirectTo } from '~/lib/utils/url_utility';
+import { __ } from '~/locale';
 
 import GitlabSlackService from '../services/gitlab_slack_service';
 

ee/app/assets/javascripts/admin/dev_ops_report/components/devops_adoption_app.vue

 <script>
-import dateformat from 'dateformat';
 import {
   GlLoadingIcon,
   GlButton,
@@ -8,9 +7,8 @@ import {
   GlModalDirective,
   GlTooltipDirective,
 } from '@gitlab/ui';
+import dateformat from 'dateformat';
 import * as Sentry from '~/sentry/wrapper';
-import getGroupsQuery from '../graphql/queries/get_groups.query.graphql';
-import devopsAdoptionSegmentsQuery from '../graphql/queries/devops_adoption_segments.query.graphql';
 import {
   DEVOPS_ADOPTION_STRINGS,
   DEVOPS_ADOPTION_ERROR_KEYS,
@@ -19,6 +17,8 @@ import {
   DATE_TIME_FORMAT,
   DEVOPS_ADOPTION_SEGMENT_MODAL_ID,
 } from '../constants';
+import devopsAdoptionSegmentsQuery from '../graphql/queries/devops_adoption_segments.query.graphql';
+import getGroupsQuery from '../graphql/queries/get_groups.query.graphql';
 import DevopsAdoptionEmptyState from './devops_adoption_empty_state.vue';
 import DevopsAdoptionSegmentModal from './devops_adoption_segment_modal.vue';
 import DevopsAdoptionTable from './devops_adoption_table.vue';

ee/app/assets/javascripts/admin/dev_ops_report/components/devops_adoption_segment_modal.vue

@@ -2,9 +2,9 @@
 import { GlFormGroup, GlFormInput, GlFormRadioGroup, GlModal, GlAlert, GlIcon } from '@gitlab/ui';
 import { getIdFromGraphQLId, convertToGraphQLId, TYPE_GROUP } from '~/graphql_shared/utils';
 import * as Sentry from '~/sentry/wrapper';
+import { DEVOPS_ADOPTION_STRINGS, DEVOPS_ADOPTION_SEGMENT_MODAL_ID } from '../constants';
 import createDevopsAdoptionSegmentMutation from '../graphql/mutations/create_devops_adoption_segment.mutation.graphql';
 import updateDevopsAdoptionSegmentMutation from '../graphql/mutations/update_devops_adoption_segment.mutation.graphql';
-import { DEVOPS_ADOPTION_STRINGS, DEVOPS_ADOPTION_SEGMENT_MODAL_ID } from '../constants';
 import { addSegmentToCache } from '../utils/cache_updates';
 
 export default {

ee/app/assets/javascripts/admin/dev_ops_report/components/devops_adoption_table.vue

@@ -16,8 +16,8 @@ import {
   DEVOPS_ADOPTION_SEGMENTS_TABLE_SORT_BY_STORAGE_KEY,
   DEVOPS_ADOPTION_SEGMENTS_TABLE_SORT_DESC_STORAGE_KEY,
 } from '../constants';
-import DevopsAdoptionTableCellFlag from './devops_adoption_table_cell_flag.vue';
 import DevopsAdoptionDeleteModal from './devops_adoption_delete_modal.vue';
+import DevopsAdoptionTableCellFlag from './devops_adoption_table_cell_flag.vue';
 
 const NAME_HEADER = 'name';
 

ee/app/assets/javascripts/admin/dev_ops_report/devops_adoption.js

 import Vue from 'vue';
-import apolloProvider from './graphql';
 import DevopsAdoptionApp from './components/devops_adoption_app.vue';
+import apolloProvider from './graphql';
 
 export default () => {
   const el = document.querySelector('.js-devops-adoption');

ee/app/assets/javascripts/admin/dev_ops_report/graphql.js

 import Vue from 'vue';
 import VueApollo from 'vue-apollo';
 import Api from 'ee/api';
-import axios from '~/lib/utils/axios_utils';
 import createDefaultClient from '~/lib/graphql';
+import axios from '~/lib/utils/axios_utils';
 
 Vue.use(VueApollo);
 

ee/app/assets/javascripts/analytics/code_review_analytics/code_review_analytics_bundle.js

 import Vue from 'vue';
 import { urlQueryToFilter } from '~/vue_shared/components/filtered_search_bar/filtered_search_utils';
-import store from './store';
 import CodeAnalyticsApp from './components/app.vue';
+import store from './store';
 
 export default () => {
   const container = document.getElementById('js-code-review-analytics');

ee/app/assets/javascripts/analytics/code_review_analytics/code_review_analytics_filtered_search_token_keys.js

-import { __ } from '~/locale';
 import FilteredSearchTokenKeys from '~/filtered_search/filtered_search_token_keys';
+import { __ } from '~/locale';
 
 const tokenKeys = [
   {

ee/app/assets/javascripts/analytics/code_review_analytics/components/app.vue

 <script>
-import { mapState, mapActions } from 'vuex';
 import { GlBadge, GlLoadingIcon, GlEmptyState, GlPagination } from '@gitlab/ui';
-import MergeRequestTable from './merge_request_table.vue';
+import { mapState, mapActions } from 'vuex';
 import FilterBar from './filter_bar.vue';
+import MergeRequestTable from './merge_request_table.vue';
 
 export default {
   components: {

ee/app/assets/javascripts/analytics/code_review_analytics/components/filter_bar.vue

 <script>
 import { mapState, mapActions } from 'vuex';
 import { __ } from '~/locale';
+import {
+  DEFAULT_LABEL_NONE,
+  DEFAULT_LABEL_ANY,
+} from '~/vue_shared/components/filtered_search_bar/constants';
 import FilteredSearchBar from '~/vue_shared/components/filtered_search_bar/filtered_search_bar_root.vue';
 import {
   prepareTokens,
   processFilters,
   filterToQueryObject,
 } from '~/vue_shared/components/filtered_search_bar/filtered_search_utils';
-import MilestoneToken from '~/vue_shared/components/filtered_search_bar/tokens/milestone_token.vue';
 import LabelToken from '~/vue_shared/components/filtered_search_bar/tokens/label_token.vue';
+import MilestoneToken from '~/vue_shared/components/filtered_search_bar/tokens/milestone_token.vue';
 import UrlSync from '~/vue_shared/components/url_sync.vue';
-import {
-  DEFAULT_LABEL_NONE,
-  DEFAULT_LABEL_ANY,
-} from '~/vue_shared/components/filtered_search_bar/constants';
 
 export default {
   components: {

ee/app/assets/javascripts/analytics/code_review_analytics/components/merge_request_table.vue

 <script>
+import { GlTable, GlLink, GlIcon, GlAvatarLink, GlAvatar, GlTooltipDirective } from '@gitlab/ui';
 import { escape } from 'lodash';
 import { mapState } from 'vuex';
-import { GlTable, GlLink, GlIcon, GlAvatarLink, GlAvatar, GlTooltipDirective } from '@gitlab/ui';
 import { sanitize } from '~/lib/dompurify';
-import { __, sprintf, n__ } from '~/locale';
 import { getTimeago } from '~/lib/utils/datetime_utility';
+import { __, sprintf, n__ } from '~/locale';
 import ApproversColumn from './approvers_column.vue';
 
 export default {

ee/app/assets/javascripts/analytics/code_review_analytics/store/modules/merge_requests/actions.js

 import API from 'ee/api';
-import { __ } from '~/locale';
 import { deprecatedCreateFlash as createFlash } from '~/flash';
 import { normalizeHeaders, parseIntPagination } from '~/lib/utils/common_utils';
+import { __ } from '~/locale';
 import { filterToQueryObject } from '~/vue_shared/components/filtered_search_bar/filtered_search_utils';
 import * as types from './mutation_types';
 

ee/app/assets/javascripts/analytics/contribution_analytics/components/column_chart.vue

 <script>
-import { GlColumnChart } from '@gitlab/ui/dist/charts';
 import { GlResizeObserverDirective } from '@gitlab/ui';
+import { GlColumnChart } from '@gitlab/ui/dist/charts';
 import { getSvgIconPathContent } from '~/lib/utils/icon_utils';
 import { truncateWidth } from '~/lib/utils/text_utility';
 

ee/app/assets/javascripts/analytics/contribution_analytics/contribution_analytics_bundle.js

-import Vue from 'vue';
 import { sortBy } from 'lodash';
+import Vue from 'vue';
 import { __ } from '~/locale';
 import ColumnChart from './components/column_chart.vue';
 

ee/app/assets/javascripts/analytics/cycle_analytics/components/base.vue

@@ -2,20 +2,20 @@
 import { GlEmptyState } from '@gitlab/ui';
 import { mapActions, mapState, mapGetters } from 'vuex';
 import UrlSync from '~/vue_shared/components/url_sync.vue';
-import { PROJECTS_PER_PAGE } from '../constants';
+import DateRange from '../../shared/components/daterange.vue';
 import ProjectsDropdownFilter from '../../shared/components/projects_dropdown_filter.vue';
 import { DATE_RANGE_LIMIT } from '../../shared/constants';
-import DateRange from '../../shared/components/daterange.vue';
 import { toYmd } from '../../shared/utils';
-import StageTable from './stage_table.vue';
-import DurationChart from './duration_chart.vue';
-import TypeOfWorkCharts from './type_of_work_charts.vue';
-import StageTableNav from './stage_table_nav.vue';
+import { PROJECTS_PER_PAGE } from '../constants';
 import CustomStageForm from './custom_stage_form.vue';
-import PathNavigation from './path_navigation.vue';
+import DurationChart from './duration_chart.vue';
 import FilterBar from './filter_bar.vue';
-import ValueStreamSelect from './value_stream_select.vue';
 import Metrics from './metrics.vue';
+import PathNavigation from './path_navigation.vue';
+import StageTable from './stage_table.vue';
+import StageTableNav from './stage_table_nav.vue';
+import TypeOfWorkCharts from './type_of_work_charts.vue';
+import ValueStreamSelect from './value_stream_select.vue';
 
 export default {
   name: 'CycleAnalytics',

ee/app/assets/javascripts/analytics/cycle_analytics/components/create_value_stream_form/custom_stage_fields.vue

 <script>
 import { GlFormGroup, GlFormInput, GlDropdown, GlDropdownItem } from '@gitlab/ui';
-import LabelsSelector from '../labels_selector.vue';
 import { isLabelEvent, getLabelEventsIdentifiers } from '../../utils';
-import StageFieldActions from './stage_field_actions.vue';
+import LabelsSelector from '../labels_selector.vue';
 import { I18N } from './constants';
+import StageFieldActions from './stage_field_actions.vue';
 import { startEventOptions, endEventOptions } from './utils';
 
 export default {

ee/app/assets/javascripts/analytics/cycle_analytics/components/create_value_stream_form/default_stage_fields.vue

 <script>
 import { GlFormGroup, GlFormInput, GlFormText } from '@gitlab/ui';
-import StageFieldActions from './stage_field_actions.vue';
 import { I18N, ADDITIONAL_DEFAULT_STAGE_EVENTS } from './constants';
+import StageFieldActions from './stage_field_actions.vue';
 
 const findStageEvent = (stageEvents = [], eid = null) => {
   if (!eid) return '';

ee/app/assets/javascripts/analytics/cycle_analytics/components/create_value_stream_form/utils.js

-import { isStartEvent, getAllowedEndEvents, eventToOption, eventsByIdentifier } from '../../utils';
 import { DEFAULT_STAGE_NAMES } from '../../constants';
+import { isStartEvent, getAllowedEndEvents, eventToOption, eventsByIdentifier } from '../../utils';
 import { I18N, ERRORS, defaultErrors, defaultFields, NAME_MAX_LENGTH } from './constants';
 
 /**

ee/app/assets/javascripts/analytics/cycle_analytics/components/custom_stage_form.vue

 <script>
-import Vue from 'vue';
-import { mapGetters, mapState } from 'vuex';
-import { isEqual } from 'lodash';
 import {
   GlLoadingIcon,
   GlDropdown,
@@ -10,12 +7,15 @@ import {
   GlSprintf,
   GlButton,
 } from '@gitlab/ui';
+import { isEqual } from 'lodash';
+import Vue from 'vue';
+import { mapGetters, mapState } from 'vuex';
 import { convertObjectPropsToSnakeCase } from '~/lib/utils/common_utils';
 import { STAGE_ACTIONS } from '../constants';
 import { getAllowedEndEvents, getLabelEventsIdentifiers, isLabelEvent } from '../utils';
+import { defaultFields, ERRORS, I18N } from './create_value_stream_form/constants';
 import CustomStageFormFields from './create_value_stream_form/custom_stage_fields.vue';
 import { validateStage, initializeFormData } from './create_value_stream_form/utils';
-import { defaultFields, ERRORS, I18N } from './create_value_stream_form/constants';
 
 export default {
   components: {

ee/app/assets/javascripts/analytics/cycle_analytics/components/duration_chart.vue

 <script>
-import { mapActions, mapState, mapGetters } from 'vuex';
 import { GlAlert } from '@gitlab/ui';
+import { mapActions, mapState, mapGetters } from 'vuex';
 import { __ } from '~/locale';
 import ChartSkeletonLoader from '~/vue_shared/components/resizable_chart/skeleton_loader.vue';
-import { dateFormats } from '../../shared/constants';
 import Scatterplot from '../../shared/components/scatterplot.vue';
+import { dateFormats } from '../../shared/constants';
 import StageDropdownFilter from './stage_dropdown_filter.vue';
 
 export default {

ee/app/assets/javascripts/analytics/cycle_analytics/components/filter_bar.vue

 <script>
 import { mapActions, mapState } from 'vuex';
 import { __ } from '~/locale';
-import FilteredSearchBar from '~/vue_shared/components/filtered_search_bar/filtered_search_bar_root.vue';
-import MilestoneToken from '~/vue_shared/components/filtered_search_bar/tokens/milestone_token.vue';
-import LabelToken from '~/vue_shared/components/filtered_search_bar/tokens/label_token.vue';
-import AuthorToken from '~/vue_shared/components/filtered_search_bar/tokens/author_token.vue';
-import UrlSync from '~/vue_shared/components/url_sync.vue';
 import {
   DEFAULT_LABEL_NONE,
   DEFAULT_LABEL_ANY,
 } from '~/vue_shared/components/filtered_search_bar/constants';
+import FilteredSearchBar from '~/vue_shared/components/filtered_search_bar/filtered_search_bar_root.vue';
 import {
   prepareTokens,
   processFilters,
   filterToQueryObject,
 } from '~/vue_shared/components/filtered_search_bar/filtered_search_utils';
+import AuthorToken from '~/vue_shared/components/filtered_search_bar/tokens/author_token.vue';
+import LabelToken from '~/vue_shared/components/filtered_search_bar/tokens/label_token.vue';
+import MilestoneToken from '~/vue_shared/components/filtered_search_bar/tokens/milestone_token.vue';
+import UrlSync from '~/vue_shared/components/url_sync.vue';
 
 export default {
   name: 'FilterBar',

ee/app/assets/javascripts/analytics/cycle_analytics/components/labels_selector.vue

 <script>
-import { debounce } from 'lodash';
 import {
   GlDropdown,
   GlDropdownItem,
@@ -8,12 +7,13 @@ import {
   GlLoadingIcon,
   GlSearchBoxByType,
 } from '@gitlab/ui';
+import { debounce } from 'lodash';
 import { mapGetters } from 'vuex';
 import Api from 'ee/api';
 import { deprecatedCreateFlash as createFlash } from '~/flash';
 import { __ } from '~/locale';
-import { removeFlash } from '../utils';
 import { DATA_REFETCH_DELAY } from '../../shared/constants';
+import { removeFlash } from '../utils';
 
 export default {
   name: 'LabelsSelector',

ee/app/assets/javascripts/analytics/cycle_analytics/components/stage_event_list.vue

 <script>
-import StageEventItem from './stage_event_item.vue';
-import StageBuildItem from './stage_build_item.vue';
 import LimitWarning from './limit_warning_component.vue';
+import StageBuildItem from './stage_build_item.vue';
+import StageEventItem from './stage_event_item.vue';
 
 export default {
   name: 'StageEventList',

ee/app/assets/javascripts/analytics/cycle_analytics/components/stage_nav_item.vue

 <script>
 import { GlIcon, GlTooltipDirective, GlDropdown, GlDropdownItem } from '@gitlab/ui';
-import { __ } from '~/locale';
 import { approximateDuration } from '~/lib/utils/datetime_utility';
+import { __ } from '~/locale';
 import StageCardListItem from './stage_card_list_item.vue';
 
 const ERROR_MESSAGES = {

ee/app/assets/javascripts/analytics/cycle_analytics/components/stage_table_nav.vue

 <script>
 import Sortable from 'sortablejs';
-import { STAGE_ACTIONS } from '../constants';
 import { NO_DRAG_CLASS } from '../../shared/constants';
 import sortableDefaultOptions from '../../shared/mixins/sortable_default_options';
+import { STAGE_ACTIONS } from '../constants';
 import AddStageButton from './add_stage_button.vue';
 import StageNavItem from './stage_nav_item.vue';
 

ee/app/assets/javascripts/analytics/cycle_analytics/components/tasks_by_type/tasks_by_type_filters.vue

 <script>
 import { GlDropdownDivider, GlSegmentedControl, GlIcon } from '@gitlab/ui';
-import { s__, sprintf } from '~/locale';
 import { deprecatedCreateFlash as createFlash } from '~/flash';
-import { removeFlash } from '../../utils';
+import { s__, sprintf } from '~/locale';
 import {
   TASKS_BY_TYPE_FILTERS,
   TASKS_BY_TYPE_SUBJECT_ISSUE,
   TASKS_BY_TYPE_SUBJECT_FILTER_OPTIONS,
   TASKS_BY_TYPE_MAX_LABELS,
 } from '../../constants';
+import { removeFlash } from '../../utils';
 import LabelsSelector from '../labels_selector.vue';
 
 export default {

ee/app/assets/javascripts/analytics/cycle_analytics/components/time_metrics_card.vue

 <script>
 import Api from 'ee/api';
-import { sprintf, __, s__ } from '~/locale';
-import { deprecatedCreateFlash as createFlash } from '~/flash';
 import MetricCard from '~/analytics/shared/components/metric_card.vue';
-import { removeFlash, prepareTimeMetricsData } from '../utils';
+import { deprecatedCreateFlash as createFlash } from '~/flash';
+import { sprintf, __, s__ } from '~/locale';
 import { OVERVIEW_METRICS } from '../constants';
+import { removeFlash, prepareTimeMetricsData } from '../utils';
 
 const I18N_TEXT = {
   'lead-time': s__('ValueStreamAnalytics|Median time from issue created to issue closed.'),

ee/app/assets/javascripts/analytics/cycle_analytics/components/type_of_work_charts.vue

 <script>
-import { mapActions, mapGetters, mapState } from 'vuex';
 import { GlAlert } from '@gitlab/ui';
-import ChartSkeletonLoader from '~/vue_shared/components/resizable_chart/skeleton_loader.vue';
+import { mapActions, mapGetters, mapState } from 'vuex';
 import { s__, sprintf, __ } from '~/locale';
+import ChartSkeletonLoader from '~/vue_shared/components/resizable_chart/skeleton_loader.vue';
 import { formattedDate } from '../../shared/utils';
 import { TASKS_BY_TYPE_SUBJECT_ISSUE } from '../constants';
-import TasksByTypeFilters from './tasks_by_type/tasks_by_type_filters.vue';
 import TasksByTypeChart from './tasks_by_type/tasks_by_type_chart.vue';
+import TasksByTypeFilters from './tasks_by_type/tasks_by_type_filters.vue';
 
 export default {
   name: 'TypeOfWorkCharts',

ee/app/assets/javascripts/analytics/cycle_analytics/components/value_stream_form.vue

 <script>
-import Vue from 'vue';
 import { GlButton, GlForm, GlFormInput, GlFormGroup, GlFormRadioGroup, GlModal } from '@gitlab/ui';
+import Vue from 'vue';
 import { mapState, mapActions } from 'vuex';
-import { sprintf } from '~/locale';
-import { convertObjectPropsToSnakeCase } from '~/lib/utils/common_utils';
 import { swapArrayItems } from '~/lib/utils/array_utility';
+import { convertObjectPropsToSnakeCase } from '~/lib/utils/common_utils';
+import { sprintf } from '~/locale';
 import {
   STAGE_SORT_DIRECTION,
   I18N,
@@ -12,9 +12,9 @@ import {
   PRESET_OPTIONS,
   PRESET_OPTIONS_DEFAULT,
 } from './create_value_stream_form/constants';
-import { validateValueStreamName, validateStage } from './create_value_stream_form/utils';
-import DefaultStageFields from './create_value_stream_form/default_stage_fields.vue';
 import CustomStageFields from './create_value_stream_form/custom_stage_fields.vue';
+import DefaultStageFields from './create_value_stream_form/default_stage_fields.vue';
+import { validateValueStreamName, validateStage } from './create_value_stream_form/utils';
 
 const initializeStageErrors = (defaultStageConfig, selectedPreset = PRESET_OPTIONS_DEFAULT) =>
   selectedPreset === PRESET_OPTIONS_DEFAULT ? defaultStageConfig.map(() => ({})) : [{}];

ee/app/assets/javascripts/analytics/cycle_analytics/index.js

+import { GlToast } from '@gitlab/ui';
 import Vue from 'vue';
 import VueApollo from 'vue-apollo';
-import { GlToast } from '@gitlab/ui';
 import createDefaultClient from '~/lib/graphql';
 import { urlQueryToFilter } from '~/vue_shared/components/filtered_search_bar/filtered_search_utils';
 import { buildCycleAnalyticsInitialData } from '../shared/utils';

ee/app/assets/javascripts/analytics/cycle_analytics/store/actions.js

 import Api from 'ee/api';
 import { deprecatedCreateFlash as createFlash } from '~/flash';
-import { __, sprintf } from '~/locale';
 import httpStatus from '~/lib/utils/http_status';
+import { __, sprintf } from '~/locale';
 import { FETCH_VALUE_STREAM_DATA } from '../constants';
 import {
   removeFlash,

ee/app/assets/javascripts/analytics/cycle_analytics/store/getters.js

 import dateFormat from 'dateformat';
 import { isNumber } from 'lodash';
-import httpStatus from '~/lib/utils/http_status';
 import { getIdFromGraphQLId } from '~/graphql_shared/utils';
+import httpStatus from '~/lib/utils/http_status';
 import { filterToQueryObject } from '~/vue_shared/components/filtered_search_bar/filtered_search_utils';
 import { dateFormats } from '../../shared/constants';
-import { transformStagesForPathNavigation } from '../utils';
 import { DEFAULT_VALUE_STREAM_ID } from '../constants';
+import { transformStagesForPathNavigation } from '../utils';
 
 export const hasNoAccessError = (state) => state.errorCode === httpStatus.FORBIDDEN;
 

ee/app/assets/javascripts/analytics/cycle_analytics/store/index.js

@@ -3,11 +3,11 @@ import Vuex from 'vuex';
 import filters from '~/vue_shared/components/filtered_search_bar/store/modules/filters';
 import * as actions from './actions';
 import * as getters from './getters';
-import mutations from './mutations';
-import state from './state';
 import customStages from './modules/custom_stages/index';
 import durationChart from './modules/duration_chart/index';
 import typeOfWork from './modules/type_of_work/index';
+import mutations from './mutations';
+import state from './state';
 
 Vue.use(Vuex);
 

ee/app/assets/javascripts/analytics/cycle_analytics/store/modules/custom_stages/actions.js

 import Api from 'ee/api';
 import { deprecatedCreateFlash as createFlash } from '~/flash';
-import { __, sprintf } from '~/locale';
 import httpStatusCodes from '~/lib/utils/http_status';
+import { __, sprintf } from '~/locale';
 import { removeFlash, isStageNameExistsError } from '../../../utils';
 import * as types from './mutation_types';
 

ee/app/assets/javascripts/analytics/cycle_analytics/store/modules/custom_stages/index.js

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

ee/app/assets/javascripts/analytics/cycle_analytics/store/modules/duration_chart/index.js

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

ee/app/assets/javascripts/analytics/cycle_analytics/store/modules/type_of_work/mutations.js

 import { convertObjectPropsToCamelCase } from '~/lib/utils/common_utils';
-import { transformRawTasksByTypeData, toggleSelectedLabel } from '../../../utils';
 import { TASKS_BY_TYPE_FILTERS } from '../../../constants';
+import { transformRawTasksByTypeData, toggleSelectedLabel } from '../../../utils';
 import * as types from './mutation_types';
 
 export default {

ee/app/assets/javascripts/analytics/cycle_analytics/utils.js

-import { isNumber } from 'lodash';
 import dateFormat from 'dateformat';
-import { s__, sprintf } from '~/locale';
-import { convertObjectPropsToCamelCase } from '~/lib/utils/common_utils';
-import httpStatus from '~/lib/utils/http_status';
-import { convertToSnakeCase, slugify } from '~/lib/utils/text_utility';
+import { isNumber } from 'lodash';
 import { hideFlash, deprecatedCreateFlash as createFlash } from '~/flash';
+import { convertObjectPropsToCamelCase } from '~/lib/utils/common_utils';
 import {
   newDate,
   dayAfter,
@@ -12,6 +9,9 @@ import {
   getDatesInRange,
   parseSeconds,
 } from '~/lib/utils/datetime_utility';
+import httpStatus from '~/lib/utils/http_status';
+import { convertToSnakeCase, slugify } from '~/lib/utils/text_utility';
+import { s__, sprintf } from '~/locale';
 import { dateFormats } from '../shared/constants';
 import { toYmd } from '../shared/utils';
 

ee/app/assets/javascripts/analytics/group_analytics/components/group_activity_card.vue

 <script>
 import Api from 'ee/api';
-import { __, s__ } from '~/locale';
-import { deprecatedCreateFlash as createFlash } from '~/flash';
 import MetricCard from '~/analytics/shared/components/metric_card.vue';
+import { deprecatedCreateFlash as createFlash } from '~/flash';
+import { __, s__ } from '~/locale';
 
 export default {
   name: 'GroupActivityCard',

ee/app/assets/javascripts/analytics/group_ci_cd_analytics/components/release_stats_card.vue

 <script>
 import { GlCard, GlSkeletonLoader } from '@gitlab/ui';
-import { sprintf, n__, s__ } from '~/locale';
 import createFlash from '~/flash';
-import groupReleaseStatsQuery from '../graphql/group_release_stats.query.graphql';
+import { sprintf, n__, s__ } from '~/locale';
 import { STAT_ERROR_PLACEHOLDER } from '../constants';
+import groupReleaseStatsQuery from '../graphql/group_release_stats.query.graphql';
 
 export default {
   name: 'ReleaseStatsCard',

ee/app/assets/javascripts/analytics/merge_request_analytics/components/filter_bar.vue

 <script>
 import { mapActions, mapState } from 'vuex';
 import { __ } from '~/locale';
-import UrlSync from '~/vue_shared/components/url_sync.vue';
-import FilteredSearchBar from '~/vue_shared/components/filtered_search_bar/filtered_search_bar_root.vue';
-import BranchToken from '~/vue_shared/components/filtered_search_bar/tokens/branch_token.vue';
-import MilestoneToken from '~/vue_shared/components/filtered_search_bar/tokens/milestone_token.vue';
-import LabelToken from '~/vue_shared/components/filtered_search_bar/tokens/label_token.vue';
-import AuthorToken from '~/vue_shared/components/filtered_search_bar/tokens/author_token.vue';
 import {
   DEFAULT_LABEL_NONE,
   DEFAULT_LABEL_ANY,
 } from '~/vue_shared/components/filtered_search_bar/constants';
+import FilteredSearchBar from '~/vue_shared/components/filtered_search_bar/filtered_search_bar_root.vue';
 import {
   prepareTokens,
   processFilters,
   filterToQueryObject,
 } from '~/vue_shared/components/filtered_search_bar/filtered_search_utils';
+import AuthorToken from '~/vue_shared/components/filtered_search_bar/tokens/author_token.vue';
+import BranchToken from '~/vue_shared/components/filtered_search_bar/tokens/branch_token.vue';
+import LabelToken from '~/vue_shared/components/filtered_search_bar/tokens/label_token.vue';
+import MilestoneToken from '~/vue_shared/components/filtered_search_bar/tokens/milestone_token.vue';
+import UrlSync from '~/vue_shared/components/url_sync.vue';
 
 export default {
   name: 'FilterBar',

ee/app/assets/javascripts/analytics/merge_request_analytics/components/throughput_chart.vue

 <script>
-import { mapState } from 'vuex';
-import { GlAreaChart } from '@gitlab/ui/dist/charts';
 import { GlAlert } from '@gitlab/ui';
-import ChartSkeletonLoader from '~/vue_shared/components/resizable_chart/skeleton_loader.vue';
+import { GlAreaChart } from '@gitlab/ui/dist/charts';
+import { mapState } from 'vuex';
 import { filterToQueryObject } from '~/vue_shared/components/filtered_search_bar/filtered_search_utils';
-import throughputChartQueryBuilder from '../graphql/throughput_chart_query_builder';
+import ChartSkeletonLoader from '~/vue_shared/components/resizable_chart/skeleton_loader.vue';
 import { THROUGHPUT_CHART_STRINGS } from '../constants';
+import throughputChartQueryBuilder from '../graphql/throughput_chart_query_builder';
 import { formatThroughputChartData, computeMttmData } from '../utils';
 import ThroughputStats from './throughput_stats.vue';
 

ee/app/assets/javascripts/analytics/merge_request_analytics/components/throughput_table.vue

 <script>
-import { mapState } from 'vuex';
-import dateFormat from 'dateformat';
 import {
   GlTable,
   GlLink,
@@ -13,11 +11,12 @@ import {
   GlIcon,
   GlPagination,
 } from '@gitlab/ui';
-import { s__, n__ } from '~/locale';
+import dateFormat from 'dateformat';
+import { mapState } from 'vuex';
 import { approximateDuration, differenceInSeconds } from '~/lib/utils/datetime_utility';
+import { s__, n__ } from '~/locale';
 import { filterToQueryObject } from '~/vue_shared/components/filtered_search_bar/filtered_search_utils';
 import { dateFormats } from '../../shared/constants';
-import throughputTableQuery from '../graphql/queries/throughput_table.query.graphql';
 import {
   THROUGHPUT_TABLE_STRINGS,
   MERGE_REQUEST_ID_PREFIX,
@@ -28,6 +27,7 @@ import {
   THROUGHPUT_TABLE_TEST_IDS,
   PIPELINE_STATUS_ICON_CLASSES,
 } from '../constants';
+import throughputTableQuery from '../graphql/queries/throughput_table.query.graphql';
 
 const TH_TEST_ID = { 'data-testid': THROUGHPUT_TABLE_TEST_IDS.TABLE_HEADERS };
 

ee/app/assets/javascripts/analytics/merge_request_analytics/index.js

 import Vue from 'vue';
 import VueApollo from 'vue-apollo';
+import { ITEM_TYPE } from '~/groups/constants';
 import createDefaultClient from '~/lib/graphql';
-import { urlQueryToFilter } from '~/vue_shared/components/filtered_search_bar/filtered_search_utils';
 import { getParameterValues } from '~/lib/utils/url_utility';
-import { ITEM_TYPE } from '~/groups/constants';
-import createStore from './store';
+import { urlQueryToFilter } from '~/vue_shared/components/filtered_search_bar/filtered_search_utils';
 import MergeRequestAnalyticsApp from './components/app.vue';
+import createStore from './store';
 import { parseAndValidateDates } from './utils';
 
 Vue.use(VueApollo);

ee/app/assets/javascripts/analytics/productivity_analytics/components/app.vue

 <script>
-import { mapState, mapActions, mapGetters } from 'vuex';
 import {
   GlEmptyState,
   GlLoadingIcon,
@@ -10,16 +9,17 @@ import {
   GlIcon,
   GlAlert,
 } from '@gitlab/ui';
-import dateFormat from 'dateformat';
 import { GlColumnChart } from '@gitlab/ui/dist/charts';
-import featureFlagsMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
+import dateFormat from 'dateformat';
+import { mapState, mapActions, mapGetters } from 'vuex';
 import { beginOfDayTime, endOfDayTime } from '~/lib/utils/datetime_utility';
+import featureFlagsMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
 import Scatterplot from '../../shared/components/scatterplot.vue';
-import { chartKeys } from '../constants';
 import { dateFormats } from '../../shared/constants';
 import urlSyncMixin from '../../shared/mixins/url_sync_mixin';
-import MergeRequestTable from './mr_table.vue';
+import { chartKeys } from '../constants';
 import MetricChart from './metric_chart.vue';
+import MergeRequestTable from './mr_table.vue';
 
 export default {
   components: {

ee/app/assets/javascripts/analytics/productivity_analytics/components/metric_chart.vue

 <script>
-import { isEmpty } from 'lodash';
 import { GlDropdown, GlDropdownItem, GlLoadingIcon, GlAlert, GlIcon } from '@gitlab/ui';
-import { s__ } from '~/locale';
+import { isEmpty } from 'lodash';
 import httpStatusCodes from '~/lib/utils/http_status';
+import { s__ } from '~/locale';
 
 export default {
   name: 'MetricChart',

ee/app/assets/javascripts/analytics/productivity_analytics/index.js

 import Vue from 'vue';
 import VueApollo from 'vue-apollo';
 import { mapState, mapActions } from 'vuex';
+import { getIdFromGraphQLId } from '~/graphql_shared/utils';
 import createDefaultClient from '~/lib/graphql';
 import { parseBoolean } from '~/lib/utils/common_utils';
-import { getIdFromGraphQLId } from '~/graphql_shared/utils';
 import DateRange from '../shared/components/daterange.vue';
 import { buildGroupFromDataset, buildProjectFromDataset } from '../shared/utils';
-import store from './store';
-import FilterDropdowns from './components/filter_dropdowns.vue';
 import ProductivityAnalyticsApp from './components/app.vue';
+import FilterDropdowns from './components/filter_dropdowns.vue';
 import FilteredSearchProductivityAnalytics from './filtered_search_productivity_analytics';
+import store from './store';
 import { getLabelsEndpoint, getMilestonesEndpoint } from './utils';
 
 Vue.use(VueApollo);

ee/app/assets/javascripts/analytics/productivity_analytics/productivity_analytics_filtered_search_token_keys.js

-import { __ } from '~/locale';
 import FilteredSearchTokenKeys from '~/filtered_search/filtered_search_token_keys';
+import { __ } from '~/locale';
 
 const tokenKeys = [
   {

ee/app/assets/javascripts/analytics/productivity_analytics/store/index.js

 import Vue from 'vue';
 import Vuex from 'vuex';
-import state from './state';
-import * as getters from './getters';
 import * as actions from './actions';
-import mutations from './mutations';
-import filters from './modules/filters/index';
+import * as getters from './getters';
 import charts from './modules/charts/index';
+import filters from './modules/filters/index';
 import table from './modules/table/index';
+import mutations from './mutations';
+import state from './state';
 
 Vue.use(Vuex);
 

ee/app/assets/javascripts/analytics/productivity_analytics/store/modules/charts/getters.js

 import { isEmpty } from 'lodash';
-import { s__ } from '~/locale';
 import httpStatus from '~/lib/utils/http_status';
+import { s__ } from '~/locale';
 import {
   chartKeys,
   metricTypes,

ee/app/assets/javascripts/analytics/productivity_analytics/store/modules/charts/index.js

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

ee/app/assets/javascripts/analytics/productivity_analytics/store/modules/filters/getters.js

 import dateFormat from 'dateformat';
 import { getDateInPast, beginOfDayTime, endOfDayTime } from '~/lib/utils/datetime_utility';
-import { chartKeys, scatterPlotAddonQueryDays } from '../../../constants';
 import { dateFormats } from '../../../../shared/constants';
+import { chartKeys, scatterPlotAddonQueryDays } from '../../../constants';
 
 /**
  * Returns an object of common filter parameters based on the filter's state

ee/app/assets/javascripts/analytics/productivity_analytics/store/modules/filters/index.js

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

ee/app/assets/javascripts/analytics/productivity_analytics/store/modules/table/index.js

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

ee/app/assets/javascripts/analytics/productivity_analytics/utils.js

-import { flatten } from 'lodash';
 import dateFormat from 'dateformat';
+import { flatten } from 'lodash';
 import { getDayDifference, getDateInPast } from '~/lib/utils/datetime_utility';
 import { median } from '~/lib/utils/number_utils';
 import { dateFormats } from '../shared/constants';

ee/app/assets/javascripts/analytics/repository_analytics/components/download_test_coverage.vue

@@ -9,9 +9,9 @@ import {
   GlModal,
   GlModalDirective,
 } from '@gitlab/ui';
-import { __, s__ } from '~/locale';
 import { pikadayToString } from '~/lib/utils/datetime_utility';
 import { mergeUrlParams } from '~/lib/utils/url_utility';
+import { __, s__ } from '~/locale';
 import SelectProjectsDropdown from './select_projects_dropdown.vue';
 
 export default {

ee/app/assets/javascripts/analytics/repository_analytics/components/group_repository_analytics.vue

 <script>
 import { s__ } from '~/locale';
 import glFeatureFlagsMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
+import DownloadTestCoverage from './download_test_coverage.vue';
 import TestCoverageSummary from './test_coverage_summary.vue';
 import TestCoverageTable from './test_coverage_table.vue';
-import DownloadTestCoverage from './download_test_coverage.vue';
 
 export default {
   name: 'GroupRepositoryAnalytics',

ee/app/assets/javascripts/analytics/repository_analytics/components/select_projects_dropdown.vue

@@ -9,8 +9,8 @@ import {
   GlSearchBoxByType,
 } from '@gitlab/ui';
 import produce from 'immer';
-import { __, n__ } from '~/locale';
 import { getIdFromGraphQLId } from '~/graphql_shared/utils';
+import { __, n__ } from '~/locale';
 import getGroupProjects from '../graphql/queries/get_group_projects.query.graphql';
 
 export default {

ee/app/assets/javascripts/analytics/repository_analytics/components/test_coverage_summary.vue

 <script>
 import chartEmptyStateIllustration from '@gitlab/svgs/dist/illustrations/chart-empty-state.svg';
-import { GlAreaChart } from '@gitlab/ui/dist/charts';
 import { GlCard, GlSprintf, GlSafeHtmlDirective as SafeHtml } from '@gitlab/ui';
-import { __, s__ } from '~/locale';
+import { GlAreaChart } from '@gitlab/ui/dist/charts';
 import MetricCard from '~/analytics/shared/components/metric_card.vue';
 import { formatDate } from '~/lib/utils/datetime_utility';
-import ChartSkeletonLoader from '~/vue_shared/components/resizable_chart/skeleton_loader.vue';
 import { SUPPORTED_FORMATS, getFormatter } from '~/lib/utils/unit_format';
+import { __, s__ } from '~/locale';
+import ChartSkeletonLoader from '~/vue_shared/components/resizable_chart/skeleton_loader.vue';
 import getGroupTestCoverage from '../graphql/queries/get_group_test_coverage.query.graphql';
 
 const formatPercent = getFormatter(SUPPORTED_FORMATS.percentHundred);

ee/app/assets/javascripts/analytics/repository_analytics/components/test_coverage_table.vue

 <script>
-import Vue from 'vue';
 import { GlCard, GlEmptyState, GlLink, GlSkeletonLoader, GlTable } from '@gitlab/ui';
+import Vue from 'vue';
 import api from '~/api';
-import glFeatureFlagsMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
-import { __, s__ } from '~/locale';
-import { joinPaths } from '~/lib/utils/url_utility';
 import { SUPPORTED_FORMATS, getFormatter } from '~/lib/utils/unit_format';
+import { joinPaths } from '~/lib/utils/url_utility';
+import { __, s__ } from '~/locale';
 import TimeAgoTooltip from '~/vue_shared/components/time_ago_tooltip.vue';
+import glFeatureFlagsMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
 import getProjectsTestCoverage from '../graphql/queries/get_projects_test_coverage.query.graphql';
 import SelectProjectsDropdown from './select_projects_dropdown.vue';
 

ee/app/assets/javascripts/analytics/shared/components/groups_dropdown_filter.vue

 <script>
-import { debounce } from 'lodash';
 import {
   GlIcon,
   GlLoadingIcon,
@@ -10,8 +9,9 @@ import {
   GlSearchBoxByType,
   GlSafeHtmlDirective as SafeHtml,
 } from '@gitlab/ui';
-import { s__, __ } from '~/locale';
+import { debounce } from 'lodash';
 import Api from '~/api';
+import { s__, __ } from '~/locale';
 import { DATA_REFETCH_DELAY } from '../constants';
 import { filterBySearchTerm } from '../utils';
 

ee/app/assets/javascripts/analytics/shared/components/projects_dropdown_filter.vue

 <script>
-import { debounce } from 'lodash';
 import {
   GlIcon,
   GlLoadingIcon,
@@ -9,11 +8,12 @@ import {
   GlDropdownItem,
   GlSearchBoxByType,
 } from '@gitlab/ui';
-import { n__, s__, __ } from '~/locale';
+import { debounce } from 'lodash';
 import { getIdFromGraphQLId } from '~/graphql_shared/utils';
+import { n__, s__, __ } from '~/locale';
 import { DATA_REFETCH_DELAY } from '../constants';
-import { filterBySearchTerm } from '../utils';
 import getProjects from '../graphql/projects.query.graphql';
+import { filterBySearchTerm } from '../utils';
 
 export default {
   name: 'ProjectsDropdownFilter',

ee/app/assets/javascripts/analytics/shared/components/scatterplot.vue

 <script>
-import dateFormat from 'dateformat';
 import { GlDiscreteScatterChart } from '@gitlab/ui/dist/charts';
+import dateFormat from 'dateformat';
 import { scatterChartLineProps, dateFormats } from '../constants';
 
 export default {

ee/app/assets/javascripts/approvals/components/app.vue

 <script>
-import { mapState, mapActions } from 'vuex';
 import { GlLoadingIcon, GlButton } from '@gitlab/ui';
-import showToast from '~/vue_shared/plugins/global_toast';
+import { mapState, mapActions } from 'vuex';
 import { __ } from '~/locale';
+import showToast from '~/vue_shared/plugins/global_toast';
 import ModalRuleCreate from './modal_rule_create.vue';
 import ModalRuleRemove from './modal_rule_remove.vue';
 

ee/app/assets/javascripts/approvals/components/approval_settings.vue

 <script>
-import { mapActions, mapState } from 'vuex';
 import { GlButton, GlForm, GlFormGroup, GlFormCheckbox, GlIcon, GlLink } from '@gitlab/ui';
+import { mapActions, mapState } from 'vuex';
 import { helpPagePath } from '~/helpers/help_page_helper';
 import { __ } from '~/locale';
 

ee/app/assets/javascripts/approvals/components/approvers_select.vue

@@ -2,9 +2,9 @@
 import $ from 'jquery';
 import { escape, debounce } from 'lodash';
 import Api from 'ee/api';
-import { __ } from '~/locale';
 import { renderAvatar } from '~/helpers/avatar_helper';
 import { loadCSSFile } from '~/lib/utils/css_utils';
+import { __ } from '~/locale';
 import { TYPE_USER, TYPE_GROUP } from '../constants';
 
 function addType(type) {

ee/app/assets/javascripts/approvals/components/empty_rule.vue

 <script>
-import { mapActions } from 'vuex';
 import { GlButton } from '@gitlab/ui';
-import RuleInput from './mr_edit/rule_input.vue';
+import { mapActions } from 'vuex';
 import EmptyRuleName from './empty_rule_name.vue';
+import RuleInput from './mr_edit/rule_input.vue';
 import RuleBranches from './rule_branches.vue';
 
 export default {

ee/app/assets/javascripts/approvals/components/group_settings/app.vue

 <script>
 import { GlSprintf, GlLink } from '@gitlab/ui';
-import SettingsBlock from '~/vue_shared/components/settings/settings_block.vue';
 import { helpPagePath } from '~/helpers/help_page_helper';
 import { __ } from '~/locale';
+import SettingsBlock from '~/vue_shared/components/settings/settings_block.vue';
 import ApprovalSettings from '../approval_settings.vue';
 
 export default {

ee/app/assets/javascripts/approvals/components/license_compliance/index.vue

 <script>
-import { mapActions, mapState } from 'vuex';
 import {
   GlButton,
   GlIcon,
@@ -7,6 +6,7 @@ import {
   GlDeprecatedSkeletonLoading as GlSkeletonLoading,
   GlSprintf,
 } from '@gitlab/ui';
+import { mapActions, mapState } from 'vuex';
 import { APPROVALS, APPROVALS_MODAL } from 'ee/approvals/stores/modules/license_compliance';
 import { s__ } from '~/locale';
 import ModalLicenseCompliance from './modal.vue';

ee/app/assets/javascripts/approvals/components/license_compliance/modal.vue

 <script>
-import { mapState } from 'vuex';
 import { GlButton, GlIcon, GlLink, GlSprintf } from '@gitlab/ui';
+import { mapState } from 'vuex';
 import { APPROVALS_MODAL } from 'ee/approvals/stores/modules/license_compliance';
 import { __ } from '~/locale';
 import GlModalVuex from '~/vue_shared/components/gl_modal_vuex.vue';

ee/app/assets/javascripts/approvals/components/modal_rule_remove.vue

 <script>
 /* eslint-disable vue/no-v-html */
-import { mapActions, mapState } from 'vuex';
 import { escape } from 'lodash';
+import { mapActions, mapState } from 'vuex';
 import { sprintf, n__, s__ } from '~/locale';
 import GlModalVuex from '~/vue_shared/components/gl_modal_vuex.vue';
 

ee/app/assets/javascripts/approvals/components/mr_edit/app.vue

 <script>
 import { GlSafeHtmlDirective, GlAccordion, GlAccordionItem } from '@gitlab/ui';
 import { mapState } from 'vuex';
-import glFeatureFlagsMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
 import { __, n__, sprintf, s__ } from '~/locale';
+import glFeatureFlagsMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
 import App from '../app.vue';
 import MrRules from './mr_rules.vue';
 import MrRulesHiddenInputs from './mr_rules_hidden_inputs.vue';

ee/app/assets/javascripts/approvals/components/mr_edit/mr_rules.vue

@@ -3,9 +3,9 @@ import { mapState, mapActions } from 'vuex';
 import { __ } from '~/locale';
 import UserAvatarList from '~/vue_shared/components/user_avatar/user_avatar_list.vue';
 import { RULE_TYPE_ANY_APPROVER, RULE_TYPE_REGULAR, RULE_NAME_ANY_APPROVER } from '../../constants';
-import Rules from '../rules.vue';
-import RuleControls from '../rule_controls.vue';
 import EmptyRule from '../empty_rule.vue';
+import RuleControls from '../rule_controls.vue';
+import Rules from '../rules.vue';
 import RuleInput from './rule_input.vue';
 
 let targetBranchMutationObserver;

ee/app/assets/javascripts/approvals/components/mr_edit/rule_input.vue

 <script>
-import { mapState, mapActions } from 'vuex';
 import { debounce } from 'lodash';
+import { mapState, mapActions } from 'vuex';
 import { RULE_TYPE_ANY_APPROVER } from '../../constants';
 
 const ANY_RULE_NAME = 'All Members';

ee/app/assets/javascripts/approvals/components/project_settings/project_rules.vue

 <script>
 import { mapState, mapActions } from 'vuex';
 import RuleName from 'ee/approvals/components/rule_name.vue';
-import glFeatureFlagsMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
 import { n__, sprintf } from '~/locale';
 import UserAvatarList from '~/vue_shared/components/user_avatar/user_avatar_list.vue';
+import glFeatureFlagsMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
 import { RULE_TYPE_ANY_APPROVER, RULE_TYPE_REGULAR } from '../../constants';
 
-import Rules from '../rules.vue';
-import RuleControls from '../rule_controls.vue';
 import EmptyRule from '../empty_rule.vue';
 import RuleInput from '../mr_edit/rule_input.vue';
 import RuleBranches from '../rule_branches.vue';
+import RuleControls from '../rule_controls.vue';
+import Rules from '../rules.vue';
 import UnconfiguredSecurityRules from '../security_configuration/unconfigured_security_rules.vue';
 
 export default {

ee/app/assets/javascripts/approvals/components/rule_controls.vue

 <script>
-import { mapState, mapActions } from 'vuex';
 import { GlButton } from '@gitlab/ui';
+import { mapState, mapActions } from 'vuex';
 
 export default {
   components: {

ee/app/assets/javascripts/approvals/components/rule_form.vue

 <script>
-import { mapState, mapActions } from 'vuex';
 import { groupBy, isNumber } from 'lodash';
-import glFeatureFlagsMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
+import { mapState, mapActions } from 'vuex';
 import { sprintf, __ } from '~/locale';
+import glFeatureFlagsMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
 import { TYPE_USER, TYPE_GROUP, TYPE_HIDDEN_GROUPS } from '../constants';
 import ApproversList from './approvers_list.vue';
 import ApproversSelect from './approvers_select.vue';

ee/app/assets/javascripts/approvals/components/security_configuration/unconfigured_security_rules.vue

 <script>
+import { GlDeprecatedSkeletonLoading as GlSkeletonLoading } from '@gitlab/ui';
 import { camelCase } from 'lodash';
 import { mapState, mapActions } from 'vuex';
-import { GlDeprecatedSkeletonLoading as GlSkeletonLoading } from '@gitlab/ui';
 import { LICENSE_CHECK_NAME, VULNERABILITY_CHECK_NAME, JOB_TYPES } from 'ee/approvals/constants';
 import { s__ } from '~/locale';
 import UnconfiguredSecurityRule from './unconfigured_security_rule.vue';

ee/app/assets/javascripts/approvals/mount_mr_edit.js

 import Vue from 'vue';
 import Vuex from 'vuex';
 import { parseBoolean } from '~/lib/utils/common_utils';
+import MrEditApp from './components/mr_edit/app.vue';
 import createStore from './stores';
 import mrEditModule from './stores/modules/mr_edit';
-import MrEditApp from './components/mr_edit/app.vue';
 
 Vue.use(Vuex);
 

ee/app/assets/javascripts/approvals/mount_project_settings.js

 import Vue from 'vue';
 import Vuex from 'vuex';
 import { parseBoolean } from '~/lib/utils/common_utils';
+import ProjectSettingsApp from './components/project_settings/app.vue';
 import createStore from './stores';
 import projectSettingsModule from './stores/modules/project_settings';
-import ProjectSettingsApp from './components/project_settings/app.vue';
 
 Vue.use(Vuex);
 

ee/app/assets/javascripts/approvals/stores/modules/base/index.js

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

ee/app/assets/javascripts/approvals/stores/modules/group_settings/actions.js

-import { __ } from '~/locale';
-import axios from '~/lib/utils/axios_utils';
 import createFlash from '~/flash';
+import axios from '~/lib/utils/axios_utils';
+import { __ } from '~/locale';
 import * as types from './mutation_types';
 
 export const fetchSettings = ({ commit }, endpoint) => {

ee/app/assets/javascripts/approvals/stores/modules/group_settings/index.js

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

ee/app/assets/javascripts/approvals/stores/modules/license_compliance/actions.js

@@ -4,8 +4,8 @@ import {
   mapApprovalFallbackRuleRequest,
 } from 'ee/approvals/mappers';
 import { deprecatedCreateFlash as createFlash } from '~/flash';
-import { __ } from '~/locale';
 import axios from '~/lib/utils/axios_utils';
+import { __ } from '~/locale';
 import * as types from '../base/mutation_types';
 
 export const receiveRulesSuccess = ({ commit }, approvalSettings) => {

ee/app/assets/javascripts/approvals/stores/modules/mr_edit/actions.js

 import { memoize, uniqBy, uniqueId, flatten } from 'lodash';
-import { deprecatedCreateFlash as createFlash } from '~/flash';
-import { __ } from '~/locale';
 import Api from '~/api';
+import { deprecatedCreateFlash as createFlash } from '~/flash';
 import axios from '~/lib/utils/axios_utils';
+import { __ } from '~/locale';
 import { RULE_TYPE_ANY_APPROVER } from '../../../constants';
 import { mapMRApprovalSettingsResponse } from '../../../mappers';
 import * as types from './mutation_types';

ee/app/assets/javascripts/approvals/stores/modules/mr_edit/mutations.js

-import base from '../base/mutations';
 import { RULE_TYPE_ANY_APPROVER } from '../../../constants';
+import base from '../base/mutations';
 import * as types from './mutation_types';
 
 export default {

ee/app/assets/javascripts/approvals/stores/modules/project_settings/actions.js

 import { deprecatedCreateFlash as createFlash } from '~/flash';
-import { __ } from '~/locale';
 import axios from '~/lib/utils/axios_utils';
-import * as types from '../base/mutation_types';
+import { __ } from '~/locale';
 import {
   mapApprovalRuleRequest,
   mapApprovalSettingsResponse,
   mapApprovalFallbackRuleRequest,
 } from '../../../mappers';
+import * as types from '../base/mutation_types';
 
 export const requestRules = ({ commit }) => {
   commit(types.SET_LOADING, true);

ee/app/assets/javascripts/audit_events/components/audit_events_app.vue

 <script>
 import { mapActions, mapState, mapGetters } from 'vuex';
+import AuditEventsExportButton from './audit_events_export_button.vue';
 import AuditEventsFilter from './audit_events_filter.vue';
+import AuditEventsTable from './audit_events_table.vue';
 import DateRangeField from './date_range_field.vue';
 import SortingField from './sorting_field.vue';
-import AuditEventsTable from './audit_events_table.vue';
-import AuditEventsExportButton from './audit_events_export_button.vue';
 
 export default {
   components: {

ee/app/assets/javascripts/audit_events/components/audit_events_table.vue

 <script>
 import { GlPagination, GlTable } from '@gitlab/ui';
 
-import { s__ } from '~/locale';
 import { getParameterValues, setUrlParams } from '~/lib/utils/url_utility';
+import { s__ } from '~/locale';
 
-import UrlTableCell from './table_cells/url_table_cell.vue';
 import HtmlTableCell from './table_cells/html_table_cell.vue';
+import UrlTableCell from './table_cells/url_table_cell.vue';
 
 const TABLE_HEADER_CLASSES = 'bg-transparent border-bottom p-3';
 

ee/app/assets/javascripts/audit_events/components/date_range_buttons.vue

 <script>
 import { GlButtonGroup, GlButton } from '@gitlab/ui';
-import { n__, s__ } from '~/locale';
 import { datesMatch, dateAtFirstDayOfMonth, getDateInPast } from '~/lib/utils/datetime_utility';
+import { n__, s__ } from '~/locale';
 import { CURRENT_DATE } from '../constants';
 
 const DATE_RANGE_OPTIONS = [

ee/app/assets/javascripts/audit_events/components/tokens/shared/audit_filter_token.vue

@@ -6,9 +6,9 @@ import {
   GlAvatar,
 } from '@gitlab/ui';
 import { debounce } from 'lodash';
-import { sprintf, s__, __ } from '~/locale';
-import httpStatusCodes from '~/lib/utils/http_status';
 import { deprecatedCreateFlash as createFlash } from '~/flash';
+import httpStatusCodes from '~/lib/utils/http_status';
+import { sprintf, s__, __ } from '~/locale';
 import { isNumeric } from '../../../utils';
 
 export default {

ee/app/assets/javascripts/audit_events/constants.js

 import { __, s__ } from '~/locale';
 
-import UserToken from './components/tokens/user_token.vue';
+import GroupToken from './components/tokens/group_token.vue';
 import MemberToken from './components/tokens/member_token.vue';
 import ProjectToken from './components/tokens/project_token.vue';
-import GroupToken from './components/tokens/group_token.vue';
+import UserToken from './components/tokens/user_token.vue';
 
 const DEFAULT_TOKEN_OPTIONS = {
   operators: [{ value: '=', description: __('is'), default: 'true' }],

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

 import $ from 'jquery';
-import Mousetrap from 'mousetrap';
 import Cookies from 'js-cookie';
+import Mousetrap from 'mousetrap';
 import ShortcutsIssuable from '~/behaviors/shortcuts/shortcuts_issuable';
 import { parseBoolean } from '~/lib/utils/common_utils';
 

ee/app/assets/javascripts/billings/seat_usage/components/subscription_seats.vue

 <script>
-import { mapActions, mapState, mapGetters } from 'vuex';
 import {
   GlTable,
   GlAvatarLabeled,
@@ -10,6 +9,7 @@ import {
   GlBadge,
 } from '@gitlab/ui';
 import { parseInt, debounce } from 'lodash';
+import { mapActions, mapState, mapGetters } from 'vuex';
 import { s__ } from '~/locale';
 
 const AVATAR_SIZE = 32;

ee/app/assets/javascripts/billings/subscriptions/components/subscription_table.vue

 <script>
+import { GlButton, GlLoadingIcon } from '@gitlab/ui';
 import { escape } from 'lodash';
 import { mapActions, mapState, mapGetters } from 'vuex';
-import { GlButton, GlLoadingIcon } from '@gitlab/ui';
 import { TABLE_TYPE_DEFAULT, TABLE_TYPE_FREE, TABLE_TYPE_TRIAL } from 'ee/billings/constants';
 import { s__ } from '~/locale';
 import glFeatureFlagsMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';

ee/app/assets/javascripts/billings/subscriptions/store/mutations.js

-import Vue from 'vue';
 import { parseInt } from 'lodash';
+import Vue from 'vue';
 import {
   TABLE_TYPE_DEFAULT,
   TABLE_TYPE_FREE,

ee/app/assets/javascripts/boards/components/board_content_sidebar.vue

 <script>
-import { mapState, mapActions, mapGetters } from 'vuex';
 import { GlDrawer } from '@gitlab/ui';
-import { ISSUABLE } from '~/boards/constants';
-import { contentTop } from '~/lib/utils/common_utils';
-import glFeatureFlagsMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
+import { mapState, mapActions, mapGetters } from 'vuex';
 import BoardAssigneeDropdown from '~/boards/components/board_assignee_dropdown.vue';
-import BoardSidebarLabelsSelect from '~/boards/components/sidebar/board_sidebar_labels_select.vue';
-import BoardSidebarIssueTitle from '~/boards/components/sidebar/board_sidebar_issue_title.vue';
 import BoardSidebarDueDate from '~/boards/components/sidebar/board_sidebar_due_date.vue';
-import BoardSidebarSubscription from '~/boards/components/sidebar/board_sidebar_subscription.vue';
+import BoardSidebarIssueTitle from '~/boards/components/sidebar/board_sidebar_issue_title.vue';
+import BoardSidebarLabelsSelect from '~/boards/components/sidebar/board_sidebar_labels_select.vue';
 import BoardSidebarMilestoneSelect from '~/boards/components/sidebar/board_sidebar_milestone_select.vue';
-import BoardSidebarWeightInput from './sidebar/board_sidebar_weight_input.vue';
-import BoardSidebarTimeTracker from './sidebar/board_sidebar_time_tracker.vue';
+import BoardSidebarSubscription from '~/boards/components/sidebar/board_sidebar_subscription.vue';
+import { ISSUABLE } from '~/boards/constants';
+import { contentTop } from '~/lib/utils/common_utils';
+import glFeatureFlagsMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
 import BoardSidebarEpicSelect from './sidebar/board_sidebar_epic_select.vue';
+import BoardSidebarTimeTracker from './sidebar/board_sidebar_time_tracker.vue';
+import BoardSidebarWeightInput from './sidebar/board_sidebar_weight_input.vue';
 
 export default {
   headerHeight: `${contentTop()}px`,

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

@@ -3,8 +3,8 @@
 // extends a valid Vue single file component.
 /* eslint-disable @gitlab/no-runtime-template-compiler */
 import BoardListHeaderFoss from '~/boards/components/board_list_header_deprecated.vue';
-import { __, sprintf, s__ } from '~/locale';
 import boardsStore from '~/boards/stores/boards_store';
+import { __, sprintf, s__ } from '~/locale';
 
 export default {
   extends: BoardListHeaderFoss,

ee/app/assets/javascripts/boards/components/board_scope.vue

 <script>
-import { __ } from '~/locale';
 import ListLabel from '~/boards/models/label';
+import { __ } from '~/locale';
 import BoardLabelsSelect from '~/vue_shared/components/sidebar/labels_select/base.vue';
 import AssigneeSelect from './assignee_select.vue';
-import BoardMilestoneSelect from './milestone_select.vue';
 import BoardScopeCurrentIteration from './board_scope_current_iteration.vue';
+import BoardMilestoneSelect from './milestone_select.vue';
 import BoardWeightSelect from './weight_select.vue';
 
 export default {

ee/app/assets/javascripts/boards/components/board_settings_wip_limit.vue

 <script>
-import { mapActions, mapGetters, mapState } from 'vuex';
 import { GlButton, GlFormInput } from '@gitlab/ui';
+import { mapActions, mapGetters, mapState } from 'vuex';
 import boardsStoreEE from 'ee/boards/stores/boards_store_ee';
+import { inactiveId } from '~/boards/constants';
 import { deprecatedCreateFlash as flash } from '~/flash';
 import { __, n__ } from '~/locale';
 import autofocusonshow from '~/vue_shared/directives/autofocusonshow';
-import { inactiveId } from '~/boards/constants';
 
 export default {
   i18n: {