From 6a5e7a9d631af325d6abe57ecb9c7a4e5ab12aef Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Sun, 9 May 2021 01:12:01 +0200
Subject: [PATCH] :rotating_light:

---
 src/components/NewVersion.vue                 |  2 +-
 src/components/StackedNote.vue                |  2 +-
 src/hooks/useNoteOverlay.hook.ts              |  7 +-
 src/main.ts                                   |  6 +-
 src/modules/note/hooks/useFolderNotes.ts      | 64 +++++++--------
 src/modules/note/models/Note.ts               | 12 +--
 src/modules/repo/store/userRepo.store.ts      |  1 -
 src/views/Login.vue                           |  4 +-
 src/views/RepoList.vue                        |  2 +-
 src/views/ShareNotes.vue                      |  2 +-
 .../modules/repo/services/resolvePath.spec.ts | 82 +++++++++----------
 11 files changed, 89 insertions(+), 95 deletions(-)

diff --git a/src/components/NewVersion.vue b/src/components/NewVersion.vue
index 552fce2..834b4e6 100644
--- a/src/components/NewVersion.vue
+++ b/src/components/NewVersion.vue
@@ -1,5 +1,5 @@
 <template>
-  <aside class="new-version" v-if="hasNewVersion">
+  <aside v-if="hasNewVersion" class="new-version">
     <button class="button is-primary" @click="reload">
       new version available
     </button>
diff --git a/src/components/StackedNote.vue b/src/components/StackedNote.vue
index 5e7a063..eff0c47 100644
--- a/src/components/StackedNote.vue
+++ b/src/components/StackedNote.vue
@@ -12,7 +12,7 @@
         {{ displayedTitle }}
       </a>
     </div>
-    <div class="share" v-if="false">
+    <div v-if="false" class="share">
       <router-link
         :to="{
           name: 'ShareNotes',
diff --git a/src/hooks/useNoteOverlay.hook.ts b/src/hooks/useNoteOverlay.hook.ts
index 06ee23e..05304a7 100644
--- a/src/hooks/useNoteOverlay.hook.ts
+++ b/src/hooks/useNoteOverlay.hook.ts
@@ -39,10 +39,9 @@ export const useNoteOverlay = (className: string, index: number) => {
       ) as NodeListOf<HTMLElement>
 
       stackedNoteContainers.forEach((stackedNote, ind) => {
-        stackedNote.style.right = `calc(-${NOTE_WIDTH}px + ${(stackedNotes.value
-          .length -
-          ind) *
-          BOOKMARK_WIDTH}rem)`
+        stackedNote.style.right = `calc(-${NOTE_WIDTH}px + ${
+          (stackedNotes.value.length - ind) * BOOKMARK_WIDTH
+        }rem)`
       })
     }
   })
diff --git a/src/main.ts b/src/main.ts
index 521bc63..a1bf551 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -13,8 +13,4 @@ const i18n = createI18n({
   messages
 })
 
-createApp(App)
-  .use(router)
-  .use(i18n)
-  .use(createPinia())
-  .mount('#app')
+createApp(App).use(router).use(i18n).use(createPinia()).mount('#app')
diff --git a/src/modules/note/hooks/useFolderNotes.ts b/src/modules/note/hooks/useFolderNotes.ts
index 65e7707..5125782 100644
--- a/src/modules/note/hooks/useFolderNotes.ts
+++ b/src/modules/note/hooks/useFolderNotes.ts
@@ -1,32 +1,32 @@
-import { useUserRepoStore } from '@/modules/repo/store/userRepo.store'
-import { computed } from 'vue'
-
-export const useFolderNotes = (folders: string[]) => {
-  const store = useUserRepoStore()
-
-  const fleetingNotes = computed(() =>
-    store.files.filter(
-      (file) =>
-        folders.some((folder) => file.path?.startsWith(folder)) &&
-        file.path?.endsWith('.md')
-    )
-  )
-
-  const content = computed(() =>
-    fleetingNotes.value?.length > 0
-      ? fleetingNotes.value
-          .map((note) => {
-            const firstFolder = note.path?.split('/').shift()
-
-            return `- [${note.path?.replace(`${firstFolder}/`, '')}](${
-              note.path
-            })`
-          })
-          .join('\n')
-      : ''
-  )
-
-  return {
-    content
-  }
-}
+import { useUserRepoStore } from '@/modules/repo/store/userRepo.store'
+import { computed } from 'vue'
+
+export const useFolderNotes = (folders: string[]) => {
+  const store = useUserRepoStore()
+
+  const fleetingNotes = computed(() =>
+    store.files.filter(
+      (file) =>
+        folders.some((folder) => file.path?.startsWith(folder)) &&
+        file.path?.endsWith('.md')
+    )
+  )
+
+  const content = computed(() =>
+    fleetingNotes.value?.length > 0
+      ? fleetingNotes.value
+          .map((note) => {
+            const firstFolder = note.path?.split('/').shift()
+
+            return `- [${note.path?.replace(`${firstFolder}/`, '')}](${
+              note.path
+            })`
+          })
+          .join('\n')
+      : ''
+  )
+
+  return {
+    content
+  }
+}
diff --git a/src/modules/note/models/Note.ts b/src/modules/note/models/Note.ts
index 9f80879..f88d920 100644
--- a/src/modules/note/models/Note.ts
+++ b/src/modules/note/models/Note.ts
@@ -1,6 +1,6 @@
-import { DataType } from '@/data/DataType.enum'
-import { Model } from '@/data/models/Model'
-
-export interface Note extends Model<DataType.Note> {
-  content: string
-}
+import { DataType } from '@/data/DataType.enum'
+import { Model } from '@/data/models/Model'
+
+export interface Note extends Model<DataType.Note> {
+  content: string
+}
diff --git a/src/modules/repo/store/userRepo.store.ts b/src/modules/repo/store/userRepo.store.ts
index 79bf6d5..f4d844a 100644
--- a/src/modules/repo/store/userRepo.store.ts
+++ b/src/modules/repo/store/userRepo.store.ts
@@ -5,7 +5,6 @@ import {
   getMainReadme,
   getUserSettingsContent
 } from '@/modules/repo/services/repo'
