Not able to user Spatie Livewire Comments with Filament v3

I am trying to load Livewire Comments styles and scripts but i get a warning the scripts are loaded before Alpine.

public function boot(): void
    {
        FilamentView::registerRenderHook(
            'panels::head.end',
            fn (): string => Blade::render('<x-comments::styles />'),
        );

        FilamentView::registerRenderHook(
            'panels::head.end',
            fn (): string => Blade::render('<x-comments::scripts />'),
        );
    }

public function boot(): void
    {
        FilamentView::registerRenderHook(
            'panels::head.end',
            fn (): string => Blade::render('<x-comments::styles />'),
        );

        FilamentView::registerRenderHook(
            'panels::head.end',
            fn (): string => Blade::render('<x-comments::scripts />'),
        );
    }

Solution

Somehow I am able to load the comments component.
Instead of loading the

<x-comments::scripts />

<x-comments::scripts />

which pushes scripts to a stack

@comments-scripts

@comments-scripts

I created a custom component and load script directly without pushing to any stack

but now there is styling conflict with filament forms.css

Jump to solution

Filament•3y ago•

5 replies

Mansoor Khan

Not able to user Spatie Livewire Comments with Filament v3

I am trying to load Livewire Comments styles and scripts but i get a warning the scripts are loaded before Alpine.

public function boot(): void
    {
        FilamentView::registerRenderHook(
            'panels::head.end',
            fn (): string => Blade::render('<x-comments::styles />'),
        );

        FilamentView::registerRenderHook(
            'panels::head.end',
            fn (): string => Blade::render('<x-comments::scripts />'),
        );
    }

public function boot(): void
    {
        FilamentView::registerRenderHook(
            'panels::head.end',
            fn (): string => Blade::render('<x-comments::styles />'),
        );

        FilamentView::registerRenderHook(
            'panels::head.end',
            fn (): string => Blade::render('<x-comments::scripts />'),
        );
    }

Solution

Somehow I am able to load the comments component.
Instead of loading the

<x-comments::scripts />

<x-comments::scripts />

which pushes scripts to a stack

@comments-scripts

@comments-scripts

I created a custom component and load script directly without pushing to any stack

but now there is styling conflict with filament forms.css

Jump to solution

Not able to user Spatie Livewire Comments with Filament v3

Similar Threads

Not able to user Spatie Livewire Comments with Filament v3

Similar Threads

Similar Threads

Similar Threads