website/src/composables/useTalents.ts

import { useTalentsStore } from '~/store/talents'

export async function useTalents() {
  const { $trpc } = useNuxtApp()
  const { setCategory, setFavorite, getCategory, isFavorite } = useTalentsStore()

  const {
    data: talents,
    refresh: refreshTalents,
    pending,
  } = await useAsyncData('talents:talents', async () => await $trpc.talents.getTalents.query({ favorite: isFavorite.value, category: getCategory.value }))

  async function switchCategory(category: string) {
    setCategory(category)
    await refreshTalents()
  }

  async function toggleFavorite() {
    setFavorite()
    await refreshTalents()
  }

  function isCategory(category: string) {
    return getCategory.value === category
  }

  const {
    data: getCategories,
  } = await $trpc.talents.getCategories.useQuery()

  return {
    talents,
    getCategories,
    isFavorite,
    switchCategory,
    toggleFavorite,
    pending,
    isCategory,
  }
}