LaravelVueJs
Hide a Vue button with a gate
Share the gate as a boolean. The controller still calls authorize on the POST.
LaravelVueJs
Authorize a controller action before the Vue page
authorize() in the controller is the check. The Vue button can hide itself later.
LaravelVueJs
Move a Vue 2 component to script setup
data() becomes ref. Methods become functions. An Inertia page still receives props. It does not gain Vue Router.
LaravelVueJs
Default a prop an Inertia page did not get
withDefaults fills a prop that is missing. A prop that arrives as null stays null.
LaravelVueJs
Read page props from a persistent layout
A persistent layout does not receive the page props as its own props. usePage() does.
LaravelVueJs
Redirect back after an Inertia form
back() returns to the page that posted. to_route() is the right call when the next page is a specific list.
LaravelVueJs
Prefetch an Inertia link
prefetch on a Link loads a GET page before the click. Do not prefetch a POST, a logout, or a page the user cannot open.
LaravelVueJs
Share a prop with every Inertia page
HandleInertiaRequests::share() runs for every Inertia response. Keep the query cheap and leave secrets out.
LaravelVueJs
Invite a teammate with a signed link
Email a signed URL and store only a hash of the token. Do not email a temporary password.
LaravelVueJs
Update a profile from a Vue settings page
Update the signed-in user from the kit's profile page. Ignore their id on the unique email rule.
LaravelVueJs
Prefix a Laravel API with v1
routes/api.php is already under /api. Add v1 inside the file and keep Inertia pages out of it.
LaravelVueJs
Redirect to Socialite instead of a popup
Socialite starts with a top-level redirect. A Vue popup loses the session cookie on the way back.
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.