✨ (favorite) save favorite repos

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

@@ -0,0 +1,47 @@
+import { computed, onMounted, ref } from 'vue'
+
+import { DataType } from '@/data/DataType.enum'
+import { FavoriteRepo } from '@/modules/models/FavoriteRepo'
+import { RepoBase } from '@/modules/interfaces/RepoBase'
+import { data } from '@/data/data'
+import { useRepos } from '@/hooks/useRepos.hook'
+
+export const useFavoriteRepos = () => {
+  const { repos } = useRepos()
+  const savedRepos = ref<FavoriteRepo[]>([])
+
+  const getFavorites = async () => {
+    savedRepos.value = await data.getAll<DataType.FavoriteRepo, FavoriteRepo>({
+      prefix: DataType.FavoriteRepo,
+      keys: repos.value.map((repo) => repo.id)
+    })
+  }
+
+  const savedFavoriteRepos = computed(() =>
+    savedRepos.value.filter((repo) => repo.isFavorite)
+  )
+
+  onMounted(() => {
+    getFavorites()
+  })
+
+  const toggleFavorite = async (repo: RepoBase, isFavorite: boolean) => {
+    const favorite: FavoriteRepo = {
+      _id: data.generateId(DataType.FavoriteRepo, repo.id),
+      $type: DataType.FavoriteRepo,
+      isFavorite,
+      name: repo.name,
+      isPrivate: repo.isPrivate
+    }
+
+    await data.update(favorite)
+    await getFavorites()
+  }
+
+  return {
+    savedRepos,
+    savedFavoriteRepos,
+    addFavorite: (repo: RepoBase) => toggleFavorite(repo, true),
+    removeFavorite: (repo: RepoBase) => toggleFavorite(repo, false)
+  }
+}