webfuelcode's avatar

How to put script below livewire script

Trying to put sortable script below livewire script.

In laravel 10 it does not require. So to put scripts below livewire script.

0 likes
3 replies
Jamesshaw's avatar

In Laravel, when using Livewire, you link might encounter issues with the order in which scripts are loaded, especially if you need to ensure that the sortable script is loaded after the Livewire script. Here's how you can manage script order:

Inline Scripts in Blade Views:

You can place your scripts directly in the Blade view file in the desired order. For example:

html Copy code

@livewireScripts

This way, you can control the order in which scripts are included.

Stacks:

Laravel provides a feature called "stacks" that allows you to push content onto named stacks and then output the entire stack when needed.

In your Blade view, you can define a stack for scripts:

html Copy code @push('scripts') @endpush And at the end of your layout or view, you can yield the stack:

html Copy code @stack('scripts') Make sure this @stack('scripts') is placed after the @livewireScripts directive to ensure the desired order.

Section:

You can use sections to organize your scripts:

html Copy code

@livewireScripts

@section('scripts') @endsection Then, at the end of your layout or view, you can yield the section:

html Copy code @yield('scripts') Again, ensure that the @yield('scripts') is placed after the @livewireScripts directive.

Choose the method that best fits your project structure and preferences. These approaches allow you to control the order of script inclusion in your Laravel views.

Snapey's avatar

@Jamesshaw its annoying when chat-gpt does not know how to format code blocks isnt it...

Please or to participate in this conversation.