JavaScript confirmation message with Alpine.js and htmx

alpine.html

<!--
  https://alpinejs.dev/directives/on#prevent
  https://github.com/alpinejs/alpine/issues/150#issuecomment-580452229
-->

<form x-data action="/something" @submit.prevent="if (confirm('Are you sure?')) $el.submit()" method="post">
  <button aria-label="Delete this">[some icon]</button>
</form>

htmx.html

<!--
  https://htmx.org/attributes/hx-confirm/
  https://htmx.org/attributes/hx-delete/
-->

<form action="/something" hx-confirm="Are you sure?" method="post">
  <button hx-delete="/something" aria-label="Delete this">[some icon]</button>
</form>