inertia-vue-development

Use the `<Form>` component from @inertiajs/vue3 with action and method attributes, accessing errors and processing state via the default slot. For programmatic control, use the `useForm` composable with v-model bindings and call `form.post()`.

Use the `<Link>` component instead of `<a>` tags for client-side navigation, or call `router.visit()` programmatically with method and data options. Add the `prefetch` attribute to preload pages on hover.

useForm submits data as Inertia visits that trigger page updates, while useHttp makes standalone JSON requests to plain API endpoints without triggering Inertia page visits. Both share the same developer experience with processing and error states.

Yes, deferred props load after the initial page render and are undefined until loaded, so render skeleton states. The WhenVisible component lazy-loads a prop when an element scrolls into view, and InfiniteScroll loads paginated data automatically.

This happens when using a plain `<form>` element without preventing the default submission. Use the `<Form>` component or add `@submit.prevent` with the useForm composable to keep submissions as XHR requests.

In v3, `router.cancel()` is replaced by `router.cancelAll()`, and the `invalid` and `exception` router events are renamed to `httpException` and `networkError`. Update event listeners accordingly when migrating.