✨ (favorite) save favorite repos

src/modules/interfaces/RepoBase.ts

@@ -0,0 +1,5 @@
+export interface RepoBase {
+  id: string
+  name: string
+  isPrivate: boolean
+}

src/modules/models/FavoriteRepo.ts

@@ -0,0 +1,8 @@
+import { DataType } from '@/data/DataType.enum'
+import { Model } from '@/data/models/Model'
+
+export interface FavoriteRepo extends Model<DataType.FavoriteRepo> {
+  isFavorite: boolean
+  isPrivate: boolean
+  name: string
+}

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)
+  }
+}

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

@@ -0,0 +1,42 @@
+import { RepoBase } from '@/modules/interfaces/RepoBase'
+import { computed } from 'vue'
+import { useFavoriteRepos } from '@/modules/repo/hooks/useFavoriteRepos.hook'
+import { useRepos } from '@/hooks/useRepos.hook'
+
+export const useRepoList = () => {
+  const { savedFavoriteRepos, addFavorite, removeFavorite } = useFavoriteRepos()
+  const { repos } = useRepos()
+
+  const favoriteRepos = computed(() => {
+    return repos.value.filter((repo) =>
+      savedFavoriteRepos.value.find(
+        (fav) => fav._id?.includes(repo.id) ?? false
+      )
+    )
+  })
+
+  const otherRepos = computed(() => {
+    return repos.value.filter(
+      (repo) => !favoriteRepos.value.find((favorite) => favorite.id === repo.id)
+    )
+  })
+
+  const favoriteCheckboxes = computed(() =>
+    favoriteRepos.value.map((favorite) => favorite.id)
+  )
+
+  const toggleCheckbox = async (repo: RepoBase) => {
+    if (favoriteCheckboxes.value.includes(repo.id)) {
+      await removeFavorite(repo)
+    } else {
+      await addFavorite(repo)
+    }
+  }
+
+  return {
+    favoriteRepos,
+    otherRepos,
+    favoriteCheckboxes,
+    toggleCheckbox
+  }
+}