Working login

src/components/NavBar.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { ref } from 'vue'
 import { useSiteControlStore } from '@/stores/siteControl.store'
+import { router } from '@/router/router'
 
 const activator =  ref(false);
 
@@ -24,6 +25,10 @@ function clickOrders() {
     activator.value = false;
   }
 }
+
+function routeLogin() {
+  router.push("/login");
+}
 </script>
 
 <template>
@@ -54,9 +59,9 @@ function clickOrders() {
       <div class="navbar-end">
         <div class="navbar-item">
           <div class="buttons">
-            <a class="button is-light">
+            <button class="button is-light" @click="routeLogin">
               Log in
-            </a>
+            </button>
           </div>
         </div>
       </div>