LaravelVueJs
Keep soft-deleted rows off a Vue index
SoftDeletes hides deleted rows from a normal query. Do not filter them again in Vue.
LaravelVueJs
Bind a public URL to a slug
getRouteKeyName can return slug. The column has to be unique. The title is not a key.
LaravelVueJs
Bind a Vue page to a route model
Type-hint Post $post and the URL {post} resolves the row. A missing row is a 404.
LaravelVueJs
Eager load a relation for a Vue list
with('author') loads the relation once. Reading it inside a loop is one query per row.
LaravelVueJs
Order a cursor page by id
cursorPaginate needs a unique order. id is unique. A duplicated published_at skips and repeats rows.
LaravelVueJs
Search one column from a Vue field
when() adds a like query only when the search box is not empty. Bind the word. Do not paste it into SQL.
LaravelVueJs
Let a missing Vue page 404
A missing post already 404s through route model binding. Do not build a second Inertia error page for it.
LaravelVueJs
Reject a Vue form that edited a stale row
Send updated_at with the form and compare it before you write. Do not use HTTP 409 for that.
LaravelVueJs
Read an Inertia 409 after deploy
Inertia uses 409 when the asset version changed. The client reloads. It is not a validation error.
LaravelVueJs
Flash an error toast in Vue
The kit's toast reads flash.toast. An error uses the same array with type error. with() does not reach it.
LaravelVueJs
Gate a Vue index with viewAny
viewAny takes the model class, not a row. Call it on the index before you paginate.
LaravelVueJs
Put a permission on the route
role and permission middleware refuse the request. The Vue page only receives a boolean it can show.
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.