export const myStore = defineStore("myStore", () => {
    const users = ref<Record<number, { name: string }>>();

    const fetchUsers = async (ids: string[]) => {
         const newUserIds = ids.filter((id) => !(Object.keys(users.value)));

         const newUsers = await fetch('/users/'+newUserIds.join(','));
  
         Object.assign(users.value, newUsers);
    }
});

export const myStore = defineStore("myStore", () => {
  const users = ref<Record<number, { name: string }>>({});

  const fetchUsers = (userIds: MaybeRefOrGetter<number[]>) => {
    const newUserIds = computed(() =>
      toValue(userIds).filter(
        (id) => !Object.keys(users.value).includes(id.toString()),
      ),
    );

    return useQuery({
      key: () => ["users", newUserIds.value.sort().join(",")] as const,
      query: () => fetch("/users/" + newUserIds.value.join(",")),
      enabled: () => !!newUserIds.value.length,
    });
  };

  return {
    fetchUsers,
  };
});