Abrufen von entfernten Daten mit Async/Await und Fehlerstatus

import { ref } from 'vue';
 
const profile = ref(null);
const isPending = ref(false);
const fetchError = ref(null);
 
async function loadUserProfile(userId) {
  isPending.value = true;
  fetchError.value = null;
  try {
    const response = await fetch(`https://api.example.com/users/${userId}`);
    if (!response.ok) {
      throw new Error(`HTTP error! status: ${response.status}`);
    }
    profile.value = await response.json();
  } catch (err) {
    fetchError.value = err.message;
  } finally {
    isPending.value = false;
  }
}