Docs: Suggest camelCase in Vue useForm examples

[niels-numbers]

Hi team,

I’d like to propose updating the official Inertia.js documentation to use camelCase in Vue form examples, instead of snake_case.

Right now, most examples show:

const form = useForm({
  first_name: '',
  last_name: '',
});

However, when passing props from Laravel to Vue, Inertia automatically converts snake_case keys to camelCase, so we end up writing:

props.prospect.firstName

This inconsistency causes real-world issues when reusing data.
Example use case:

1. I create a user using a Vue form with snake_case fields.
2. Later, I send a Laravel DTO to Vue (first_name), which gets auto-converted to firstName.
3. I reuse this object in a form and submit it back (e.g. validating multiple users).
4. Now I can’t reuse my previous DTO conversion logic because Laravel receives camelCase, and $request->input('first_name') no longer works.

This is especially problematic when forms are used for both creating and editing models.

Since camelCase is the standard in Vue and JavaScript, and Inertia already converts to camelCase, I think it would improve clarity and consistency if the docs reflected this by using camelCase in useForm() examples.

Happy to discuss further — and thanks for an awesome project! 🙌

[niels-numbers]

I realized its good as it is, since

• JavaScript prefers camelCase.
• Blade/HTML forms historically use snake_case, which aligns with $request->input('first_name') in Laravel.
• Older Inertia versions auto-converted snake_case from controller to camelCase, but that “magic” was removed due to many issues surrounding this behavior.