Update error handling

frontend/components/auth/FormLogin.vue

@@ -68,17 +68,16 @@ export default Vue.extend({
   },
 
   methods: {
-    tryLogin() {
-      this.login({
-        username: this.username,
-        password: this.password
-      })
-        .then(() => {
-          this.$router.push(this.localePath('/projects'))
-        })
-        .catch(() => {
-          this.showError = true
+    async tryLogin() {
+      try {
+        await this.login({
+          username: this.username,
+          password: this.password
         })
+        this.$router.push(this.localePath('/projects'))
+      } catch {
+        this.showError = true
+      }
     }
   }
 })

frontend/store/auth.js

@@ -25,9 +25,13 @@ export const getters = {
 }
 
 export const actions = {
-  authenticateUser({ commit }, authData) {
-    this.$services.auth.login(authData.username, authData.password)
-    commit('setAuthenticated', true)
+  async authenticateUser({ commit }, authData) {
+    try {
+      await this.$services.auth.login(authData.username, authData.password)
+      commit('setAuthenticated', true)
+    } catch(error) {
+      throw new Error('The credential is invalid')
+    }
   },
   async initAuth({ commit }) {
     try {