<Form :form /> ✨
That's it.
Backend-populated, or composed in the frontend. CSS-variable theming. Cohesively tuned components. Presenters split from composables/hooks. Override or extend. Integrates with Laravel validation, Precognition, uploads/storage, and model binding.
![// app/Providers/AppServiceProvider.php
use Inertia\ExceptionResponse;
use Inertia\Inertia;
Inertia::handleExceptionsUsing(function (ExceptionResponse $response) {
if (in_array($response->statusCode(), [403, 404, 419, 429, 500, 503])) {
return $response->render('ErrorPage', [
'status' => $response->statusCode(),
])->withSharedData();
}
});](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:7rk5il6v3ugfrkspaxg6kphh/bafkreigsphoaqsinkl6legrwjc7sqoilpvw6xparza6dma7aqhdwyl3gzi)
![// Or programmatically with placeholder props...
router.visit(url, {
component: 'Features/Navigation/Target',
pageProps: (currentProps, sharedProps) => ({
...sharedProps,
greeting: 'Loading from server...',
items: [],
}),
})](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:7rk5il6v3ugfrkspaxg6kphh/bafkreigthlwgd3j24e2smx6dioms4vm3vuq7o6wwy32n7uycvfd2kqbkea)
![// vite.config.js
export default defineConfig({
plugins: [
laravel({
input: ['resources/js/app.js'],
refresh: true,
}),
inertia(),
vue(),
],
})
// resources/js/app.js
import { createInertiaApp } from '@inertiajs/vue3'
createInertiaApp()](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:7rk5il6v3ugfrkspaxg6kphh/bafkreifpqlqck2jhizitt6giuili5vf24r33xqwzg3tmd5sh3u7zszouq4)
