LaravelVueJs
Show a field error with the kit input
The Vue starter kit already has InputError. Pass it the validation string. Do not install a second kit.
LaravelVueJs
Fill a Vue select from a PHP enum
Send enum cases as value and label props. Validate the posted string with Rule::enum.
LaravelVueJs
Remember a Vue filter with useRemember
useRemember keeps a filter in the history entry. It is the wrong place for a password or a draft you must not lose.
LaravelVueJs
Post from Vue with router.post
router.post sends one action that has no fields. useForm is the right call when the user is typing.
LaravelVueJs
Show the Inertia progress bar
The progress bar is a setting on createInertiaApp. A second progress library fights the one the kit starts.
LaravelVueJs
Keep the scroll position on an Inertia visit
preserveScroll stops a filter or a save from jumping to the top of a long Vue page.
LaravelVueJs
preserveState keeps the Vue page you have
preserveState leaves the current component in place. Validation errors stick around if you force it on after a save.
LaravelVueJs
Reset an Inertia form after it saves
onSuccess can reset one field after a save. Resetting before the redirect drops the value you meant to send.
LaravelVueJs
Write a custom Laravel validation rule
A custom rule is a class with validate(). The Vue page still prints form.errors for that field.
LaravelVueJs
Validate an image upload in Laravel and Vue
The image rule checks the upload. Send it as POST with a file field, including when you are updating.
LaravelVueJs
Require a password confirmation in Vue
The confirmed rule checks password_confirmation. The Vue form needs that second field name.
LaravelVueJs
Ignore the current user on a unique email
Rule::unique()->ignore() lets the signed-in user keep their email. A plain unique rule fails on save.
Newsletter
Get the best of Laravel & Vue, once a month.
One short email with new guides, release notes worth reading and hand-picked community links. No spam, unsubscribe any time.