[Feature] Layout component to ease readability

[kktos]

What problem does this feature solve?

With tailwind, we may use mainly div and span with a lot of classes. It could become really cumbersome to read, especially for some classes. For instance, grid or flex.

What is your idea for solve this issue

A possible enhancement could be to add some layout component.
For instance, instead of using the flex class, we may have a layout component for that.
Before:

<div class="flex flex-row flex-wrap">
    <span data-test="name" class="mr-1">{{ data.name }}</span>
    <span v-if="data?.qualification" data-test="qualification" class="capitalize">({{ data.qualification }})</span>
</div>

After:

<flex row wrap>
    <span data-test="name" class="mr-1">{{ data.name }}</span>
    <span v-if="data?.qualification" data-test="qualification" class="capitalize">({{ data.qualification }})</span>
</flex>

Nothing amazing here. Just a little help for the dev ;)