If you're using flash messages in your Laravel + Vue/Inertia application (or any SPA really), you might have encountered this annoying issue: A user performs an action that…
Read articleAdding third-party scripts to Vue applications can be tricky. The usual approach of dropping a <script> tag into your HTML doesn't work well with modern Single Page Applications…
Read articleInline composables offer a way to refactor components without creating multiple files. The idea is to organize related functionality into units within the same component file. Example: Refactoring…
Read articleIn Laravel applications with Inertia.js and Vue, sharing data between components often involves provide/inject patterns, or custom composables. Inertia's page props offer a simple built-in alternative. They require…
Read articleIn Laravel applications using Inertia.js and Vue.js, there might be scenarios where you need to submit a form to a new window. Standard Inertia.js forms, being AJAX-based, don't…
Read articleTailwind CSS is designed to include only the classes used in your project in the final build CSS file. This approach keeps the file size small and optimizes…
Read articleExample Scenario: Consider a Card.vue component with default Tailwind CSS styling. <template> <div class="bg-gray-200 p-4 rounded"> <!-- Card content --> </div> </template> When attempting to change the background…
Read articleIn Vue, the <template> tag itself is not considered as a "root element" in a component. It's part of Vue's template syntax and serves as a container for…
Read article