News

Introducing the Next Chapter of Splade

Published

Two weeks ago, I tweeted about splitting up Laravel Splade into multiple packages and that it should be easier to start with Splade.

The foundation of Splade v2 will be Splade Core, and in this video, I'll give you a sneak peek of what I've been working on.

In short, Splade Core is the glue between Blade and Vue, and while Splade was always about mixing Blade and Vue, Splade Core will make it dramatically easier to do so. Inspired by Volt, Splade will support Single File Components (SFC) by mixing Blade and Vue in a single file.

Pascal Baljet shared a sneak peek of the next chapter of Laravel Splade. This is a preview and is experimental at this point, but has some exciting features in the works:

  1. New Splade Core: In V1, Spade works by compiling Blade templates and passing them to renderless Vue components, but requires two files. In V2, Splade Core will do all of this for you in one file.
  2. Call Blade Component Methods: You can call Blade component methods directly from the frontend and even pass data to them. It also supports loading states.
  3. Import JavaScript and Vue Packages: You can now import JavaScript packages directly into Blade views.
  4. Refresh a Blade Component: You can refresh a Blade component from the frontend without reloading the page.
Paul Redmond photo

Staff writer at Laravel News. Full stack web developer and author.

Filed in

Sponsored

masteringlaravel logo
Laravel Code Review

Get expert guidance in a few days with a Laravel code review

Visit Laravel Code Review

The latest

View all →
PayZephyr: One Payment API for Stripe, Paystack, and PayPal image

PayZephyr: One Payment API for Stripe, Paystack, and PayPal

Read article
Bifrost Turns One With AI Builds and New Workflows image

Bifrost Turns One With AI Builds and New Workflows

Read article
Preview Blade Templates in macOS Finder with Quick Blade image

Preview Blade Templates in macOS Finder with Quick Blade

Read article
Artisan Debugging Commands in Laravel Telescope 5.24.0 image

Artisan Debugging Commands in Laravel Telescope 5.24.0

Read article
Queue totalSize() and JobInterrupted Event in Laravel 13.31 image

Queue totalSize() and JobInterrupted Event in Laravel 13.31

Read article
Find Unexpected Test Inputs with Fuzz for Pest image

Find Unexpected Test Inputs with Fuzz for Pest

Read article