Verarbeiten asynchroner API-Anfragen beim Laden der Komponente

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