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 form.post() and v-model bindings.

Use the <Link> component instead of <a> tags for client-side navigation, supporting method, prefetch, and as props. For programmatic navigation, call router.visit() with optional method, data, and onSuccess callbacks.

useForm triggers Inertia page visits tied to the page lifecycle, while useHttp makes standalone JSON requests to plain API endpoints without triggering page visits. Both share the same developer experience with processing and error states.

Deferred props load after the initial page render, so components must handle the undefined state with skeleton screens or conditional rendering. Data arrives automatically via a follow-up request once the page is displayed.

Inertia v3 renamed router.cancel() to router.cancelAll() as a breaking change. The invalid and exception events were also renamed to httpException and networkError respectively.

Use the <InfiniteScroll> component with a data prop pointing to paginated data, rendering items from users.data. The server must configure pagination using Inertia::scroll() for the component to load additional pages.