Convert frontend to Vue #3
| @@ -1,5 +1,5 @@ | ||||
| <script> | ||||
| import { LOGIN_SUCCESS, TITLE } from "../store/mutation-types"; | ||||
| import { LOGIN, LOGIN_SUCCESS, TITLE } from "../store/mutation-types"; | ||||
|  | ||||
| export default { | ||||
|     data() { | ||||
| @@ -18,11 +18,9 @@ export default { | ||||
|     methods: { | ||||
|         formSubmit (e) { | ||||
|             e.preventDefault(); | ||||
|             fetch("/api/v1/user/login", {method: "POST", body: JSON.stringify(this.$data.login)}) | ||||
|                 .then(x => x.json()) | ||||
|             this.$store.dispatch(LOGIN, this.$data.login) | ||||
|                 .then(x => { | ||||
|                     this.$data.error = "" | ||||
|                     this.$store.commit(LOGIN_SUCCESS, x); | ||||
|                     this.$data.error = ""; | ||||
|                     this.$router.replace("/dashboard"); | ||||
|                 }) | ||||
|                 .catch(x => this.$data.error = ["The entered credentials are invalid!"]); | ||||
|   | ||||
| @@ -62,11 +62,10 @@ const store = createStore({ | ||||
|     }, | ||||
|     actions: { | ||||
|         [LOGIN]({state, commit}, login) { | ||||
|             fetch("/api/v1/user/login", {method: "POST", body: JSON.stringify(login)}) | ||||
|             return fetch("/api/v1/user/login", {method: "POST", body: JSON.stringify(login)}) | ||||
|                 .then(x => x.json()) | ||||
|                 .then(x => { | ||||
|                     commit(LOGIN_SUCCESS, x); | ||||
|                     this.$router.replace("/dashboard"); | ||||
|                 }) | ||||
|         }, | ||||
|         YNAB({getters, dispatch}, formData) { | ||||
| @@ -148,7 +147,6 @@ const store = createStore({ | ||||
|             if(state.CurrentBudgetID == null) | ||||
|                 return {}; | ||||
|  | ||||
|             console.log(state.Budgets, state.CurrentBudgetID); | ||||
|             const budgets = state.Budgets.filter(x => x.ID == state.CurrentBudgetID); | ||||
|             if(budgets.length > 0) | ||||
|                 return budgets[0]; | ||||
|   | ||||
		Reference in New Issue
	
	Block a user