autoimport with eslint now

src/components/AuthorizeUser.vue

@@ -1,9 +1,10 @@
 <script lang="ts" setup>
-import { useGitHubLogin } from '@/hooks/useGitHubLogin.hook'
-import { signIn } from '@/modules/user/service/signIn'
 import { onBeforeMount, ref } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 
+import { useGitHubLogin } from '@/hooks/useGitHubLogin.hook'
+import { signIn } from '@/modules/user/service/signIn'
+
 const route = useRoute()
 const router = useRouter()
 const { saveCredentials } = useGitHubLogin()

src/components/FluxNote.vue

@@ -1,12 +1,4 @@
 <script lang="ts" setup>
-import LiteLoading from '@/components/LiteLoading.vue'
-import { useLinks } from '@/hooks/useLinks.hook'
-import { useMarkdown } from '@/hooks/useMarkdown.hook'
-import { useNote } from '@/hooks/useNote.hook'
-import { useQueryStackedNotes } from '@/hooks/useQueryStackedNotes.hook'
-import { useVisitRepo } from '@/modules/history/hooks/useVisitRepo.hook'
-import { useUserRepoStore } from '@/modules/repo/store/userRepo.store'
-import { useUserSettings } from '@/modules/user/hooks/useUserSettings.hook'
 import {
   computed,
   defineAsyncComponent,
@@ -17,6 +9,15 @@ import {
   watch
 } from 'vue'
 
+import LiteLoading from '@/components/LiteLoading.vue'
+import { useLinks } from '@/hooks/useLinks.hook'
+import { useMarkdown } from '@/hooks/useMarkdown.hook'
+import { useNote } from '@/hooks/useNote.hook'
+import { useQueryStackedNotes } from '@/hooks/useQueryStackedNotes.hook'
+import { useVisitRepo } from '@/modules/history/hooks/useVisitRepo.hook'
+import { useUserRepoStore } from '@/modules/repo/store/userRepo.store'
+import { useUserSettings } from '@/modules/user/hooks/useUserSettings.hook'
+
 const HeaderNote = defineAsyncComponent(
   () => import('@/components/HeaderNote.vue')
 )
@@ -109,14 +110,19 @@ const focus = () => scrollToFocusedNote(undefined, true)
           >
             {{ repo }} </router-link
           >]
+        </h1>
+        <h4 class="subtitle is-4">
+          <em>{{ user }}</em> -
           <img
-            v-if="store.isReadmeOffline"
+            v-show="store.isReadmeOffline"
             src="@/assets/icons/offline.svg"
             alt="ofline"
           />
-        </h1>
-        <h4 class="subtitle is-4">
-          <em>{{ user }}</em>
+          <img
+            v-show="!store.isReadmeOffline"
+            src="@/assets/icons/online.svg"
+            alt="ofline"
+          />
         </h4>
       </div>
       <slot />
@@ -194,11 +200,8 @@ $header-height: 40px;
         text-align: center;
       }
 
-      .title {
-        img {
-          position: absolute;
-          right: 0;
-        }
+      img {
+        vertical-align: middle;
       }
     }
   }

src/components/FooterTranslation.vue

@@ -8,9 +8,10 @@
 
 <script lang="ts">
 import { defineComponent } from 'vue'
-import { locales } from '@/locales/message'
 import { useI18n } from 'vue-i18n'
 
+import { locales } from '@/locales/message'
+
 export default defineComponent({
   name: 'FooterTranslation',
   setup() {

src/components/LinkedNotes.vue

@@ -1,7 +1,8 @@
 <script lang="ts" setup>
+import { computed } from 'vue'
+
 import { useBacklinks } from '@/hooks/useBacklinks.hook'
 import { useQueryStackedNotes } from '@/hooks/useQueryStackedNotes.hook'
-import { computed } from 'vue'
 
 const props = defineProps<{
   sha: string

src/components/NewVersion.vue

@@ -1,8 +1,9 @@
 <script setup lang="ts">
-import LiteLoading from '@/components/LiteLoading.vue'
 import { useRegisterSW } from 'virtual:pwa-register/vue'
 import { ref } from 'vue'
 
+import LiteLoading from '@/components/LiteLoading.vue'
+
 const devMode = ref(import.meta.env.DEV)
 const isLoading = ref(false)
 const { offlineReady, needRefresh, updateServiceWorker } = useRegisterSW()

src/components/StackedNote.vue

@@ -1,4 +1,6 @@
 <script lang="ts" setup>
+import { computed, defineAsyncComponent, nextTick, watch } from 'vue'
+
 import { useFile } from '@/hooks/useFile.hook'
 import { useImages } from '@/hooks/useImages.hook'
 import { useLinks } from '@/hooks/useLinks.hook'
@@ -8,7 +10,6 @@ import { useTitleNotes } from '@/hooks/useTitleNotes.hook'
 import { useUserRepoStore } from '@/modules/repo/store/userRepo.store'
 import { filenameToNoteTitle } from '@/utils/noteTitle'
 import { generateTweets } from '@/utils/twitter'
-import { computed, defineAsyncComponent, nextTick, watch } from 'vue'
 
 const LinkedNotes = defineAsyncComponent(
   () => import('@/components/LinkedNotes.vue')

src/components/WelcomeWorld.vue

@@ -102,12 +102,13 @@
 </template>
 
 <script lang="ts">
+import { defineComponent } from 'vue'
+
 import SignInGithub from '@/components/SignInGithub.vue'
 import { useForm } from '@/hooks/useForm.hook'
 import { useGitHubLogin } from '@/hooks/useGitHubLogin.hook'
 import LastVisited from '@/modules/history/components/LastVisited.vue'
 import { useFavoriteRepos } from '@/modules/repo/hooks/useFavoriteRepos.hook'
-import { defineComponent } from 'vue'
 
 export default defineComponent({
   name: 'WelcomeWorld',