🚨

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>

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',

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
+        stackedNote.style.right = `calc(-${NOTE_WIDTH}px + ${
-          .length -
+          (stackedNotes.value.length - ind) * BOOKMARK_WIDTH
-          ind) *
+        }rem)`
-          BOOKMARK_WIDTH}rem)`
       })
     }
   })

src/main.ts

@@ -13,8 +13,4 @@ const i18n = createI18n({
   messages
 })
 
-createApp(App)
+createApp(App).use(router).use(i18n).use(createPinia()).mount('#app')
-  .use(router)
-  .use(i18n)
-  .use(createPinia())
-  .mount('#app')

src/modules/note/hooks/useFolderNotes.ts

@@ -1,32 +1,32 @@
-import { useUserRepoStore } from '@/modules/repo/store/userRepo.store'
+import { useUserRepoStore } from '@/modules/repo/store/userRepo.store'
-import { computed } from 'vue'
+import { computed } from 'vue'
-
+
-export const useFolderNotes = (folders: string[]) => {
+export const useFolderNotes = (folders: string[]) => {
-  const store = useUserRepoStore()
+  const store = useUserRepoStore()
-
+
-  const fleetingNotes = computed(() =>
+  const fleetingNotes = computed(() =>
-    store.files.filter(
+    store.files.filter(
-      (file) =>
+      (file) =>
-        folders.some((folder) => file.path?.startsWith(folder)) &&
+        folders.some((folder) => file.path?.startsWith(folder)) &&
-        file.path?.endsWith('.md')
+        file.path?.endsWith('.md')
-    )
+    )
-  )
+  )
-
+
-  const content = computed(() =>
+  const content = computed(() =>
-    fleetingNotes.value?.length > 0
+    fleetingNotes.value?.length > 0
-      ? fleetingNotes.value
+      ? fleetingNotes.value
-          .map((note) => {
+          .map((note) => {
-            const firstFolder = note.path?.split('/').shift()
+            const firstFolder = note.path?.split('/').shift()
-
+
-            return `- [${note.path?.replace(`${firstFolder}/`, '')}](${
+            return `- [${note.path?.replace(`${firstFolder}/`, '')}](${
-              note.path
+              note.path
-            })`
+            })`
-          })
+          })
-          .join('\n')
+          .join('\n')
-      : ''
+      : ''
-  )
+  )
-
+
-  return {
+  return {
-    content
+    content
-  }
+  }
-}
+}

src/modules/note/models/Note.ts

@@ -1,6 +1,6 @@
-import { DataType } from '@/data/DataType.enum'
+import { DataType } from '@/data/DataType.enum'
-import { Model } from '@/data/models/Model'
+import { Model } from '@/data/models/Model'
-
+
-export interface Note extends Model<DataType.Note> {
+export interface Note extends Model<DataType.Note> {
-  content: string
+  content: string
-}
+}

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 {

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>

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>

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>

tests/unit/modules/repo/services/resolvePath.spec.ts

@@ -1,41 +1,41 @@
-import { resolvePath } from '@/modules/repo/services/resolvePath'
+import { resolvePath } from '@/modules/repo/services/resolvePath'
-
+
-describe('resolve path service', () => {
+describe('resolve path service', () => {
-  it('set the absolute path if path to resolve is empty', () => {
+  it('set the absolute path if path to resolve is empty', () => {
-    expect(resolvePath('standard/README.md', '')).toEqual('standard/')
+    expect(resolvePath('standard/README.md', '')).toEqual('standard/')
-  })
+  })
-
+
-  it('returns the path sanitized if there is no absolute path', () => {
+  it('returns the path sanitized if there is no absolute path', () => {
-    expect(resolvePath('', './here/note.md')).toEqual('here/note.md')
+    expect(resolvePath('', './here/note.md')).toEqual('here/note.md')
-  })
+  })
-
+
-  it('set the absolute path from the current path', () => {
+  it('set the absolute path from the current path', () => {
-    expect(resolvePath('standard/README.md', './other-note.md')).toEqual(
+    expect(resolvePath('standard/README.md', './other-note.md')).toEqual(
-      'standard/other-note.md'
+      'standard/other-note.md'
-    )
+    )
-  })
+  })
-
+
-  it('set the absolute path from the current path with multiple level', () => {
+  it('set the absolute path from the current path with multiple level', () => {
-    expect(
+    expect(
-      resolvePath('standard/you/are/here/README.md', './other-note.md')
+      resolvePath('standard/you/are/here/README.md', './other-note.md')
-    ).toEqual('standard/you/are/here/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', () => {
+  it('set the absolute path from the current path with a go back in the relative path', () => {
-    expect(
+    expect(
-      resolvePath('standard/you/are/here/README.md', '../other-note.md')
+      resolvePath('standard/you/are/here/README.md', '../other-note.md')
-    ).toEqual('standard/you/are/other-note.md')
+    ).toEqual('standard/you/are/other-note.md')
-
+
-    expect(
+    expect(
-      resolvePath('standard/you/are/here/README.md', '../../other-note.md')
+      resolvePath('standard/you/are/here/README.md', '../../other-note.md')
-    ).toEqual('standard/you/other-note.md')
+    ).toEqual('standard/you/other-note.md')
-
+
-    expect(
+    expect(
-      resolvePath('standard/you/are/here/README.md', './../../other-note.md')
+      resolvePath('standard/you/are/here/README.md', './../../other-note.md')
-    ).toEqual('standard/you/other-note.md')
+    ).toEqual('standard/you/other-note.md')
-
+
-    expect(
+    expect(
-      resolvePath('standard/you/are/here/README.md', './../../../other-note.md')
+      resolvePath('standard/you/are/here/README.md', './../../../other-note.md')
-    ).toEqual('standard/other-note.md')
+    ).toEqual('standard/other-note.md')
-  })
+  })
-})
+})