add some spartanAuth login stuff

webapp/src/views/Password.vue

@@ -3,6 +3,9 @@
     <main>
       Username and password form <br>
       <button class="bg-blue-400 pl-4 pr-4 pt-2 pb-2 cursor-pointer rounded-2xl" @click="login">Login</button>
+
+
+      <spartan-login ref="spartanLoginRef" start-mode="webauthn" domain="http://10.0.0.12:11000" locale="en" redirect="" styles=".login-frame button {background-color: #00f000;}"></spartan-login>
     </main>
   </div>
 </template>
@@ -10,9 +13,24 @@
 <script setup lang="ts">
 import { useAuthenticationStore } from '@/stores/authentication.ts'
 import { useRouter } from 'vue-router'
+import 'spartan-auth-widgets';
+import { onBeforeUnmount, onMounted, ref } from 'vue';
 
+const spartanLoginRef = ref<HTMLElement|null>(null);
 const router = useRouter();
 
+onMounted(() => {
+  spartanLoginRef?.value?.addEventListener('spartan-login', spartanLoginHandler);
+});
+
+onBeforeUnmount(() => {
+  spartanLoginRef?.value?.removeEventListener('spartan-login', spartanLoginHandler);
+});
+
+function spartanLoginHandler() {
+  login();
+}
+
 function login() {
   const authenticationStore = useAuthenticationStore();
   authenticationStore.login();