Редактировать электронную почту firestore vue

У меня возникла проблема с редактированием поля "электронная почта". Когда я нажимаю кнопку Изменить почту, письмо меняется правильно, но когда я хочу снова войти в систему, новое письмо не работает, только старое все еще работает. Как это сделать, чтобы после нажатия на кнопку изменить адрес электронной почты он изменился в базе данных так, чтобы после повторного входа в систему новый адрес электронной почты работал. Я не знаю, как это сделать. У меня есть этот код.

<template>
    <div class="editemail">
        <div class="container">
            <form class="form" @submit.prevent>
                <!-- email -->
                <label for="email" class="form__label">Email</label>
                <input
                    class="form__input"
                    type="text"
                    id="email"
                    name="email"
                    :placeholder="userProfile.email"
                    v-model.trim="email"
                />

                <button class="form__button" type="submit" @click="editEmail()">
                    Zmień email
                </button>
            </form>
        </div>
    </div>
</template>

<script>
import { mapState } from 'vuex';
import * as firebase from '../firebase';

export default {
    data() {
        return {
            email: '',
        };
    },

    computed: {
        ...mapState(['userProfile']),
    },

    methods: {
        editEmail() {
            firebase.usersCollection.doc(firebase.auth.currentUser.uid).update({
                email: this.email,
            });
        },
    },
};
</script>