Herkese merhaba . Bir projedede Laravel+Livewire+Alpine js kullaniyorum. Tailwindcss le kurdum. Simdi soyle bir sorun var. Tailwindin dark mode ozelligini kullanmak istiyorum. Simdi bir button la body e dark classini ekliyorum.
<body class="antialiased bg-gray-100"
x-bind:class="{'dark':dark}"
x-data="setup()"
x-init="$refs.loading.classList.add('hidden')">
<button
@click="dark= !dark;"
class="p-2 bg-gray-100 rounded-full hover:bg-gray-200 focus:outline-none focus:ring dark:bg-gray-900 dark:text-blue-300"
>
Realtime degisilik oluyor amma sorun soyle sayfa yenilenince yenide light mode a donuyor. Ekstra Javascript kod falan yazmak istemiyorum. Alpine js de @click ozelligine sessionda deger yerlestirmeye calsiinca click yapmadan once sessiona degeri yaziyor otomatik olarak o yuzden yeniden karisiyor. Oneriniz ne? Dark mode light mode degisimi icin kolayca nasil yapa bilirim.