eslint: Enforce order of imports

Author: abelsiqueira

.eslintrc.js

@@ -106,6 +106,13 @@ module.exports = {
     'no-restricted-imports': ['error', {
         'patterns': ['.*']
     }],
+    'sort-imports': ['error', {
+        'ignoreCase': false,
+        'ignoreDeclarationSort': false,
+        'ignoreMemberSort': false,
+        'memberSyntaxSortOrder': ['none', 'all', 'multiple', 'single'],
+        'allowSeparatedGroups': false
+    }],
 
     // TypeScript
     quotes: ['warn', 'single', { avoidEscape: true }],

src/components/DownloadButton.vue

@@ -12,7 +12,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, computed } from 'vue'
+import { computed, defineComponent } from 'vue'
 import { useCffstr } from 'src/store/cffstr'
 
 const toDownloadUrl = (body: string) => {

src/components/LayoutStepper.vue

@@ -30,11 +30,11 @@
 </template>
 
 <script lang="ts">
-import Header from 'components/Header.vue'
-import Preview from 'components/Preview.vue'
+import { computed, defineComponent } from 'vue'
 import DownloadButton from 'components/DownloadButton.vue'
 import Footer from 'components/Footer.vue'
-import { defineComponent, computed } from 'vue'
+import Header from 'components/Header.vue'
+import Preview from 'components/Preview.vue'
 import { useRoute } from 'vue-router'
 
 export default defineComponent({

src/components/ScreenFinishAdvanced.vue

@@ -50,9 +50,8 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, computed } from 'vue'
-import { useApp } from 'src/store/app'
-import { useCff } from 'src/store/cff'
+import { computed, defineComponent } from 'vue'
+import DownloadButton from 'components/DownloadButton.vue'
 import Stepper from 'components/Stepper.vue'
 import StepperActions from 'components/StepperActions.vue'
 import { useValidation } from 'src/store/validation'

src/components/ScreenFinishMinimum.vue

@@ -50,8 +50,8 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, computed } from 'vue'
-import { useApp } from 'src/store/app'
+import { computed, defineComponent } from 'vue'
+import DownloadButton from 'components/DownloadButton.vue'
 import Stepper from 'components/Stepper.vue'
 import StepperActions from 'components/StepperActions.vue'
 import { useValidation } from 'src/store/validation'

src/components/ScreenKeywords.vue

@@ -61,6 +61,9 @@
 </template>
 
 <script lang="ts">
+import { defineComponent, nextTick } from 'vue'
+import { moveDown, moveUp } from 'src/updown'
+import Keyword from 'components/Keyword.vue'
 import SchemaGuideLink from 'components/SchemaGuideLink.vue'
 import Stepper from 'components/Stepper.vue'
 import StepperActions from 'components/StepperActions.vue'

src/components/ScreenLicense.vue

@@ -47,12 +47,12 @@
 
 <script lang="ts">
 import { defineComponent, ref } from 'vue'
-import { useCff } from 'src/store/cff'
 import { QSelect } from 'quasar'
-import schema from 'src/schemas/1.2.0/schema.json'
 import SchemaGuideLink from 'components/SchemaGuideLink.vue'
 import Stepper from 'components/Stepper.vue'
 import StepperActions from 'components/StepperActions.vue'
+import schema from 'src/schemas/1.2.0/schema.json'
+import { useCff } from 'src/store/cff'
 
 export default defineComponent({
     name: 'ScreenLicense',

src/components/StepperActions.vue

@@ -31,9 +31,8 @@
 </template>
 
 <script lang="ts">
-import { useApp } from 'src/store/app'
-
 import { defineComponent } from 'vue'
+import { useApp } from 'src/store/app'
 
 export default defineComponent({
     name: 'StepperActions',

src/router/index.ts

@@ -1,12 +1,12 @@
-import { route } from 'quasar/wrappers'
+import { StepNameType, useApp } from 'src/store/app'
 import {
     createMemoryHistory,
     createRouter,
     createWebHashHistory,
     createWebHistory
 } from 'vue-router'
+import { route } from 'quasar/wrappers'
 import routes from 'src/router/routes'
-import { useApp, StepNameType } from 'src/store/app'
 
 /*
  * If not building with SSR mode, you can

src/store/app.ts

@@ -1,4 +1,4 @@
-import { ref, computed } from 'vue'
+import { computed, ref } from 'vue'
 import { useRouter } from 'vue-router'
 
 export type StepNameType = 'start' | 'authors' | 'finish-minimum' | 'identifiers' | 'related-resources' |