✨ (history) add last visited repo method

src/modules/history/components/LastVisited.vue

@@ -7,7 +7,7 @@
       <router-link
         :to="{
           name: `Home`,
-          props: { user: lastVisitedRepo.user, repo: lastVisitedRepo.repo }
+          params: { user: lastVisitedRepo.user, repo: lastVisitedRepo.repo }
         }"
         >{{ lastVisitedRepo.user }}/{{ lastVisitedRepo.repo }}</router-link
       >

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

@@ -7,7 +7,7 @@ import { computed } from 'vue'
 export const useLastVisitedRepos = () => {
   const history = useAsyncState(
     data.get<DataType.History, History>(
-      data.generateId(DataType.BacklinkNote, 'history')
+      data.generateId(DataType.History, 'history')
     ),
     null
   )

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

@@ -0,0 +1,41 @@
+import { data } from '@/data/data'
+import { DataType } from '@/data/DataType.enum'
+import { History } from '@/data/models/History'
+
+const HISTORY_ID = data.generateId(DataType.History, 'history')
+const MAX_REPO_HISTORY = 10
+
+export const useVisitRepo = (newRepo: { user: string; repo: string }) => {
+  const visitRepo = async () => {
+    const history = await data.get<DataType.History, History>(HISTORY_ID)
+    if (!history) {
+      const newHistory: History = {
+        _id: HISTORY_ID,
+        $type: DataType.History,
+        repos: [newRepo]
+      }
+      await data.add<DataType.History>(newHistory)
+      return
+    }
+
+    const clearedRepos = history.repos.filter(
+      (repo) => repo.user !== newRepo.user && repo.repo !== newRepo.repo
+    )
+
+    const historyRepos = [newRepo, ...clearedRepos].slice(
+      0,
+      MAX_REPO_HISTORY - 1
+    )
+
+    const newHistory: History = {
+      ...history,
+      repos: historyRepos
+    }
+
+    await data.update(newHistory)
+  }
+
+  return {
+    visitRepo
+  }
+}