Best practices for state/composable to depend on fetched data?

export const useUser = async () => {
    async function refresh() {
        const authUser = useSupabaseUser()

        const { data: userInfo, error: userError } = await useFetch(
            `/user/${authUser.value.id}`,
        )

        const { data: company, error: companyError } = await useFetch(
            `/company/${userInfo.value.company_id}`,
        )

        return { ...userInfo.value, company: company.value }
    }

    const fetchedUser = await refresh()
    const user = useState('user', () => fetchedUser)

    return { user, refresh }
}

export default defineNuxtPlugin((nuxtApp) => {
    const { user, refresh } = useUser()
    console.log('user-plugin', user)
})