:sparkles: login vue using wave componens

frontend/src/App.vue

 import { currentProfile } from './services'
 import { surveyFactory } from './utils'
 
-const DEV_MODE = import.meta.env.VITE_DEV == 'true'
+// const DEV_MODE = import.meta.env.VITE_DEV == 'true'
+const DEV_MODE = false
 const DEV_PID = 45
 
 export default {
             if (currentProfile.isLoggedIn) {
                 currentProfile.logout()
             }
+
             await currentProfile.login(profileId, this.$waveui.notify)
             console.log('---')
+
+            /**
+             * Default to the HomeView and alter as needed (side-effects!)
+             */
+            const toRoute = { name: 'HomeView' }
+            this.$router.push(toRoute)
         },
     },
 }

frontend/src/views/ChatView.vue

         button(@click="sendMessage") send
 
     p(v-else-if="profile.isLoggedIn && !target") No match found between profile {{ $route.params.pid }} and {{profile.id}}... 
-    p(v-else) Loading...
+    w-spinner(v-else bounce)
 
     MainNav
 </template>

frontend/src/views/HomeView.vue

         ProfileCardList(:pid='pid' :cards='cards' @reload='getCards')
 
     p(v-else-if='cards.length === 0') No profiles in match_queue.
-    p(v-else) Loading...
+    w-spinner(v-else bounce)
 
     footer
         w-form

frontend/src/views/LoginView.vue

 <template lang="pug">
 main.view--login
-    header
-        h2 Login
 
-    article
-        form(@submit.prevent="onSubmit")
-            label profile id:
-            input(required="" type="profileId" v-model="form.profileId")
+    article.pa12
+        form
+            w-input.mb4(label="User E-mail" tile outline v-model="form.profileId" inner-icon-left='mdi mdi-mail')
+            w-input(label="Password" type="password" tile outline inner-icon-left='mdi mdi-eye-off')
 
             //- Emit up an event so we can sync App pid with currentProfile.id
-            button(@click="$emit('updatePid', form.profileId)" type="submit") submit
+            w-button.xs12.mt12(@click="$emit('updatePid', form.profileId)" type="submit") submit
 </template>
 
 <script>
-import { currentProfile } from '../services'
-
 export default {
     data: () => ({
         form: {
             profileId: null,
         },
     }),
-    methods: {
-        async onSubmit() {
-            if (!this.form.profileId) console.error('No profile in form')
-
-            /**
-             * Default to the HomeView and alter as needed (side-effects!)
-             */
-            const toRoute = { name: 'HomeView' }
-
-            /**
-             * Profile needs a complete survey and
-             * alters the url if it's incomplete
-             */
-            const alreadyLoggedIn = await currentProfile.isLoggedIn
-            if (!alreadyLoggedIn) {
-                await currentProfile.login(this.form.profileId)
-            }
-
-            this.$router.push(toRoute)
-        },
-    },
 }
 </script>

frontend/src/views/MatchesView.vue

             ProfileCardList(:pid='pid' :profiles='matches' @reload='getCards')
 
         p(v-else-if='matches.length === 0') No matches.
-        p(v-else) Loading...
+        w-spinner(v-else bounce)
 
     MainNav
 </template>

frontend/src/views/ProfileView.vue

             :is-list='false'
             :card='card'
         )
-    p(v-else) Loading...
+    w-spinner(v-else bounce)
 
     MainNav
 </template>