@metalsadman Thanks, getprofile inside first then do the job

@s-molinari I think you didn’t see data: {} inside data ()

@s-molinari but why? first upper one works this way…

Hi! Here is part of my scripts:

export default {
  name: 'Login',
  data () {
    return {
      data: {
        body: {
          email: '',
          password: '',
          rememberMe: false,
          auth: {
            profile: {} <---- ****This is a problem one****
          }
        }
      },
      isPwd: true,
      loading: false
    }
  },
  methods: {
    auth (network) {
      this.$hello(network).login({ scope: 'email', auth_type: 'rerequest' })
        .then((res) => {
          this.data.body.auth = res['authResponse']  <---- Here everything is ok
        })
      this.getProfile(network)
      this.$auth.socialLogin(this.data)
        .then((response) => {
          this.$router.push({ path: '/account' })
        })
        .catch((error) => {
          if (error.response) {
            if (error.response.status === 401) {
              this.$q.dialog({
                message: this.$t('auth.login.verification_required')
              })
            } else if (error.response.status === 403) {
              this.$q.notify({
                message: this.$t('auth.login.invalid_credentials')
              })
            } else {
              console.error(error)
            }
          }
        })
    },
    getProfile (network) {
      this.$hello(network).api('me')
        .then((res) => {
          console.log(res) <---- Here I can see expected json
          this.data.body.auth.profile = res <--- And here is something wrong
          console.log(this.data) <--- No profile inside (((
        })
    },

I have problem with populating of profile. I mark everything in my code. What I’m doing wrong? Thanks for help!

@metalsadman Thanks a lot man!

Hi! Can’t find how to toggle password visibility and change icon.

                            <q-input
                            bottom-slots
                            filled
                            v-model.trim="$v.password.$model"
                            label="Pass"
                            type="password"
                            lazy-rules
                            :rules="[
                              val => $v.password.required || 'required',
                              val => $v.password.minLength || '6 symbols'
                            ]"
                        >
                          <template v-slot:prepend>
                            <q-icon name="fas fa-lock" />
                          </template>
                          <template v-slot:append>
                            <q-icon class="cursor-pointer" name="fas fa-eye-slash" @click="onTogglePassword (e)"/>
                          </template>

Help, please