Me pregunto por qué este html/alpinejs genera múltiples entradas de registro de la consola cuando se hace clic en el botón.
<script src="https://unpkg.com/alpinejs@3.xx/dist/cdn.min.js"></script> <div x-data="{ }"> <button @click="console.log('Click!')">Click it!</button> </div>De acuerdo con los documentos de Alpine.js , le falta el defer de aplazamiento al agregar el script. Agregar eso resolverá su problema.
<script defer src="https://unpkg.com/alpinejs@3.xx/dist/cdn.min.js"></script> <div x-data="{ }"> <button @click="console.log('Click!')">Click it!</button> </div>