Linter: enable `import/no-useless-path-segments`

This enables the autofixable `import/no-useless-path-segments` rule
which makes our import paths more readable.

.eslintrc.yml

@@ -32,7 +32,6 @@ rules:
   no-else-return:
     - error
     - allowElseIf: true
-  import/no-useless-path-segments: off
   lines-between-class-members: off
   # Disabled for now, to make the plugin-vue 4.5 -> 5.0 update smoother
   vue/no-confusing-v-for-v-if: error

app/assets/javascripts/environments/components/container.vue

 <script>
 import { GlLoadingIcon } from '@gitlab/ui';
 import TablePagination from '~/vue_shared/components/pagination/table_pagination.vue';
-import EnvironmentTable from '../components/environments_table.vue';
+import EnvironmentTable from './environments_table.vue';
 
 export default {
   components: {

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

-import service from './../services';
+import service from '../services';
 import * as types from './mutation_types';
 import createFlash from '~/flash';
 import { visitUrl } from '~/lib/utils/url_utility';

app/assets/javascripts/frequent_items/components/app.vue

@@ -3,7 +3,7 @@ import { mapState, mapActions, mapGetters } from 'vuex';
 import { GlLoadingIcon } from '@gitlab/ui';
 import AccessorUtilities from '~/lib/utils/accessor';
 import eventHub from '../event_hub';
-import store from '../store/';
+import store from '../store';
 import { FREQUENT_ITEMS, STORAGE_KEY } from '../constants';
 import { isMobile, updateExistingFrequentItem, sanitizeItem } from '../utils';
 import FrequentItemsSearchInput from './frequent_items_search_input.vue';

app/assets/javascripts/ide/components/new_dropdown/index.vue

@@ -4,7 +4,7 @@ import icon from '~/vue_shared/components/icon.vue';
 import upload from './upload.vue';
 import ItemButton from './button.vue';
 import { modalTypes } from '../../constants';
-import NewModal from '../new_dropdown/modal.vue';
+import NewModal from './modal.vue';
 
 export default {
   components: {

app/assets/javascripts/jobs/store/state.js

-import { isNewJobLogActive } from '../store/utils';
+import { isNewJobLogActive } from './utils';
 
 export default () => ({
   jobEndpoint: null,

app/assets/javascripts/notes/mixins/discussion_navigation.js

 import { mapGetters, mapActions, mapState } from 'vuex';
 import { scrollToElement } from '~/lib/utils/common_utils';
-import eventHub from '../../notes/event_hub';
+import eventHub from '../event_hub';
 
 /**
  * @param {string} selector

app/assets/javascripts/pages/admin/application_settings/general/index.js

-import initUserInternalRegexPlaceholder from '../../application_settings/account_and_limits';
+import initUserInternalRegexPlaceholder from '../account_and_limits';
 
 document.addEventListener('DOMContentLoaded', initUserInternalRegexPlaceholder());

app/assets/javascripts/registry/settings/registry_settings_bundle.js

 import Vue from 'vue';
 import { GlToast } from '@gitlab/ui';
 import Translate from '~/vue_shared/translate';
-import store from './store/';
+import store from './store';
 import RegistrySettingsApp from './components/registry_settings_app.vue';
 
 Vue.use(GlToast);

app/assets/javascripts/sidebar/components/assignees/assignees.vue

 <script>
-import CollapsedAssigneeList from '../assignees/collapsed_assignee_list.vue';
-import UncollapsedAssigneeList from '../assignees/uncollapsed_assignee_list.vue';
+import CollapsedAssigneeList from './collapsed_assignee_list.vue';
+import UncollapsedAssigneeList from './uncollapsed_assignee_list.vue';
 
 export default {
   // name: 'Assignees' is a false positive: https://gitlab.com/gitlab-org/frontend/eslint-plugin-i18n/issues/26#possible-false-positives

app/assets/javascripts/static_site_editor/components/edit_area.vue

 <script>
 import RichContentEditor from '~/vue_shared/components/rich_content_editor/rich_content_editor.vue';
-import PublishToolbar from '../components/publish_toolbar.vue';
-import EditHeader from '../components/edit_header.vue';
+import PublishToolbar from './publish_toolbar.vue';
+import EditHeader from './edit_header.vue';
 
 export default {
   components: {

app/assets/javascripts/vue_merge_request_widget/components/states/mr_widget_auto_merge_enabled.vue

@@ -2,7 +2,7 @@
 import autoMergeMixin from 'ee_else_ce/vue_merge_request_widget/mixins/auto_merge';
 import Flash from '../../../flash';
 import statusIcon from '../mr_widget_status_icon.vue';
-import MrWidgetAuthor from '../../components/mr_widget_author.vue';
+import MrWidgetAuthor from '../mr_widget_author.vue';
 import eventHub from '../../event_hub';
 import { AUTO_MERGE_STRATEGIES } from '../../constants';
 import { __ } from '~/locale';

app/assets/javascripts/vue_merge_request_widget/components/states/mr_widget_closed.vue

 <script>
-import MrWidgetAuthorTime from '../../components/mr_widget_author_time.vue';
+import MrWidgetAuthorTime from '../mr_widget_author_time.vue';
 import statusIcon from '../mr_widget_status_icon.vue';
 
 export default {

app/assets/javascripts/vue_merge_request_widget/components/states/mr_widget_merged.vue

@@ -5,7 +5,7 @@ import Flash from '~/flash';
 import tooltip from '~/vue_shared/directives/tooltip';
 import { s__, __ } from '~/locale';
 import ClipboardButton from '~/vue_shared/components/clipboard_button.vue';
-import MrWidgetAuthorTime from '../../components/mr_widget_author_time.vue';
+import MrWidgetAuthorTime from '../mr_widget_author_time.vue';
 import statusIcon from '../mr_widget_status_icon.vue';
 import eventHub from '../../event_hub';
 

app/assets/javascripts/vue_shared/components/ci_icon.vue

 <script>
-import Icon from '../../vue_shared/components/icon.vue';
+import Icon from './icon.vue';
 
 /**
  * Renders CI icon based on API response shared between all places where it is used.

app/assets/javascripts/vue_shared/components/commit.vue

@@ -4,7 +4,7 @@ import { GlTooltipDirective, GlLink } from '@gitlab/ui';
 import { __, sprintf } from '~/locale';
 import TooltipOnTruncate from '~/vue_shared/components/tooltip_on_truncate.vue';
 import UserAvatarLink from './user_avatar/user_avatar_link.vue';
-import Icon from '../../vue_shared/components/icon.vue';
+import Icon from './icon.vue';
 
 export default {
   directives: {

app/assets/javascripts/vue_shared/components/file_finder/item.vue

 <script>
 import fuzzaldrinPlus from 'fuzzaldrin-plus';
 import Icon from '~/vue_shared/components/icon.vue';
-import FileIcon from '../../../vue_shared/components/file_icon.vue';
-import ChangedFileIcon from '../../../vue_shared/components/changed_file_icon.vue';
+import FileIcon from '../file_icon.vue';
+import ChangedFileIcon from '../changed_file_icon.vue';
 
 const MAX_PATH_LENGTH = 60;
 

app/assets/javascripts/vue_shared/components/issue/issue_warning.vue

@@ -2,7 +2,7 @@
 import { GlLink } from '@gitlab/ui';
 import { escape } from 'lodash';
 import { __, sprintf } from '~/locale';
-import icon from '../../../vue_shared/components/icon.vue';
+import icon from '../icon.vue';
 
 function buildDocsLinkStart(path) {
   return `<a href="${escape(path)}" target="_blank" rel="noopener noreferrer">`;

app/assets/javascripts/vue_shared/components/issue/related_issuable_item.vue

@@ -2,8 +2,8 @@
 import '~/commons/bootstrap';
 import { GlIcon, GlTooltip, GlTooltipDirective } from '@gitlab/ui';
 import { sprintf } from '~/locale';
-import IssueMilestone from '../../components/issue/issue_milestone.vue';
-import IssueAssignees from '../../components/issue/issue_assignees.vue';
+import IssueMilestone from './issue_milestone.vue';
+import IssueAssignees from './issue_assignees.vue';
 import relatedIssuableMixin from '../../mixins/related_issuable_mixin';
 import CiIcon from '../ci_icon.vue';
 

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

 import * as types from './mutation_types';
-import { tableSortOrder } from './../../../constants';
+import { tableSortOrder } from '../../../constants';
 
 export default {
   [types.REQUEST_MERGE_REQUESTS](state) {

ee/app/assets/javascripts/onboarding/onboarding_helper/components/app.vue

@@ -3,7 +3,7 @@ import { mapState, mapActions, mapGetters } from 'vuex';
 import { redirectTo } from '~/lib/utils/url_utility';
 import Tracking from '~/tracking';
 import OnboardingHelper from './onboarding_helper.vue';
-import actionPopoverUtils from './../action_popover_utils';
+import actionPopoverUtils from '../action_popover_utils';
 import eventHub from '../event_hub';
 
 const TRACKING_CATEGORY = 'onboarding';

ee/app/assets/javascripts/onboarding/onboarding_helper/index.js

@@ -2,14 +2,14 @@ import Vue from 'vue';
 import { mapActions } from 'vuex';
 import OnboardingApp from './components/app.vue';
 import createStore from './store';
-import onboardingUtils from './../utils';
+import onboardingUtils from '../utils';
 import {
   TOUR_TITLES,
   FEEDBACK_CONTENT,
   EXIT_TOUR_CONTENT,
   DNT_EXIT_TOUR_CONTENT,
-} from './../constants';
-import TOUR_PARTS from './../tour_parts';
+} from '../constants';
+import TOUR_PARTS from '../tour_parts';
 
 export default function() {
   const el = document.getElementById('js-onboarding-helper');

ee/app/assets/javascripts/onboarding/onboarding_welcome/components/welcome_page.vue

@@ -2,10 +2,10 @@
 import { GlLink } from '@gitlab/ui';
 import { __ } from '~/locale';
 import UserAvatarImage from '~/vue_shared/components/user_avatar/user_avatar_image.vue';
-import HelpContentPopover from './../../onboarding_helper/components/help_content_popover.vue';
-import ActionPopover from './../../onboarding_helper/components/action_popover.vue';
+import HelpContentPopover from '../../onboarding_helper/components/help_content_popover.vue';
+import ActionPopover from '../../onboarding_helper/components/action_popover.vue';
 import { redirectTo } from '~/lib/utils/url_utility';
-import onboardingUtils from './../../utils';
+import onboardingUtils from '../../utils';
 
 export default {
   components: {

ee/app/assets/javascripts/onboarding/onboarding_welcome/index.js

@@ -3,7 +3,7 @@ import { GlBreakpointInstance as breakpointInstance } from '@gitlab/ui/dist/util
 import WelcomePage from './components/welcome_page.vue';
 import { parseBoolean } from '~/lib/utils/common_utils';
 import { redirectTo } from '~/lib/utils/url_utility';
-import onboardingUtils from './../utils';
+import onboardingUtils from '../utils';
 
 export default function() {
   const el = document.getElementById('js-onboarding-welcome');

ee/app/assets/javascripts/packages/shared/components/package_list_row.vue

 <script>
-import PackageTags from '../../shared/components/package_tags.vue';
+import PackageTags from './package_tags.vue';
 import PublishMethod from './publish_method.vue';
 import { GlButton, GlIcon, GlLink, GlSprintf, GlTooltipDirective } from '@gitlab/ui';
-import { getPackageTypeLabel } from '../../shared/utils';
+import { getPackageTypeLabel } from '../utils';
 import timeagoMixin from '~/vue_shared/mixins/timeago';
 
 export default {

ee/spec/frontend/onboarding/onboarding_helper/store/actions_spec.js

@@ -15,7 +15,7 @@ import {
 } from 'ee/onboarding/onboarding_helper/store/actions';
 import { ONBOARDING_DISMISSED_COOKIE_NAME } from 'ee/onboarding/constants';
 import onboardingUtils from 'ee/onboarding/utils';
-import mockData from './../mock_data';
+import mockData from '../mock_data';
 
 describe('User onboarding helper store actions', () => {
   let state;

ee/spec/frontend/onboarding/onboarding_helper/store/getters_spec.js

 import * as getters from 'ee/onboarding/onboarding_helper/store/getters';
 import createStore from 'ee/onboarding/onboarding_helper/store/state';
-import { mockTourData } from './../mock_data';
+import { mockTourData } from '../mock_data';
 
 describe('User onboarding store getters', () => {
   let localState;

ee/spec/frontend/onboarding/onboarding_helper/store/mutations_spec.js

 import createState from 'ee/onboarding/onboarding_helper/store/state';
 import mutations from 'ee/onboarding/onboarding_helper/store/mutations';
 import * as types from 'ee/onboarding/onboarding_helper/store/mutation_types';
-import { mockTourData } from './../mock_data';
+import { mockTourData } from '../mock_data';
 
 describe('User onboarding helper store mutations', () => {
   let state;

spec/frontend/notes/components/comment_form_spec.js

@@ -9,12 +9,7 @@ import CommentForm from '~/notes/components/comment_form.vue';
 import * as constants from '~/notes/constants';
 import { refreshUserMergeRequestCounts } from '~/commons/nav/user_merge_requests';
 import { keyboardDownEvent } from '../../issue_show/helpers';
-import {
-  loggedOutnoteableData,
-  notesDataMock,
-  userDataMock,
-  noteableDataMock,
-} from '../../notes/mock_data';
+import { loggedOutnoteableData, notesDataMock, userDataMock, noteableDataMock } from '../mock_data';
 
 jest.mock('autosize');
 jest.mock('~/commons/nav/user_merge_requests');

spec/frontend/notes/components/discussion_actions_spec.js

 import { shallowMount, mount } from '@vue/test-utils';
-import { discussionMock } from '../../notes/mock_data';
+import { discussionMock } from '../mock_data';
 import DiscussionActions from '~/notes/components/discussion_actions.vue';
 import ReplyPlaceholder from '~/notes/components/discussion_reply_placeholder.vue';
 import ResolveDiscussionButton from '~/notes/components/discussion_resolve_button.vue';

spec/frontend/notes/components/discussion_notes_spec.js

@@ -7,7 +7,7 @@ import PlaceholderNote from '~/vue_shared/components/notes/placeholder_note.vue'
 import PlaceholderSystemNote from '~/vue_shared/components/notes/placeholder_system_note.vue';
 import SystemNote from '~/vue_shared/components/notes/system_note.vue';
 import createStore from '~/notes/stores';
-import { noteableDataMock, discussionMock, notesDataMock } from '../../notes/mock_data';
+import { noteableDataMock, discussionMock, notesDataMock } from '../mock_data';
 
 describe('DiscussionNotes', () => {
   let wrapper;

spec/frontend/notes/components/notes_app_spec.js

@@ -10,7 +10,7 @@ import createStore from '~/notes/stores';
 import * as constants from '~/notes/constants';
 import '~/behaviors/markdown/render_gfm';
 // TODO: use generated fixture (https://gitlab.com/gitlab-org/gitlab-foss/issues/62491)
-import * as mockData from '../../notes/mock_data';
+import * as mockData from '../mock_data';
 import * as urlUtility from '~/lib/utils/url_utility';
 import OrderedLayout from '~/vue_shared/components/ordered_layout.vue';
 

spec/javascripts/sidebar/mock_data.js

@@ -2,6 +2,6 @@
 // file this one re-exports from. For more detail about why, see:
 // https://gitlab.com/gitlab-org/gitlab-foss/merge_requests/31349
 
-import mockData from '../../../spec/frontend/sidebar/mock_data';
+import mockData from '../../frontend/sidebar/mock_data';
 
 export default mockData;