How to use laravel components inside livewire lazy placholder

Question

I'd like to add skeleton from my laravel component inside livewire 3 placeholder What i've tried so far :

Livewire class by including the laravel component :

public function placeholder()
{
    return <<<'HTML'
        <x-skeleton />
    HTML;
}

the above method renders nothing,

However when i tried to using direct HTML like these :

public function placeholder()

    {
        return <<<'HTML'
            <div class="card" aria-hidden="true">
                <div class="card-body">
                    <p class="card-text placeholder-glow">
                        <span class="placeholder col-12"></span>
                    </p>
                    <p class="card-text placeholder-glow">
                        <span class="placeholder col-12"></span>
                    </p>
                </div>
            </div>
        HTML;
    }

It works perfectly, I prefer using the laravel components because its reusability So how to solve this

Answer 1

According to the docs you can define a view in your config. So, you can create a view that renders your component, then set it in the config. This also saves you having to define the same placeholder on each component.

But, by the looks of things you can pass in any string, so you can also just return a rendered view: view('view')->render(). Again, same as before, you can just define a view where you render your component in.