title: Paginate results with Vue.Js / Inertia.js and Laravel
body: <p>I'm trying to paginate data from Laravel in Vue.Js. I'm using Inertia.js as well. </p>
  
  <p>In my Laravel Controller I have:</p>
  
  <pre><code>    $data['participants'] = User::with('groups')-&gt;select('id', 'name')-&gt;paginate(2);
      return inertia('Dashboard/Participants', $data);
  </code></pre>
  
  <p>This outputs my two users in a row well in Vue. I am also expecting the links object to use for pagination. I don't see this in my Vue props.</p>
  
  <p>If I inspect my Vue props I have the following object:</p>
  
  <pre><code>participants:Object
   current_page:1
   data:Array[2]
   first_page_url:"http://localhost:3000/dashboard/participants?page=1"
   from:1
   last_page:51
   last_page_url:"http://localhost:3000/dashboard/participants?page=51"
   next_page_url:"http://localhost:3000/dashboard/participants?page=2"
   path:"http://localhost:3000/dashboard/participants"
   per_page:2
   prev_page_url:null
   to:2
   total:101
  </code></pre>
  
  <p>If I:</p>
  
  <pre><code>dd($data['participants']-&gt;links());
  </code></pre>
  
  <p>in the controller I can see:</p>
  
  <pre><code>Illuminate\View\View {#316 ▼
    #factory: Illuminate\View\Factory {#310 ▶}
    #engine: Facade\Ignition\Views\Engines\CompilerEngine {#328 ▶}
    #view: "pagination::bootstrap-4"
    #data: array:2 [▶]
    #path: "/Users/ejntaylor/Documents/Laravel/motional/vendor/laravel/framework/src/Illuminate/Pagination/resources/views/bootstrap-4.blade.php"
  }
  </code></pre>
  
  <p>I have been looking at <a href="https://github.com/inertiajs/pingcrm/blob/master/app/Http/Controllers/OrganizationsController.php" rel="nofollow noreferrer">PingCRM</a> for inspiration but without luck - I've referenced in the link. Help appreciated.</p>