component-party/content/7-webapp-features/2-fetch-data/svelte5/useFetchUsers.js

export default function useFetchUsers() {
  const users = $state();
  const error = $state();
  const isLoading = $state(false);

  async function fetchData() {
    isLoading = true;
    try {
      const response = await fetch("https://randomuser.me/api/?results=3");
      users = (await response.json()).results;
    } catch (err) {
      error = err;
    }
    isLoading = false;
  }
  fetchData();

  return {
    get isLoading() {
      return isLoading;
    },
    get error() {
      return error;
    },
    get users() {
      return users;
    },
  };
}