methods: {
    signup() {
        const { name, email, password } = this;

        const record = {
            name, email, password,
            URL: '',
            description: ''
        };

        const store = {
            name, email, password,
            id: '',
            photoURL: '',
            description: '',
            firebaseDocumentId: ''
        };

        const messages = {
            'auth/weak-password': 'Password too weak'
        };

        const save = () => (
            Object
                .keys(store)
                .forEach((key) => localStorage.setItem(key, store[key]))
        );

        const toast = (message) => this.$toasted.show(message).goAway(3000);

        const flush = () => (
            [ 'name', 'email', 'password' ].forEach((key) => this[key] = '')
        );

        const toChat = () => this.$router.push('/chat');

        firebase.auth().createUserWithEmailAndPassword(email, password)
            .then(({ user: { uid: id } }) => store.id = id)
            .then(() => firebase.firestore().collection('users').add(record))
            .then(({ id }) => store.firebaseDocumentId = id)
            .then(() => save())
            .then(() => flush())
            .then(() => toChat())
            .catch(({ code, message }) => toast(messages[code] || message));
    }
}

  methods: {
    async signup () {
      const auth = firebase.auth()
      const vm = this
      const { name, email, password } = vm
      const res = await auth.createUserWithEmailAndPassword(email, password)
        .catch((error) => console.log(error))
      const id = res.user.uid
      const data = { id, name, email, password, URL: '', description: '' }

      console.log(res)
      const ref = await firebase.firestore().collection('users').add(data)
        .catch((error) => {
          error.message = error.code === 'auth/weak-password'
            ? 'Password too weak'
            : error.message
          this.$toasted.show(error.message).goAway(3000)
        })

      Object.entries(data)
        .forEach((args) => localStorage.setItem(...args))
        .map(([key]) => [key, ''])
        .forEach((args) => Vue.set(vm, ...args))

      this.$router.push('/chat')
    }
  }