In this lesson, we define a "count" state value with the
x-data directive provided by Alpine JS. This defines a new scoped component, which can have access to this state.
We then display the "count" value in our HTML with the
x-text directive, which updates an element's
We also hook up buttons with click event listeners with
x-on:click, which allows us to modify the count value as desired.