autoimport with eslint now

src/modules/card/components/FlipCard.vue

@@ -1,5 +1,6 @@
 <script lang="ts" setup>
 import { ref } from 'vue'
+
 import { Card } from '../models/Card'
 
 defineProps<{ card: Card }>()

src/modules/card/components/FlipCardList.vue

@@ -1,7 +1,8 @@
 <script lang="ts" setup>
+import { computed, ref } from 'vue'
+
 import FlipCard from '@/modules/card/components/FlipCard.vue'
 import { Repetition } from '@/modules/card/hooks/useSpacedRepetitionCards'
-import { computed, ref } from 'vue'
 
 const props = defineProps<{ cards: Repetition[] }>()
 const emits = defineEmits<{

src/modules/card/hooks/useNeedReviewCards.ts

@@ -1,7 +1,8 @@
+import { useAsyncState } from '@vueuse/core'
+
 import { data } from '@/data/data'
 import { DataType } from '@/data/DataType.enum'
 import { RepetitionCard } from '@/modules/card/models/RepetitionCard'
-import { useAsyncState } from '@vueuse/core'
 
 export const useNeedReviewCards = () => {
   const { state: cardsToReview, isReady } = useAsyncState(async () => {

src/modules/card/hooks/useSpacedRepetitionCards.ts

@@ -1,5 +1,9 @@
 // https://npm.io/package/supermemo
 
+import { useAsyncState } from '@vueuse/core'
+import { addDays, isAfter } from 'date-fns'
+import { computed, nextTick, watch } from 'vue'
+
 import { data } from '@/data/data'
 import { DataType } from '@/data/DataType.enum'
 import { useFile } from '@/hooks/useFile.hook'
@@ -9,9 +13,6 @@ import { Card } from '@/modules/card/models/Card'
 import { RepetitionCard } from '@/modules/card/models/RepetitionCard'
 import { useUserRepoStore } from '@/modules/repo/store/userRepo.store'
 import { decodeBase64ToUTF8 } from '@/utils/decodeBase64ToUTF8'
-import { useAsyncState } from '@vueuse/core'
-import { addDays, isAfter } from 'date-fns'
-import { computed, nextTick, watch } from 'vue'
 
 const MAX_LEVEL = 8
 

src/modules/history/components/LastVisited.vue

@@ -24,9 +24,10 @@
 </template>
 
 <script lang="ts">
-import { useLastVisitedRepos } from '@/modules/history/hooks/useLastVisitedRepos.hook'
 import { defineComponent } from 'vue'
 
+import { useLastVisitedRepos } from '@/modules/history/hooks/useLastVisitedRepos.hook'
+
 export default defineComponent({
   name: 'LastVisited',
   setup() {

src/modules/history/hooks/useLastVisitedRepos.hook.ts

@@ -1,8 +1,9 @@
+import { useAsyncState } from '@vueuse/core'
+import { computed } from 'vue'
+
 import { data } from '@/data/data'
 import { DataType } from '@/data/DataType.enum'
 import { History } from '@/data/models/History'
-import { useAsyncState } from '@vueuse/core'
-import { computed } from 'vue'
 
 const HISTORY_ID = data.generateId(DataType.History, 'history')
 

src/modules/history/hooks/useVisitRepo.hook.ts

@@ -1,7 +1,8 @@
+import { Ref, toValue } from 'vue'
+
 import { data } from '@/data/data'
 import { DataType } from '@/data/DataType.enum'
 import { History } from '@/data/models/History'
-import { Ref, toValue } from 'vue'
 
 const HISTORY_ID = data.generateId(DataType.History, 'history')
 const MAX_REPO_HISTORY = 10

src/modules/note/hooks/useFolderNotes.ts

@@ -1,6 +1,7 @@
-import { useUserRepoStore } from '@/modules/repo/store/userRepo.store'
 import { computed } from 'vue'
 
+import { useUserRepoStore } from '@/modules/repo/store/userRepo.store'
+
 export const useFolderNotes = (folders: string[]) => {
   const store = useUserRepoStore()
 

src/modules/note/hooks/useNotes.ts

@@ -1,6 +1,7 @@
-import { useUserRepoStore } from '@/modules/repo/store/userRepo.store'
 import { computed } from 'vue'
 
+import { useUserRepoStore } from '@/modules/repo/store/userRepo.store'
+
 export const useNotes = () => {
   const store = useUserRepoStore()
 

src/modules/repo/hooks/useFavoriteRepos.hook.ts

@@ -1,10 +1,10 @@
 import { computed, onMounted, ref } from 'vue'
 
-import { DataType } from '@/data/DataType.enum'
-import { FavoriteRepo } from '@/modules/repo/models/FavoriteRepo'
-import { RepoBase } from '@/modules/repo/interfaces/RepoBase'
 import { data } from '@/data/data'
+import { DataType } from '@/data/DataType.enum'
 import { useRepos } from '@/hooks/useRepos.hook'
+import { RepoBase } from '@/modules/repo/interfaces/RepoBase'
+import { FavoriteRepo } from '@/modules/repo/models/FavoriteRepo'
 
 export const useFavoriteRepos = () => {
   const { repos } = useRepos()

src/modules/repo/hooks/useRepoList.hook.ts

@@ -1,7 +1,8 @@
-import { RepoBase } from '@/modules/repo/interfaces/RepoBase'
 import { computed } from 'vue'
-import { useFavoriteRepos } from '@/modules/repo/hooks/useFavoriteRepos.hook'
+
 import { useRepos } from '@/hooks/useRepos.hook'
+import { useFavoriteRepos } from '@/modules/repo/hooks/useFavoriteRepos.hook'
+import { RepoBase } from '@/modules/repo/interfaces/RepoBase'
 
 export const useRepoList = () => {
   const { savedFavoriteRepos, addFavorite, removeFavorite } = useFavoriteRepos()

src/modules/repo/services/octo.ts

@@ -1,6 +1,7 @@
-import { getAccessToken } from '@/modules/user/service/signIn'
 import { Octokit } from '@octokit/rest'
 
+import { getAccessToken } from '@/modules/user/service/signIn'
+
 export const getOctokit = async (): Promise<Octokit> => {
   const response = await getAccessToken()
 

src/modules/repo/services/resolvePath.spec.ts

@@ -1,4 +1,5 @@
 import { describe, expect, it } from 'vitest'
+
 import { resolvePath } from './resolvePath'
 
 describe('resolve path service', () => {

src/modules/repo/store/userRepo.store.ts

@@ -1,3 +1,5 @@
+import { defineStore } from 'pinia'
+
 import { RepoFile } from '@/modules/repo/interfaces/RepoFile'
 import { UserSettings } from '@/modules/repo/interfaces/UserSettings'
 import {
@@ -7,7 +9,6 @@ import {
   getUserSettingsContent
 } from '@/modules/repo/services/repo'
 import { refreshToken } from '@/modules/user/service/signIn'
-import { defineStore } from 'pinia'
 
 interface State {
   user: string
@@ -48,9 +49,15 @@ export const useUserRepoStore = defineStore({
         getFiles(newUser, newRepo)
       ])
       this.readme = readme
-      this.isReadmeOffline = false
       this.files = files
 
+      // if the offline state is too quick,
+      // it gives more the impression of
+      // glitch.
+      setTimeout(() => {
+        this.isReadmeOffline = false
+      }, 500)
+
       this.userSettings = await getUserSettingsContent(newUser, newRepo, files)
     },
     resetUserRepo() {

src/modules/user/hooks/useUserSettings.hook.ts

@@ -1,6 +1,7 @@
-import { useUserRepoStore } from '@/modules/repo/store/userRepo.store'
 import { watchEffect } from 'vue'
 
+import { useUserRepoStore } from '@/modules/repo/store/userRepo.store'
+
 const DEFAULT_FONT_POLICY = "'Courier Prime', monospace"
 
 const LIGHT_FONT_COLOR = '#4a4a4a'

src/modules/user/service/signIn.ts

@@ -1,10 +1,11 @@
+import { Octokit } from '@octokit/rest'
+import { addMinutes, addSeconds, isBefore } from 'date-fns'
+
 import { data } from '@/data/data'
 import { DataType } from '@/data/DataType.enum'
 import { GithubAccessToken } from '@/data/models/GithubAccessToken'
 import { GithubToken } from '@/modules/user/interfaces/GithubToken'
 import { GithubTokenError } from '@/modules/user/interfaces/GithubTokenError'
-import { Octokit } from '@octokit/rest'
-import { addMinutes, addSeconds, isBefore } from 'date-fns'
 
 const AUTHENTICATION_SERVER = 'https://litenote.li212.fr'
 const personalTokenId = 'token'