wait: true could wait for nested references in documents

[posva]

Currently it only affects Lists and Collections but it could be useful for documents as well because when hydrating we get a flash while the new references are being retrieved

[liweicheng00]

Is there any way to ensure that all referenced documents are fully loaded?

In my tests, if a document attribute is a reference to another document, like this:

For Task:

{
  "setting": "/setting/<settingId>"
}

For Setting:

{
  "type": "taskType",
  "number": 123
}

When using useDocument():

const task = useDocument(doc(collection(db, 'tournament'), "taskId"))

<template>
  <div v-if="task">
    <div> {{task.setting}} </div>   <!-- raises error -->
    <div> {{task?.setting}} </div>  <!-- this works, but it's inconvenient -->
  </div>
</template>

I believe this is an issue because I have to check whether the attribute exists at every usage point, as shown above. If I don't handle it properly (task?.setting), I encounter errors. This makes it difficult to pass the data to child components effectively.

[mrleblanc101]

@liweicheng00 I don't think there is. That's why there is the feature request tag.
Linking my Discussion topic with posva about this here: #1442