alpine3.html

<script>
    document.addEventListener('alpine:init', () => {
        Alpine.store('darkMode', {
            on: false,
 
            toggle() {
                this.on = ! this.on
            }
        })
    })
</script>

<div x-data :class="$store.darkMode.on && 'bg-black'">...</div>