v4: Fix useResult type inferring 'any'

[bbugh]

useResult is great for reactive objects, but the unwrapped type is currently inferred as any. This results in unnecessary and unsafe casting. The type information is available to be inferred, but the useResult function is not using it.

This PR fixes the issue by providing stricter type inference to useResult and computed for the defaultValue and pick return values, which results in correct typing.

Issue

# Simplified for this example
interface ProjectQuery {
  project: Project
}

Usage:

const { result, loading } = useQuery<ProjectQuery>(...)
const project = useResult(result, {}, data => data.project)

❌ Typed as const project: Readonly<Ref<Readonly<any>>>

PR Fix

Usage:

const { result, loading } = useQuery<ProjectQuery>(...)
const project = useResult(result, {}, data => data.project)

✅ Typed as const project: Readonly<Ref<Readonly<Project> | Readonly<{}>>>

const project = useResult(result, undefined, data => data.project as Project) // undefined default

✅ Typed as const project: Readonly<Ref<Readonly<Project> | undefined>>

[vue-bot]

Hey @bbugh, thank you for your time and effort spent on this PR, contributions like yours help make Vue better for everyone. Cheers! 💚

[DarkLite1]

Sorry for hijacking the thread but is this PR related to fixing this issue?