x-init after tailwind loaded.

[mrl22]

I was wondering if it was possible to get x-init to run after Tailwind has loaded.

I have been working on a AlpineJS component that allows a user to slide content panels. Example here: https://splitter.devfwd.com/set-size

<x-splitter-h>
    <x-slot name="first" class="">

        Panel 1 Text

    </x-slot>
    <x-slot name="second" class="h-40">

        Panel 2 Text

    </x-slot>
</x-splitter-h>

I am trying to allow the user to set a onload/startup tailwind class width/height of a panel, but x-init is reading the panel width/height as 0 because tailwind has not yet loaded.

The project can be found here: https://github.com/mrl22/alpinejs-splitter/blob/main/resources/views/components/splitter-h.blade.php

Any help is appreciated.

[ekwoka]

You should load your CSS....before the page renders...

[mrl22]

Thanks for your feedback @ekwoka , that would be render blocking?

[ekwoka]

Yes, normal link tags for stylesheets are render blocking