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
Add a query string to a Wayfinder URL
Pass query on the generated Wayfinder function. Do not glue a question mark onto the URL by hand.
LaravelVueJs
TypeScript props on Laravel Vue pages
defineProps on the Inertia page is the type of the controller payload. A missing key fails the check on your machine, before a blank v-for in the browser.
LaravelVueJs
Typed Laravel routes in Vue with Wayfinder
Wayfinder writes a TypeScript function per controller action. The Inertia form takes that function. You do not add a second router.
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.