Hi, I'm a bit confused about this behavior. When I used the following method to send the authenticated user's name to the client, it will not show up properly:

public function share(Request $request): array
{
    return array_merge(parent::share($request), [
        'auth' => Auth::user() ? [
            'user' => Auth::user()->only(['name']),
        ] : null,
    ]);
}

Before, I was using the same approach of specifying the name via Auth::user()->name, which works flawlessly. I have of course also updated the code on the frontend component, and in fact the Vue devtools show that information available... but for some reason it just won't show!

<script setup>
import { computed } from "vue";
import { usePage } from "@inertiajs/vue3";
import Nav from "@/Shared/Nav.vue";

const page = usePage();

const username = computed(() => {
    return page.props.auth.user.name;
});
</script>

Anybody has an idea of why this is?

Authentication With Inertia