Laravel: como enfrentar o pesadelo do Tailwinds

[Frank K Hosaka]

O CSS do Bootstrap é assim:

<input class='control'>

O CSS do Tailwinds é assim:

<input class=class='px-3 py-1 border border-gray-300
            rounded-md shadow-sm focus:outline-none focus:ring-indigo-500
            focus:border-indigo-500'>

Agora, imagina que você tem um formulário com seis inputs!

A minha sorte é que o Laravel suporta o PHP, inclusive o marcador <?= ?> (o equivalente no Blade é {{ }}, mas no meu caso não funcionou), e assim consegui contornar o problema:

resources > views > diarioEdita.blade.php
<x-app-layout>
@php $class="class='px-3 py-1 border border-gray-300
            rounded-md shadow-sm focus:outline-none focus:ring-indigo-500
            focus:border-indigo-500'"; @endphp
<form method=post action='diarioEditado' class='w-[500px] mx-auto'>
<table>
    <tr><td><input name=docto type=hidden value={{ $lcto->docto }}>
        Lçto<td><input name=lcto value='{{ $lcto->lcto }}' <?=$class?> >
    <tr><td>Dia<td><input name=dia type=date value={{ $lcto->dia }} <?=$class?>>
    <tr><td>ContaD<td><input name=contad value={{  $lcto->contad }} <?=$class?>>
    <tr><td>ContaC<td><input name=contac value={{ $lcto->contac }} <?=$class?>>
    <tr><td>Valor<td><input name=valor value={{ $lcto->valor }} <?=$class?>>
    <tr><td>Histórico<td><input name=hist value='{{ $lcto->hist }}' <?=$class?>>
</table>
</x-app-layout>