Установите изображение по умолчанию для пользователя, прежде чем изменять изображение профиля в firebase + Vue + Quasar

Question

Я работаю над школьным приложением, к которому могут получить доступ ученики, сотрудники и не сотрудники. Как я могу добавить функцию в img sr c, которая дает пользователям изображение профиля по умолчанию, поэтому каждый новый пользователь, которого я создаю, не будет пустым img sr c.

Мой шаблон выглядит следующим образом:

<q-avatar size="150px" class="q-mb-sm">
  <q-img :loading="loading" :src="userDetails.image" />
</q-avatar>

Мое состояние

email:"opeyemi@gmail.com"
image:undefined
name:"Opeyemi"
select:"Student"
userId:"4arS2LtESXb9u5uRjXcJl9u9prP2"

Конечно, изображение вернется неопределенным, как я могу зафиксировать изображение профиля по умолчанию для нового пользователи

Как мне зарегистрировать своих пользователей

registerUsers({}, payload) {
    firebaseAuth.createUserWithEmailAndPassword(payload.email, payload.password)
      .then(res => {
        const userId = res.user.uid;
        console.log(res)
        Notify.create({
          message: 'Regsitration Successful!.',
          color: 'positive',
          classes: 'quick'
        })
        //set user
        firebaseDb.ref(`users/${userId}`).set({
          name: payload.name,
          email: payload.email,
          select: payload.select
        });
      })
      .catch(err => {
        console.log(err)
        Notify.create({
          message: `${err.message}`,
          classes: 'quick',
          color: 'negative'
        })
      })

    console.log(payload)