使用vuex、firestore和createUserWithEmailAndPassword，如何在用户注册时创建用户配置文件集合？

// 在vuex的store中的"user"模块中
import { auth, firestore } from 'firebase'

const user = {
  state: {
    userProfile: null
  },
  mutations: {
    SET_USER_PROFILE: (state, profile) => {
      state.userProfile = profile
    }
  },
  actions: {
    registerUser: ({ commit }, { email, password }) => {
      auth.createUserWithEmailAndPassword(email, password)
        .then((userCredential) => {
          const user = userCredential.user
          const userProfile = {
            // 根据需要添加用户配置文件的其他属性
            email: user.email,
            username: user.displayName
          }
          // 创建"userProfiles"集合并添加用户配置文件信息
          firestore().collection('userProfiles').doc(user.uid).set(userProfile)
            .then(() => {
              // 将用户配置文件信息存储到vuex的状态属性中
              commit('SET_USER_PROFILE', userProfile)
            })
            .catch((error) => {
              console.error('Error creating user profile:', error)
            })
        })
        .catch((error) => {
          console.error('Error creating user:', error)
        })
    }
  }
}

export default user