chore(eslint): sorting rules

- perfectionist/sort-imports
- perfectionist/sort-named-exports
- perfectionist/sort-named-imports
- vue/define-macros-order

Signed-off-by: Maksim Sukharev <[email protected]>

Author: Antreesy

eslint.config.mjs

@@ -27,11 +27,7 @@ export default [
 			'curly': 'off',
 			'jsdoc/tag-lines': 'off',
 			'import-extensions/extensions': 'off',
-			'perfectionist/sort-imports': 'off',
-			'perfectionist/sort-named-exports': 'off',
-			'perfectionist/sort-named-imports': 'off',
 			'vue/first-attribute-linebreak': 'off',
-			'vue/define-macros-order': 'off',
 			'vue/no-boolean-default': 'off',
 			'vue/no-required-prop-with-default': 'off',
 			'vue/no-unused-properties': 'off',

src/App.vue

@@ -49,18 +49,17 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, onMounted, onUnmounted, ref, watchEffect } from 'vue'
 import { translate as t } from '@nextcloud/l10n'
-import { useLogStore } from './store/logging'
-import { useSettingsStore } from './store/settings.js'
-
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
 import NcEmptyContent from '@nextcloud/vue/dist/Components/NcEmptyContent.js'
 import NcNoteCard from '@nextcloud/vue/dist/Components/NcNoteCard.js'
+import { computed, onMounted, onUnmounted, ref, watchEffect } from 'vue'
 import IconCog from 'vue-material-design-icons/CogOutline.vue'
 import IconFormatList from 'vue-material-design-icons/FormatListBulletedSquare.vue'
 import AppSettingsDialog from './components/settings/AppSettingsDialog.vue'
 import LogTable from './components/table/LogTable.vue'
+import { useLogStore } from './store/logging'
+import { useSettingsStore } from './store/settings.js'
 
 import '@nextcloud/dialogs/style.css'
 

src/api.spec.ts

@@ -3,7 +3,7 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 
-import { expect, describe, it, vi, afterEach } from 'vitest'
+import { afterEach, describe, expect, it, vi } from 'vitest'
 import { getAppSettings, getLog, pollLog, setAppSetting } from './api'
 
 const mocks = vi.hoisted(() => {

src/api.ts

@@ -6,8 +6,8 @@
 import type { AxiosRequestConfig, AxiosResponse } from '@nextcloud/axios'
 import type { IAppSettings, INextcloud22LogEntry } from './interfaces'
 
-import { generateUrl } from '@nextcloud/router'
 import axios from '@nextcloud/axios'
+import { generateUrl } from '@nextcloud/router'
 
 interface ApiGetLog {
 	offset?: number

src/components/IntersectionObserver.vue

@@ -13,19 +13,20 @@
 <script lang="ts" setup>
 import { onMounted, onUnmounted, ref } from 'vue'
 
-const emit = defineEmits<{
+const props = defineProps<{
 	/**
-	 * Emitted when an intersection is observed
+	 * Optional options used to initialize the IntersectionObserver
 	 */
-	(event: 'intersection'): void
+	options?: IntersectionObserverInit
 }>()
 
-const props = defineProps<{
+const emit = defineEmits<{
 	/**
-	 * Optional options used to initialize the IntersectionObserver
+	 * Emitted when an intersection is observed
 	 */
-	options?: IntersectionObserverInit
+	(event: 'intersection'): void
 }>()
+
 /**
  * The observed element
  */

src/components/LogDetailsModal.vue

@@ -59,30 +59,29 @@
 <script setup lang="ts">
 import type { ILogEntry } from '../interfaces'
 
-import { translate as t } from '@nextcloud/l10n'
 import { showSuccess } from '@nextcloud/dialogs'
-import { computed, ref, watchEffect } from 'vue'
-import { copyToCipboard } from '../utils/clipboard'
-import { useLogFormatting } from '../utils/format'
-import { LOGGING_LEVEL, LOGGING_LEVEL_NAMES } from '../constants'
-
+import { translate as t } from '@nextcloud/l10n'
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
 import NcModal from '@nextcloud/vue/dist/Components/NcModal.js'
-import IconContentCopy from 'vue-material-design-icons/ContentCopy.vue'
 import hljs from 'highlight.js/lib/core'
 import json from 'highlight.js/lib/languages/json'
-
-import 'highlight.js/styles/base16/material-darker.css'
+import { computed, ref, watchEffect } from 'vue'
+import IconContentCopy from 'vue-material-design-icons/ContentCopy.vue'
 import LogException from './exception/LogException.vue'
+import { LOGGING_LEVEL, LOGGING_LEVEL_NAMES } from '../constants'
+import { copyToCipboard } from '../utils/clipboard'
+import { useLogFormatting } from '../utils/format'
 
-hljs.registerLanguage('json', json)
+import 'highlight.js/styles/base16/material-darker.css'
 
 const props = defineProps<{
 	open: boolean
 	currentEntry: ILogEntry
 	logEntries: readonly ILogEntry[]
 }>()
 
+hljs.registerLanguage('json', json)
+
 const { formatTime, formatLogEntry } = useLogFormatting()
 
 /**

src/components/LogSearch.vue

@@ -27,14 +27,13 @@
 </template>
 
 <script setup lang="ts">
-import { computed, onMounted, onUnmounted, ref } from 'vue'
 import { translate as t } from '@nextcloud/l10n'
-import { useLogStore } from '../store/logging'
-
-import NcActions from '@nextcloud/vue/dist/Components/NcActions.js'
 import NcActionInput from '@nextcloud/vue/dist/Components/NcActionInput.js'
-import IconTextSearch from 'vue-material-design-icons/TextSearch.vue'
+import NcActions from '@nextcloud/vue/dist/Components/NcActions.js'
+import { computed, onMounted, onUnmounted, ref } from 'vue'
 import IconMagnify from 'vue-material-design-icons/Magnify.vue'
+import IconTextSearch from 'vue-material-design-icons/TextSearch.vue'
+import { useLogStore } from '../store/logging'
 
 declare global {
 	interface Window {

src/components/exception/LogException.vue

@@ -19,9 +19,8 @@
 <script setup lang="ts">
 import type { IException } from '../../interfaces'
 
-import { computed } from 'vue'
 import { translate as t } from '@nextcloud/l10n'
-
+import { computed } from 'vue'
 import StackTrace from './StackTrace.vue'
 
 const props = withDefaults(defineProps<{

src/components/exception/StackTrace.vue

@@ -11,6 +11,7 @@
 
 <script setup lang="ts">
 import type { ITraceLine } from '../../interfaces'
+
 import TraceLine from './TraceLine.vue'
 
 const props = defineProps<{

src/components/exception/TraceLine.vue

@@ -18,8 +18,8 @@
 <script setup lang="ts">
 import type { ITraceLine } from '../../interfaces'
 
-import { computed } from 'vue'
 import { translate as t } from '@nextcloud/l10n'
+import { computed } from 'vue'
 
 const props = defineProps<{
 	line: ITraceLine