This is a quick little post that goes through how to get and set URL parameters with vanilla JavaScript and VueJS. I’m going to provide both examples, JavaScript and in the context of VueJS. There are scenarios where you might not be using VueJS and it’s extremely helpful to access these parameters through JavaScript. Working […]

Sending data to an API endpoint with Nuxt 3 is not much different than Nuxt 2. You will just have to refactor to use the underlying ohmyfetch wrapper provided by Nuxt 3. Let’s look at how you’d take your Nuxt 2 requests and update them to Nuxt 3. Before we start our migration process, I […]

When we migrated ROAST from Nuxt 2 to Nuxt 3, we had to review how we imported components. In Nuxt 2, we had to explicitly import the component into a page, layout, or parent component. In Nuxt 3, components are auto-imported. With later versions of Nuxt 2, you could have done this through the components […]

We’ve touched on a few configurations we can update with Meilisearch to make it more user friendly and powerful. A few that we worked on were setting sortable and filterable attributes on your models. Let’s open the gates and show how to use all of the power features of Meilisearch with Laravel Scout!

These advanced queries give you full access to the power that Meilisearch provides. You can fine tune your app and make amazing search experiences for your users. Since these are extremely custom to your application, I’ll simply show you how to build these advanced queries and you can run wild!

After your user interacts with your page, it can be necessary to refresh your data. A few examples of when to refresh data is when you need to filter API resources or paginate data. With Nuxt 3, these dynamic API requests can be structured in a reactive manner. When the query parameters change, the API […]