Adding SVGs to your Vue project doesn't need to be complicated. In this snippet, we'll take a look at using the vite-svg-loader package to make this a breeze, then clean things up by building our own component to handle loading SVGs effortlessly.
If your app has a form that auto-saves as the user types, you'll need to debounce your input to avoid too many requests being sent to your API. Let's look at a quick and easy way to debounce input in Vue 3 as our form data changes.
Learn how to authenticate with a Laravel API from Vue using the Composition API. We'll set up a fresh Laravel project with Sanctum and Fortify, then implement the ability to authenticate with a beautiful, simple auth module thanks to the flexibility of the Composition API.
The Vue script setup syntax lets you clean up your Vue script area when you're using the Composition API. Variables and imports are automatically shared with your template, there's less boilerplate code, and it's faster in runtime performance! In this series, we'll cover everything you need to know about working with the script setup syntactic sugar.
Build a beautiful blogging platform from scratch with Laravel and Vue. Features an admin panel, a powerful writing experience with tiptap editor, and heavy focus on the Vue composition API. It's packed with loads of useful tips and techniques for your own projects.
Integrate a Vite-built Vue app into Laravel, and build a fun little app to learn the basics! We'll cover routing, state management with Vuex, the Composition API and more.
Chances are, you're creating middleware for Vue Router inside the beforeEach hook on your router. In this course, we'll create a middleware pipeline to run multiple, separated middleware in a pipeline.
Let’s build a file sharing SaaS app with Laravel and Vue! Featuring direct, signed uploads to S3 with FilePond, secure sharing, tiered pricing plans, usage statistics and more.
A Snackbar is a small notification bar that pops up when a user performs an action. In this snippet, we’ll build a simple Snackbar in Vue for when you don’t want to pull in a package to handle it for you.
If you're using Laravel as a pure API and need to broadcast realtime events to your client with Laravel Websockets, this snippet covers using Laravel Echo in Vue to pick them up.
Here's how to implement a simple, clean pattern for infinite scrolling content in Vue. We'll refactor to make it more reusable, too.
A quick course on building a super flexible dropdown menu with Vue, focusing on how to achieve ultimate customisation using slots and slot props.
With Vue 3 comes a brand new way to define component logic. This function-based API gives you everything you're used to, but allows for more flexibility and better code and project organisation. This course covers everything you need to know.
A roundup of what's new in Vue 3, including a dive into the Composition API and plenty of practical examples.
Let's recreate Twitter with Laravel! Completely from scratch, we'll use Laravel and Vue to build out a Twitter Clone with as many features as we can. Includes a timeline, notifications, media uploads, hashtags, mentions, granular search and much more. To top it off, everything is updated in true realtime.
Get Laravel Sanctum (formerly known as Airlock) installed, configured and have authentication up and running with Vue using Vue CLI and a simple Vuex store.