If you're a Vue developer and haven't embraced <PascalCase> for your component names yet, I highly recommend it. 👍 This creates a clear distinction between your Vue components and regular HTML elements.
Vue Directive Shorthand Cheat Sheet! 👇
The @inertiajs form helper now has an `isDirty` property, making it really easy to check if any form values have changed. One great use case for this feature is showing a message to the user making them aware when they have unsaved form changes. https://t.co/SpkR03P7JM
I'm trying to remember where I got this from originally so I can give credit, but if you want to take advantage of HMR (Hot Module Reloading) when using @inertiajs give this a shot.
🔥 Tip. You can define multiple components in a single Vue file. It's a handy trick when you only need to unify repeating parts of a single component and don't need to make them reusable outside the component. The example is from the @reelvideo pricing component.
Something I like to do when it makes sense is deconstructing the object I'm v-for over to make the markup a bit more expressive. Given an object like this, your markup can look like that.
Tips & Tricks🧐 When using mixins in Vue.js, prefix your mixin data properties, methods, etc. with the mixin name to prevent name collisions and make the source of your data/methods/etc obvious. Also, if you're using Vue 3, consider using the Composition API instead of a mixin!