Laravel Shared Data provides an easy way to share the data from your backend to the JavaScript.
Install the package:
composer require coderello/laravel-shared-data
Include the @shared
directive into your blade layout before all scripts.
Share the data from within Laravel:
share(['user' => $user, 'title' => $title]);
Access the data from the JavaScript directly:
const user = window.sharedData.user;
const title = window.sharedData.title;
Or using the built-it global helper:
const user = shared('user');
const title = shared('title');
Laravel Shared Data is open-sourced software licensed under the MIT license.