feat(eslint): sort import rule (#6939)

* feat(eslint): sort import rule

* chore(deps): pin dep

* refactor: sort imports

---------

Co-authored-by: Jesse Mazzella <jesse.d.mazzella@nasa.gov>

src/plugins/displayLayout/AlphanumericFormatViewProvider.js

@@ -20,10 +20,10 @@
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
 
-import AlphanumericFormat from './components/AlphanumericFormat.vue';
-
 import mount from 'utils/mount';
 
+import AlphanumericFormat from './components/AlphanumericFormat.vue';
+
 class AlphanumericFormatView {
   constructor(openmct, domainObject, objectPath) {
     this.openmct = openmct;

src/plugins/displayLayout/CustomStringFormatterSpec.js

@@ -1,6 +1,7 @@
-import CustomStringFormatter from './CustomStringFormatter';
 import { createOpenMct, resetApplicationState } from 'utils/testing';
 
+import CustomStringFormatter from './CustomStringFormatter';
+
 const CUSTOM_FORMATS = [
   {
     key: 'sclk',

src/plugins/displayLayout/components/BoxView.vue

@@ -37,8 +37,8 @@
 </template>
 
 <script>
-import LayoutFrame from './LayoutFrame.vue';
 import conditionalStylesMixin from '../mixins/objectStyles-mixin';
+import LayoutFrame from './LayoutFrame.vue';
 
 export default {
   makeDefinition() {

src/plugins/displayLayout/components/DisplayLayout.vue

@@ -73,17 +73,18 @@
 </template>
 
 <script>
+import _ from 'lodash';
 import { v4 as uuid } from 'uuid';
+
+import BoxView from './BoxView.vue';
+import DisplayLayoutGrid from './DisplayLayoutGrid.vue';
+import EditMarquee from './EditMarquee.vue';
+import EllipseView from './EllipseView.vue';
+import ImageView from './ImageView.vue';
+import LineView from './LineView.vue';
 import SubobjectView from './SubobjectView.vue';
 import TelemetryView from './TelemetryView.vue';
-import BoxView from './BoxView.vue';
-import EllipseView from './EllipseView.vue';
 import TextView from './TextView.vue';
-import LineView from './LineView.vue';
-import ImageView from './ImageView.vue';
-import EditMarquee from './EditMarquee.vue';
-import DisplayLayoutGrid from './DisplayLayoutGrid.vue';
-import _ from 'lodash';
 
 const TELEMETRY_IDENTIFIER_FUNCTIONS = {
   table: (domainObject) => {

src/plugins/displayLayout/components/EllipseView.vue

@@ -37,8 +37,8 @@
 </template>
 
 <script>
-import LayoutFrame from './LayoutFrame.vue';
 import conditionalStylesMixin from '../mixins/objectStyles-mixin';
+import LayoutFrame from './LayoutFrame.vue';
 
 export default {
   makeDefinition() {

src/plugins/displayLayout/components/ImageView.vue

@@ -33,8 +33,8 @@
 </template>
 
 <script>
-import LayoutFrame from './LayoutFrame.vue';
 import conditionalStylesMixin from '../mixins/objectStyles-mixin';
+import LayoutFrame from './LayoutFrame.vue';
 
 export default {
   makeDefinition(openmct, gridSize, element) {

src/plugins/displayLayout/components/LayoutFrame.vue

@@ -35,9 +35,10 @@
 </template>
 
 <script>
-import LayoutDrag from './../LayoutDrag';
 import _ from 'lodash';
 
+import LayoutDrag from './../LayoutDrag';
+
 export default {
   inject: ['openmct'],
   props: {

src/plugins/displayLayout/components/LineView.vue

@@ -53,9 +53,10 @@
 </template>
 
 <script>
-import conditionalStylesMixin from '../mixins/objectStyles-mixin';
 import _ from 'lodash';
 
+import conditionalStylesMixin from '../mixins/objectStyles-mixin';
+
 const START_HANDLE_QUADRANTS = {
   1: 'c-frame-edit__handle--sw',
   2: 'c-frame-edit__handle--se',

src/plugins/displayLayout/components/TelemetryView.vue

@@ -65,14 +65,15 @@
 </template>
 
 <script>
-import LayoutFrame from './LayoutFrame.vue';
-import conditionalStylesMixin from '../mixins/objectStyles-mixin';
-import stalenessMixin from '@/ui/mixins/staleness-mixin';
 import {
   getDefaultNotebook,
   getNotebookSectionAndPage
 } from '@/plugins/notebook/utils/notebook-storage.js';
+import stalenessMixin from '@/ui/mixins/staleness-mixin';
+
 import tooltipHelpers from '../../../api/tooltips/tooltipMixins';
+import conditionalStylesMixin from '../mixins/objectStyles-mixin';
+import LayoutFrame from './LayoutFrame.vue';
 
 const DEFAULT_TELEMETRY_DIMENSIONS = [10, 5];
 const DEFAULT_POSITION = [1, 1];

src/plugins/displayLayout/components/TextView.vue

@@ -41,8 +41,8 @@
 </template>
 
 <script>
-import LayoutFrame from './LayoutFrame.vue';
 import conditionalStylesMixin from '../mixins/objectStyles-mixin';
+import LayoutFrame from './LayoutFrame.vue';
 
 export default {
   makeDefinition(openmct, gridSize, element) {

src/plugins/displayLayout/plugin.js

@@ -20,14 +20,15 @@
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
 
-import AlphaNumericFormatViewProvider from './AlphanumericFormatViewProvider.js';
+import objectUtils from 'objectUtils';
+import mount from 'utils/mount';
+
 import CopyToClipboardAction from './actions/CopyToClipboardAction';
+import AlphaNumericFormatViewProvider from './AlphanumericFormatViewProvider.js';
 import DisplayLayout from './components/DisplayLayout.vue';
 import DisplayLayoutToolbar from './DisplayLayoutToolbar.js';
 import DisplayLayoutType from './DisplayLayoutType.js';
 import DisplayLayoutDrawingObjectTypes from './DrawingObjectTypes.js';
-import objectUtils from 'objectUtils';
-import mount from 'utils/mount';
 
 class DisplayLayoutView {
   constructor(openmct, domainObject, objectPath, options) {

src/plugins/displayLayout/pluginSpec.js

@@ -22,6 +22,7 @@
 
 import { createOpenMct, resetApplicationState } from 'utils/testing';
 import Vue from 'vue';
+
 import DisplayLayoutPlugin from './plugin';
 
 describe('the plugin', function () {