Build frontend experiences with the backend you love

 1class UsersController
 2{
 3    public function index()
 4    {
 5        $users = User::query()
 6            ->active()
 7            ->orderBy('name')
 8            ->get(['id', 'name', 'email']);
 9 
10        return Inertia::render('Users', [
11            'users' => $users,
12        ]);
13    }
14}

 1<script setup lang="ts">
 2import { Link } from '@inertiajs/vue3'
 3defineProps<{ users: User[] }>()
 4</script>
 5 
 6<template>
 7    <div v-for="user in users" :key="user.id">
 8        <Link :href="`/users/${user.id}`">
 9            {{ user.name }}
10        </Link>
11        <p>{{ user.email }}</p>
12    </div>
13</template>