-import { refreshToken } from '@/modules/user/service/signIn'
 import { defineStore } from 'pinia'
 
 interface State {
diff --git a/src/views/Login.vue b/src/views/Login.vue
index 46d9d54..1841404 100644
--- a/src/views/Login.vue
+++ b/src/views/Login.vue
@@ -13,10 +13,10 @@
             <div class="field-body">
               <div class="control">
                 <input
+                  v-model="user"
                   class="input"
                   type="text"
                   placeholder="GitHub username"
-                  v-model="user"
                 />
               </div>
             </div>
@@ -28,10 +28,10 @@
             <div class="field-body">
               <div class="control">
                 <input
+                  v-model="token"
                   class="input"
                   type="password"
                   placeholder="Personal Access Token"
-                  v-model="token"
                 />
               </div>
             </div>
diff --git a/src/views/RepoList.vue b/src/views/RepoList.vue
index 5e2dad8..4e1a479 100644
--- a/src/views/RepoList.vue
+++ b/src/views/RepoList.vue
@@ -6,8 +6,8 @@
     <div v-else class="columns is-centered">
       <div class="column is-one-third">
         <table
-          class="table is-striped is-hoverable"
           v-if="favoriteRepos.length > 0"
+          class="table is-striped is-hoverable"
         >
           <thead>
             <tr>
diff --git a/src/views/ShareNotes.vue b/src/views/ShareNotes.vue
index 90eb36e..668239c 100644
--- a/src/views/ShareNotes.vue
+++ b/src/views/ShareNotes.vue
@@ -6,10 +6,10 @@
       </div>
     </article>
     <flux-note
+      key="share-notes"
       :user="user"
       :repo="repo"
       :content="content"
-      key="share-notes"
       :with-header="false"
     />
   </div>
diff --git a/tests/unit/modules/repo/services/resolvePath.spec.ts b/tests/unit/modules/repo/services/resolvePath.spec.ts
index 207fdb4..ee165f8 100644
--- a/tests/unit/modules/repo/services/resolvePath.spec.ts
+++ b/tests/unit/modules/repo/services/resolvePath.spec.ts
@@ -1,41 +1,41 @@
-import { resolvePath } from '@/modules/repo/services/resolvePath'
-
-describe('resolve path service', () => {
-  it('set the absolute path if path to resolve is empty', () => {
-    expect(resolvePath('standard/README.md', '')).toEqual('standard/')
-  })
-
-  it('returns the path sanitized if there is no absolute path', () => {
-    expect(resolvePath('', './here/note.md')).toEqual('here/note.md')
-  })
-
-  it('set the absolute path from the current path', () => {
-    expect(resolvePath('standard/README.md', './other-note.md')).toEqual(
-      'standard/other-note.md'
-    )
-  })
-
-  it('set the absolute path from the current path with multiple level', () => {
-    expect(
-      resolvePath('standard/you/are/here/README.md', './other-note.md')
-    ).toEqual('standard/you/are/here/other-note.md')
-  })
-
-  it('set the absolute path from the current path with a go back in the relative path', () => {
-    expect(
-      resolvePath('standard/you/are/here/README.md', '../other-note.md')
-    ).toEqual('standard/you/are/other-note.md')
-
-    expect(
-      resolvePath('standard/you/are/here/README.md', '../../other-note.md')
-    ).toEqual('standard/you/other-note.md')
-
-    expect(
-      resolvePath('standard/you/are/here/README.md', './../../other-note.md')
-    ).toEqual('standard/you/other-note.md')
-
-    expect(
-      resolvePath('standard/you/are/here/README.md', './../../../other-note.md')
-    ).toEqual('standard/other-note.md')
-  })
-})
+import { resolvePath } from '@/modules/repo/services/resolvePath'
+
+describe('resolve path service', () => {
+  it('set the absolute path if path to resolve is empty', () => {
+    expect(resolvePath('standard/README.md', '')).toEqual('standard/')
+  })
+
+  it('returns the path sanitized if there is no absolute path', () => {
+    expect(resolvePath('', './here/note.md')).toEqual('here/note.md')
+  })
+
+  it('set the absolute path from the current path', () => {
+    expect(resolvePath('standard/README.md', './other-note.md')).toEqual(
+      'standard/other-note.md'
+    )
+  })
+
+  it('set the absolute path from the current path with multiple level', () => {
+    expect(
+      resolvePath('standard/you/are/here/README.md', './other-note.md')
+    ).toEqual('standard/you/are/here/other-note.md')
+  })
+
+  it('set the absolute path from the current path with a go back in the relative path', () => {
+    expect(
+      resolvePath('standard/you/are/here/README.md', '../other-note.md')
+    ).toEqual('standard/you/are/other-note.md')
+
+    expect(
+      resolvePath('standard/you/are/here/README.md', '../../other-note.md')
+    ).toEqual('standard/you/other-note.md')
+
+    expect(
+      resolvePath('standard/you/are/here/README.md', './../../other-note.md')
+    ).toEqual('standard/you/other-note.md')
+
+    expect(
+      resolvePath('standard/you/are/here/README.md', './../../../other-note.md')
+    ).toEqual('standard/other-note.md')
+  })
+})