How to get the aut()->user()->name in laravel-vue?

My current set-up is I put in the meta but it's not safer... what are the best recommendations for this?

current setup

in app.blade.php

 <meta name="user-name" content="{{ auth()->user()->name ?? '' }}">

then in the topbar.vue

const userName = ref('');

onMounted(() => {
    userName.value = document.querySelector("meta[name='user-name']").getAttribute('content');
});

then

  <li class="p-2">
    <div class="font-medium">{{ userName }}</div>
    <div class="text-xs text-white/60 mt-0.5 dark:text-slate-500">Admin</div>
</li>

but it's safe right?