title: Laravel Jetstream - Inertia - Button Component does not respond to click events
body: <pre><code>    &lt;jet-button class=&quot;bg-green-600 m-auto&quot;
              @click=&quot;creatingProductCategory = true&quot;
              &gt;Create New&lt;/jet-button&gt;
  
  
       &lt;jet-dialog-modal :show=&quot;creatingProductCategory&quot; @close=&quot;creatingProductCategory = false&quot;&gt;
  
                  &lt;template #title&gt;Create New Product&lt;/template&gt;
  
                  &lt;template #content&gt;
                      &lt;form @submit.prevent=&quot;submit&quot;&gt;
  
                          &lt;div&gt;
                              &lt;jet-label for=&quot;email&quot; value=&quot;Product Category&quot;/&gt;
                              &lt;select name=&quot;&quot; id=&quot;&quot;
                                      class=&quot;block w-full border-gray-300 focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 rounded-md shadow-sm&quot;
                              &gt;
                                  &lt;option value=&quot;1&quot;&gt;Macrame&lt;/option&gt;
                                  &lt;option value=&quot;2&quot;&gt;Coords&lt;/option&gt;
                                  &lt;option value=&quot;3&quot;&gt;Plant&lt;/option&gt;
                                  &lt;option value=&quot;4&quot;&gt;Accessories&lt;/option&gt;
                              &lt;/select&gt;
                          &lt;/div&gt;
  
                          &lt;div class=&quot;mt-4&quot;&gt;
                              &lt;jet-label for=&quot;email&quot; value=&quot;Product Name&quot;/&gt;
                              &lt;jet-input id=&quot;email&quot; type=&quot;email&quot; class=&quot;mt-1 block w-full&quot; v-model=&quot;form.email&quot;
                                         placeholder=&quot;Enter Product Name&quot;
                                         required autofocus/&gt;
                          &lt;/div&gt;
  
                          &lt;div class=&quot;mt-4&quot;&gt;
                              &lt;jet-label for=&quot;password&quot; value=&quot;Price&quot;/&gt;
                              &lt;jet-input id=&quot;password&quot; type=&quot;password&quot; class=&quot;mt-1 block w-full&quot;
                                         placeholder=&quot;Enter Price&quot;
                                         v-model=&quot;form.password&quot; required autocomplete=&quot;current-password&quot;/&gt;
                          &lt;/div&gt;
  
                          &lt;div class=&quot;flex items-center justify-end mt-4&quot;&gt;
  
                              &lt;jet-button class=&quot;ml-4&quot; :class=&quot;{ 'opacity-25': form.processing }&quot;
                                          :disabled=&quot;form.processing&quot;&gt;
                                  Create
                              &lt;/jet-button&gt;
                          &lt;/div&gt;
                      &lt;/form&gt;
                  &lt;/template&gt;
  
              &lt;/jet-dialog-modal&gt;
  </code></pre>
  <p>This is the button component i have used that comes within jetstream templates.
  But when i click the button the value of the variable 'creatingProductCategory' doesnt change.
  Iam missing something important here !
  Also if you have links to some good documentation it would be of great help :)</p>