data-layer-fetch.js

export default defineComponent({
  setup() {
    const data = ref(null);
    const error = ref(null);
    const isLoading = ref(false);
    const fetchUsers = async () => {
      try {
       isLoading.value = true;
       const response = await axios('/api/users');
       data.value = response.data.data.map(user => ({
         ...user,
         createdAt: new Date(user.createdAt)
       }));
      } catch (e) {
       error.value = e;
      } finally {
       isLoading.value = false;
      }
    };
    
   fetchUsers();
   return { data, error, isLoading, fetchUsers }; 
  }
});