title: Auth::user() - property or method "{username}" is not defined [Vue, Laravel]
body: <p>I use <code>&lt;users-component  :user-name={{ Auth::user()-&gt;name }}&gt;&lt;/users-component&gt;</code> inside my <code>example.blade.php</code> file (users-component is a Vue component) and inside of <code>users-component</code> I have a code:</p>
  
  <pre><code>&lt;template&gt; 
    &lt;div&gt;
     &lt;button v-on:click="sendMessage"&gt;sendMessage()&lt;/button&gt; 
    &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  export default {
    data(){
      return{
        messageText: ''
      }
    },
    props: {
      userName: String
    },
    methods:{
      sendMessage(){
        this.$emit('messagesent', {
          message:this.messageText,
          user: {
            name: this.userName
          }
        });
        this.messageText = '';
      }
    }
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>After click in my button "sendMessage()" I have an error:  </p>
  
  <blockquote>
    <p>[Vue warn]:
    Property or method "agnieszka" is not defined on the instance but
    referenced during render. Make sure that this property is reactive,
    either in the data option, or for class-based components, by
    initializing the property.</p>
  </blockquote>
  
  <p>How can I fix it?</p>