specify left click on some components

ui/src/App.vue

@@ -12,7 +12,7 @@
     </div>
 
     <div class="section">
-      <button class="button" @click="$refs.login_modal.set_active(true)">
+      <button class="button" @click.left="$refs.login_modal.set_active(true)">
         Login
       </button>
     </div>

ui/src/components/BulmaBreadcrumbs.vue

@@ -5,7 +5,7 @@
         v-for="(step, index) in steps"
         :key="`step-${index}`"
         :class="modelValue === index ? 'is-active' : ''"
-        @click="change_step(index)"
+        @click.left="change_step(index)"
       >
         <a>
           <span class="icon is-small">

ui/src/components/LoginModal.vue

@@ -26,8 +26,10 @@
         </section>
 
         <footer class="modal-card-foot">
-          <button class="button is-success" @click="submit()">Login</button>
-          <button class="button is-danger" @click="set_active(false)">
+          <button class="button is-success" @click.left="submit()">
+            Login
+          </button>
+          <button class="button is-danger" @click.left="set_active(false)">
             Cancel
           </button>
         </footer>

ui/src/components/calendar/CalendarDoor.vue

@@ -1,5 +1,5 @@
 <template>
-  <SVGRect :rectangle="door.position" :focused="false" @click="on_click" />
+  <SVGRect :rectangle="door.position" :focused="false" @click.left="on_click" />
 </template>
 
 <script lang="ts">