Registration form: Client side validation + better display of server validation errors

Fixes validation errors during registration, previously errors from BE haven't been parsed and displayed to user as json

Before

After

Screen_Recording_2018-12-05_at_19.32.37

src/components/registration/registration.js

 import { validationMixin } from 'vuelidate'
 import { required } from 'vuelidate/lib/validators'
 import { mapActions, mapState } from 'vuex'
-import { SIGN_UP } from "../../mutation_types"
+import { SIGN_UP } from '../../mutation_types'
 
 const registration = {
   mixins: [validationMixin],
@@ -36,7 +36,7 @@ const registration = {
     ...mapState({
       isPending: (state) => state.users[SIGN_UP.isPending],
       serverValidationErrors: (state) => state.users[SIGN_UP.errors],
-      termsofservice: 'instance.tos',
+      termsofservice: (state) => state.instance.tos
     })
   },
   methods: {