export function useUserData(userId) { const { $api } = useNuxtApp() const user = ref(null) const isLoading = ref(true) const displayName = computed(() => { return `${user.value.firstName} ${user.value.lastName}` }) async function load() { const data = await $api.get(`/users/${userId}`) user.value = data isLoading.value = false } load() return { user, isLoading, displayName } }