improving README

Author: Julien Neuhart

README.md

@@ -4,29 +4,25 @@ Source code of the tutorial [thecodingmachine.io/building-a-single-page-applicat
 
 If you want to try out the project just follow these steps.
 
-### Start containers / project
-`docker-compose up`
-
-### Enter in your app container
-`docker-compose exec app /bin/bash`
-
-### Install vendor
-`composer install`
-
-### Install node modules
-`npm install`
-
-### Generate manifest
-`yarn dev`
-
-### Generate database
-`php bin/console doctrine:migration:migrate`
-
-### Load fixtures
-`php bin/console doctrine:fixtures:load`
-
-### Access
-App: app.localhost (login: foo / pass: bar)
-
-phpMyAdmin: phpadmin.app.localhost
-
+```bash
+$ docker-compose up -d
+$ docker-compose exec app bash # executing bash inside app service
+$ composer install
+$ yarn install
+$ yarn dev
+$ php bin/console doctrine:migration:migrate
+$ php bin/console doctrine:fixtures:load
+```
+
+On MacOS, also update your `/etc/hosts` file with:
+
+```
+127.0.0.1   app.localhost
+127.0.0.1   phpmyadmin.app.localhost
+```
+
+You may now go to [http://app.localhost/](http://app.localhost/) and
+login using the following credentials:
+
+Login: `foo`
+Password: `bar`

app/assets/vue/views/Login.vue

@@ -67,9 +67,10 @@
             },
         },
         methods: {
-            performLogin() {
+            performLogin () {
                 let payload = {login: this.$data.login, password: this.$data.password},
                     redirect = this.$route.query.redirect;
+
                 this.$store.dispatch('security/login', payload)
                     .then(() => {
                         if (!this.$store.getters['security/hasError']) {