docs(query): update the documentation of dependent queries in Vue section (TanStack#7243)

The documentation is confusing and not clear about how to use dependent queries in Vue. This PR updates the documentation to make it clear and easy to understand.

discussion: TanStack#7220

Author: protogenesis

docs/framework/vue/guides/dependent-queries.md

@@ -25,3 +25,31 @@ const { isIdle, data: projects } = useQuery({
 ```
 
 [//]: # 'Example'
+[//]: # 'Example2'
+
+```tsx
+// Get the users ids
+const { data: userIds } = useQuery({
+  queryKey: ['users'],
+  queryFn: getUsersData,
+  select: (users) => users.map((user) => user.id),
+})
+
+const queries = computed(() => {
+  return userIds.value.length
+    ? userIds.value.map((id) => {
+        return {
+          queryKey: ['messages', id],
+          queryFn: () => getMessagesByUsers(id),
+        }
+      })
+    : []
+})
+
+// Then get the users messages
+const usersMessages = useQueries({
+  queries, // if users is undefined, an empty array will be returned
+})
+```
+
+[//]: # 'Example2'