exolnet/laravel-vue-data

Adds utilities to easily pass data from Laravel to Vue.

v1.7.0 2024-04-29 15:22 UTC

This package is auto-updated.

Last update: 2024-10-29 16:16:43 UTC


README

Latest Stable Version Software License Build Status Total Downloads

Adds utilities to easily pass data from Laravel to Vue.

Installation

Require this package with composer:

composer require exolnet/laravel-vue-data

If you don't use package auto-discovery, add the service provider to the providers array in config/app.php:

Exolnet\VueData\VueDataServiceProvider::class

And the facade to the facades array in config/app.php:

'Vue' => Exolnet\VueData\Facades\Vue::class

Usage

Define variables

First, you need to devine variable that will be available in your Vue application.

In your PHP code:

Vue::put('variable', 'value')

In a Blade view:

@vue('variable', 'value')

Make variables available

In your base layout, add the following view before your main app.js to make the variables available:

@include('vue-data::variables')

Use variables

In your app.js, use the variables defined when they are available:

new Vue({
    el: '#app',
    data: () => window.App || {},
});

Testing

To run the phpUnit tests, please use:

composer test

Contributing

Please see CONTRIBUTING and CODE OF CONDUCT for details.

Security

If you discover any security related issues, please email security@exolnet.com instead of using the issue tracker.

Credits

License

This code is licensed under the MIT license. Please see the license file for more information.