title: how can I hide this code on blade templates?
body: <p>when I pass data through props on blade template</p>
  
  <pre><code>&lt;posts-component :user="{{ Auth::user() }}" :profile="{{ $profile }}" :friend="{{ Auth::user()-&gt;isFriendWith($profile) ? 1 : 0 }}"&gt;&lt;/posts-component&gt;
  </code></pre>
  
  <p>I can see the code when I use tool developer on any web browser...</p>
  
  <p><a href="https://i.stack.imgur.com/XILax.png" rel="nofollow noreferrer">here image</a></p>
  
  <p>can I hide this code? or should I use other way?</p>