Vue.js, Laravel commenting system pagination

I am building blog commenting system, using laravel 5.8 and vue.js. I want to add paginate function to comments as per instructions https://adevait.com/laravel/laravel-overwriting-default-pagination-system .

Now I can display five comments, and after I click load more,

I want to show next five comments.

I have no idea how to accomplish. I am glad if someone helps me out.

comments.vue

user
Cancel Comment
Code: [Select]
{{ comment.user.name }}
{{ comment.body }}

commentsController.php

public function index(Post $post)

[code]{
return $post->comments()->with(‘user’)->paginate(5);
}
ResultsController.php

public function show(Post $post)
{
$recommended_posts = Post::latest()
->whereDate(‘date’,’>’,date(‘Y-m-d’))
->where(‘category_id’,’=’,$post->category_id)
->where(‘id’,’!=’,$post->id)
->limit(7)
->get();

// load the post comments here
$post->load(‘comments’);
$posts[‘particular_post’] = $post;
$posts[‘recommended_posts’] = $recommended_posts;

return view(‘posts.show’,compact(‘posts’));
}
show.blade.php[/code]

web.php

Route::get(‘results/{post}’, ‘[email protected]’)->name(‘posts.show’);
Route::get(‘results/{post}/comments’, ‘[email protected]’);