Eigentlich nicht so schwer:
HTML
<nav class="hidden lg:flex lg:space-x-8 lg:py-2" aria-label="Global">
<Link
v-for="item in navigation"
:key="item.name"
:href="item.href"
:class="[$page.props.ziggy.location.includes(item.href) ? 'bg-pink-900 text-white' : 'text-gray-300 hover:bg-gray-700 hover:text-white', 'inline-flex items-center rounded-md px-4 py-2 font-medium']"
:aria-current="item.current ? 'page' : undefined"
>
{{ item.name }}
</Link>
</nav>
Alles anzeigen
Aktuell Versuche ich zB von Grid auf Flexbox umzusteigen, wie man auch bei dem hier sehen kann