Fix login errors not showing

docker-compose.yml

@@ -5,7 +5,7 @@ services:
     container_name: perktree-db
     restart: unless-stopped
     environment:
-      MYSQL_ROOT_PASSWORD: perktree-root-password
+      MYSQL_ROOT_PASSWORD: ${DB_PASSWORD}
       MYSQL_DATABASE: perktree
     volumes:
       - /mnt/perktree/db:/var/lib/mysql

frontend/src/components/auth/login.component.vue

@@ -20,7 +20,7 @@
 						v-for="(error, index) in loginErrors"
 						:key="index"
 						class="login-errors"
-					>{{ error.description }}</p>
+					>{{ error }}</p>
 					<v-btn type="submit">Login</v-btn>
 				</form>
 			</v-card>
@@ -52,7 +52,10 @@ export default {
 			AuthController.login(data).then(() => {
 				this.$router.push({ name: 'index' });
 			}).catch((error) => {
-				this.loginErrors.push(error.response.data);
+				const errors = error.response.data.non_field_errors;
+				for (let i = 0; i < errors.length; i++) {
+					this.loginErrors.push(errors[i]);
+				}
 			});
 		},
 	},