Index.vue

<template>
  <div>Listado de posts</div>
</template>

<script>
// resources/js/Pages/Posts/Index.vue
export default {
  name: "PostsList",
  props: {
    posts: Object,
  }
}
</script>

PostController.php

<?php

namespace App\Http\Controllers;

use App\Models\Post;
use Inertia\Inertia;

class PostController extends Controller
{
    /**
     * Display a listing of the resource.
     *
     * @return \Inertia\Response
     */
    public function index()
    {
        return Inertia::render("Posts/Index", [
            "posts" => Post::paginate(),
        ]);
    }
}

web.php

<?php

use App\Http\Controllers\PostController;

Route::get('/posts', [PostController, "index"]);