title: Having problems on my sign in form for firebase because of Error:"email" must be a valid string."
body: <p>Good day developers , in this simple app im building , can't see the gap about my sign in form to firebase .Is weird that allows me to sign up creating a new user , but once this user is created , and i try to sign in with his security details got this error:Error in v-on handler: "Error: signInWithEmailAndPassword failed: First argument "email" must be a valid string.".</p>
  
  <p>This app is based on Vue.Js having basic interaction with Firebase including this  signInWithEmailAndPassword function.
  Here i'm referring part of my code that has to do with my issue</p>
  
  <pre><code>HTML tag for Log In Form
  
  &lt;template&gt;
    &lt;v-container&gt;
      &lt;v-container &gt;
        &lt;v-layout&gt;
          &lt;v-flex  class='d-flex justify-center'&gt;
            &lt;v-card   style="width:300px ;height:300px;margin-top:90px"&gt;
              &lt;v-card-text&gt;
                &lt;v-container&gt;
                  &lt;form @submit.prevent="signUserIn"&gt;
                    &lt;v-layout row&gt;
                      &lt;v-flex xs12&gt;
                        &lt;v-text-field
                          name="name"
                          label="name"
                          id="name"
                          v-model="name"
                          type="name"
                          required
                        &gt;&lt;/v-text-field&gt;
                      &lt;/v-flex&gt;
                    &lt;/v-layout&gt;
  
                    &lt;v-layout row&gt;
                      &lt;v-flex xs12&gt;
                        &lt;v-text-field
                          name="email"
                          label="email"
                          id="email"
                          v-model="email"
                          type="email"
                          required
                        &gt;&lt;/v-text-field&gt;
                      &lt;/v-flex&gt;
                    &lt;/v-layout&gt;
  
                    &lt;v-layout row&gt;
                      &lt;v-flex xs12&gt;
                        &lt;v-text-field
                          name="password"
                          label="password"
                          id="password"
                          v-model="password"
                          type="password"
                          required
                        &gt;&lt;/v-text-field&gt;
                      &lt;/v-flex&gt;
                    &lt;/v-layout&gt;
                    &lt;v-layout row&gt;
                      &lt;v-flex xs12&gt;
                        &lt;v-btn type="submit" class="primary"&gt;Sign In&lt;/v-btn&gt;
                      &lt;/v-flex&gt;
                    &lt;/v-layout&gt;
                  &lt;/form&gt;
                &lt;/v-container&gt;
              &lt;/v-card-text&gt;
            &lt;/v-card&gt;
          &lt;/v-flex&gt;
        &lt;/v-layout&gt;
      &lt;/v-container&gt;
    &lt;/v-container&gt;
  &lt;/template&gt;
  </code></pre>
  
  <p>then v-modeling the fields of email, password and user, i set this on the data return</p>
  
  <pre><code> data() {
      return {
        email: "",
        password: "",
        name: ""
      };
    },
  </code></pre>
  
  <p>Finally as last step of this first part simply commit the v-modeled information passed through this method  to my Management State in Vuex, which would be in charge to connect to Firebase:</p>
  
  <pre><code>Script Method
  
  methods: {
      ...mapActions(["signUserIn"]),
      signingIn() {
        this.$store.dispatch("signUserIn", {
          email: this.email,
          password: this.password
        });
      }
    }
  </code></pre>
  
  <p>Then on my Managment State , the sign in function would be like this:</p>
  
  <pre><code>ACTION
  
  signUserIn({ commit }, userInfo) {
        firebase.auth().signInWithEmailAndPassword(userInfo.email, userInfo.password)
  
          .then(
            user =&gt; {
              const newUser = {
                id: user.uid,
  
              }
              commit('clearSettingAuthUserError')
              commit('settingSignedInUser', newUser)
            }
          )
          .catch(
            error =&gt; {
              commit('settingAuthUserError', error)
              console.log(error)
            }
          )
      },
  MUTATION
  
   settingSignedInUser(state, payload) {
        state.user = payload
      },
  GETTER
  getUser(state) {
        return state.user
      },
  </code></pre>
  
  <p>Honestly can't perceive where the error is both in my HTML or my Vuex, being all more confusing cause it allows me to sign up , not letting me once created, to sign in with the same user.
  Could somebody give me a clue about what im doing wrong ?.
  Thanks , and have a good day!!!</p>