vue.js - How to retrieve User name in Vue component with Laravel -

i have vue component send message , want send logged in user name. i'm using laravel 5.5

methods:{         sendmessage(){             this.$emit('messagesent', {                 message:this.messagetext,                 user: {                     name : {{auth()::user()->name}} //here should                 }             });             this.messagetext = '';         }     } 

i tried using

{{auth()::user()->name}} auth()::user()->name 

both give errors. how can retrieve name?

depend on approach, can achieve in different ways
1. pass in username view <send-message user={{ $user->username }} ></send-message> inside vuejs component

export default {     props: ['user'],     data(){         return {            user: ''         }     },     methods: {         sendmessage(){             var user = json.parse(this.user)             //do thing here         }     }, } 

2. bind user information window object on page header

<script>     window.user = {!! json_encode([         'user' => $user->username,     ]) !!}; </script>