title: How to show events for LoggedIn User only using Full Calendar and Vue js?
body: <p>I'm developing a Job Search app where an employer and candidate can create interviews. I'm using Laravel for my back-end and Vue js for my front-end. I'm trying to display all of the "events" in the Calendar. For some reason in my EmployerInterviewController.php I'm able to display all of the records in the table and display them in the Calendar, but when I add a where clause and try to display only the events that belong to the Logged In User, the events no longer display in the Calendar. This might be a Vue Object/Array issue, but I'm new to Vue js, so I'm not sure what the issue is. Here is my code:</p>
  
  <p>Displays all the events on the Calendar from the Interviews Table:</p>
  
  <pre><code>public function index()
      {
          $interviews = Interview::all();
  
          return response()-&gt;json($interviews, 200);
  
      }
  </code></pre>
  
  <p>Doesn't display any events on the Calendar.</p>
  
  <pre><code>public function index()
      {
          $interviews = Interview::all()-&gt;where('user_id', Auth::user()-&gt;id);
  
          return response()-&gt;json($interviews, 200);
  
      }
  </code></pre>
  
  <p>I've attached two screenshots where I console logged the data above, so you can see what is being returned.
  enter image description here
  <a href="https://i.stack.imgur.com/99HVr.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/99HVr.jpg" alt="enter image description here"></a></p>
  
  <p><a href="https://i.stack.imgur.com/MTQ1m.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/MTQ1m.jpg" alt="enter image description here"></a></p>