chore: apply new stylelint rules

Author: the-illarionov

frontend/e2e/MachineUserFlow.test.ts

@@ -1,17 +1,17 @@
 import { expect, test } from '@playwright/test'
 
-import { setup } from 'xstate'
 import { createTestModel } from '@xstate/test'
+import { setup } from 'xstate'
 
 const MachineUserFlow = setup({
   types: {} as {
     events: |
-    {
-      type: 'User successfully logged'
-    } |
-    {
-      type: 'User submitted form with blank username'
-    }
+      {
+        type: 'User successfully logged'
+      } |
+      {
+        type: 'User submitted form with blank username'
+      }
   },
 }).createMachine({
   /** @xstate-layout N4IgpgJg5mDOIC5QFkCGBjAFgSwHZgFVYwAnAMQBsB7AdwDojSACAN21mwBdYmSqrOAYkYkmsAK7p0cWADNxFCgE8m1KDAgBtAAwBdRKAAOVDp2xVcBkAA9EAJgDMdgDQgliABwA2OgFYAvv6uaFh4hMTk1PQirOxcPHwCwhFi4gBGALZcnJBMslQkGUw0XJhMaRSouADWTOIRuKgZYDr6SCDGpuaW7bYIdnYAnH6u7ggAjB52foFBILhUEHBWITj4IpS0Vp1c3VZ92qOIALTjgcEYa+Gkm9EpbKYJ-JzbJrsW+4gALB5HCN4zOarMIbKIMFLsVRUdSQV5dD69RBeOy+P4AgJAy4giK3OgANVQFGwEFQZgsTFIfFEkNgmFoPSMbzJDJsSIGfkGDgA7Ki3IhJtMMYEgA */

frontend/src/components/BaseInput/BaseInput.test.ts

@@ -1,6 +1,6 @@
-import { expect, it } from 'vitest'
-
 import { mount } from '@vue/test-utils'
+
+import { expect, it } from 'vitest'
 import BaseInput from './BaseInput.vue'
 
 it('renders validation error', () => {

frontend/src/components/FormLogin/FormLogin.vue

@@ -1,10 +1,10 @@
 <script setup lang='ts'>
+import type { UserInfo } from '@/types/TypeUserInfo'
+import BaseButton from '@/components//BaseButton/BaseButton.vue'
+import BaseInput from '@/components/BaseInput/BaseInput.vue'
 import { useMachine } from '@xstate/vue'
 import { ref } from 'vue'
 import { MachineIndex } from './machines/MachineIndex'
-import BaseInput from '@/components/BaseInput/BaseInput.vue'
-import BaseButton from '@/components//BaseButton/BaseButton.vue'
-import type { UserInfo } from '@/types/TypeUserInfo'
 
 const emit = defineEmits<{
   (e: 'logged', arg: { userInfo: UserInfo }): void

frontend/src/components/FormLogin/machines/MachineIndex.ts

@@ -1,9 +1,9 @@
-import { assign, fromPromise, setup } from 'xstate'
-import type { DoneActorEvent, ErrorActorEvent } from 'xstate'
+import type { UserInfo } from '@/types/TypeUserInfo'
 import type { Ref } from 'vue'
+import type { DoneActorEvent, ErrorActorEvent } from 'xstate'
 import type { FormData, ValidationErrors } from '../types'
 import { useApi } from '@/composables/useApi'
-import type { UserInfo } from '@/types/TypeUserInfo'
+import { assign, fromPromise, setup } from 'xstate'
 
 export const MachineIndex = setup({
   types: {} as {

frontend/src/components/TheInitializationWrapper/TheInitializationWrapper.vue

@@ -1,4 +1,5 @@
 <script setup lang='ts'>
+import { machineApp } from '@/machines/MachineApp/MachineApp'
 /*
   This component waits for all of the logic required for application to be loaded before starting rendering anything.
   For example, you have something on your backend and you want to be safe that when any page renders it will already have that information.
@@ -7,7 +8,6 @@
 */
 import { RouterView } from 'vue-router'
 import { waitFor } from 'xstate'
-import { machineApp } from '@/machines/MachineApp/MachineApp'
 
 await waitFor(
   machineApp.actorRef,

frontend/src/composables/useApi.ts

@@ -1,4 +1,4 @@
-import { type UseFetchOptions, createFetch } from '@vueuse/core'
+import { createFetch, type UseFetchOptions } from '@vueuse/core'
 
 const useApiRaw = createFetch({
   baseUrl: '/api',

frontend/src/machines/MachineApp/MachineApp.ts

@@ -1,11 +1,11 @@
-import { assign, fromPromise, setup } from 'xstate'
-import type { DoneActorEvent } from 'xstate'
-import { useMachine } from '@xstate/vue'
+import type { UserInfo } from '@/types/TypeUserInfo'
 import type { Ref } from 'vue'
-import { createBrowserInspector } from '@statelyai/inspect'
+import type { DoneActorEvent } from 'xstate'
 import type { ConfigurationData } from './types'
-import type { UserInfo } from '@/types/TypeUserInfo'
 import { useApi } from '@/composables/useApi'
+import { createBrowserInspector } from '@statelyai/inspect'
+import { useMachine } from '@xstate/vue'
+import { assign, fromPromise, setup } from 'xstate'
 
 const MachineApp = setup({
   types: {} as {

frontend/src/main.ts

@@ -1,7 +1,7 @@
-import './assets/css/main.css'
 import { ViteSSG } from 'vite-ssg'
 import App from './App.vue'
 import { routes } from './router'
+import './assets/css/main.css'
 
 export const createApp = ViteSSG(
   // the root component

frontend/src/pages/PageIndex/PageIndex.vue

@@ -1,8 +1,8 @@
 <script setup lang='ts'>
+import type { UserInfo } from '@/types/TypeUserInfo'
+import FormLogin from '@/components/FormLogin/FormLogin.vue'
 import LayoutBase from '@/layouts/LayoutBase.vue'
 import { machineApp } from '@/machines/MachineApp/MachineApp'
-import FormLogin from '@/components/FormLogin/FormLogin.vue'
-import type { UserInfo } from '@/types/TypeUserInfo'
 
 function sendUserInfoToMachineApp({ userInfo }: { userInfo: UserInfo }) {
   machineApp.send({

frontend/vite.config.ts

@@ -1,9 +1,9 @@
-import { URL, fileURLToPath } from 'node:url'
+import { fileURLToPath, URL } from 'node:url'
 
-import { defineConfig } from 'vite'
-import { configDefaults } from 'vitest/config'
 import vue from '@vitejs/plugin-vue'
+import { defineConfig } from 'vite'
 import VueDevTools from 'vite-plugin-vue-devtools'
+import { configDefaults } from 'vitest/config'
 
 // https://vitejs.dev/config/
 export default defineConfig(({ mode }) => {