Question 1

How do I pass an array from Laravel to JavaScript using spatie blade javascript?

Accepted Answer

Use the single argument syntax like @javascript(['key' => ['nested' => 'value']]). The package outputs it as a JavaScript object, but ensure the data is JSON-serializable to avoid issues with complex types like closures or resources.

Question 2

spatie laravel blade javascript vs laracasts/php-vars-to-js-transformer – which should I use?

Accepted Answer

Spatie's package is more minimal and actively maintained, focusing on Blade integration with automatic registration. Laracasts' package might offer more features like binding to specific events, but spatie's is lighter and simpler for direct variable passing in templates.

Question 3

Can I use this package with Vue components embedded in Blade templates?

Accepted Answer

Yes, it's ideal for passing server-side data to Vue components. Inject variables using @javascript and access them in Vue's data or computed properties, but ensure proper scoping to avoid global conflicts, especially with namespacing.

Question 4

How to add a Content Security Policy nonce to the script tags generated by spatie blade javascript?

Accepted Answer

Publish the package's view using php artisan vendor:publish --tag=views, then edit the index.blade.php file to include a nonce attribute in the script tag, as detailed in the README. This requires manual setup for each deployment.

Question 5

Does spatie laravel blade javascript support passing Eloquent models to JavaScript?

Accepted Answer

It can pass serialized model data, but be cautious with sensitive fields. Convert models to arrays using Laravel's toArray() or similar methods first, as the package handles basic PHP types but doesn't automatically sanitize or format complex objects.

Question 6

What happens if I use @javascript with duplicate keys in different Blade templates?

Accepted Answer

Variables may overwrite each other in the global scope, potentially causing bugs. Use the configurable namespace feature to isolate variables or avoid key conflicts by carefully managing data across templates.

Laravel Blade Javascript

What is Laravel Blade Javascript?

Overview

Use Cases

Best For

Related Projects

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions