Index Pages

On "index" pages, it is also a good idea to display which records are locked, if space permits:

public function index()
{
    // ...

    return inertia('Examples/PageIndex', [
        'examples' => data($examples, [
            // ...
            '*.can_lock',
            '*.lockedBy.name',
        ]),
    ]);
}

Then in the table:

<td>
    <InertiaLink :href="$route('examples.show', example.slug)">{{ example.name }}</InertiaLink>
    {{ ' ' }}
    <em v-if="!example.can_lock && example.lockedBy">(Locked by {{ example.lockedBy.name }})</em>
</td>

Note: The {{ ' ' }} ensures there is a space between the two tags - otherwise Vue collapses them.