Inertia.js Form Helper

You can pass an instance of the Inertia.js Form Helper (opens new window) to the form using v-model on the Form component. This will bind the values, as well as the validation errors. You don't have to explicitly set the :errors attribute, as described in the validation documentation.

<template>
  <Form v-model="form">
    <Input name="name" label="Your name" />
    <Submit />
  </Form>
</template>

<script>
export default {
  data() {
    return {
      form: this.$inertia.form({
        name: "",
      }),
    };
  },
};
</script>