How to annotation query type?

[maicss]

Environment

node : 18.12.1
nuxt: 3.0.0
h3: 1.0.2

Reproduction

export default defineEventHandler(async (event) => {
const { res } = event.node
const { code, name, someNumber } = getQuery(event)
})

Describe the bug

code, name, someNumber types are infer to string | QueryValue[] | null

How do I give types of them? Not where I use them with as assert.
like:

const handle Query = (code: string, name: string, index?: number) => {}
handleQuery (code as string, name as string, someNumber as number)

Additional context

No response

Logs

No response

[oleghalin]

getQuery doesnt accept generic, so for now you can mark it as type using as construction

const query = getQuery(event) as Query;

[maicss]

OK, fine.
Will you consider getQuery<xxx>(event) ?

[oleghalin]

@pi0 is there any reason why getQuery doesnt accept generics? If no any problems with it i will be happy to contribute for this

[maicss]

It's sooo ugly, should unknow first.

const query = getQuery(event) as unknown as Query;

[oleghalin]

It's sooo ugly, should unknow first.

const query = getQuery(event) as unknown as Query;

I think as soon as Query implements Record<string, QueryValue | QueryValue[] > assigning it to getQuery is ok, but i can be wrong

[pi0]

PR welcome to support generic type 🙏

[nozomuikuta]

This issue can be fixed at 2 layers:

• ufo
  • Fix getQuery to accept generics, which will be fixed by feat: generic types for getQuery and parseQuery ufo#131
  • Release it
• h3
  • Upgrade ufo version
  • Fix getQuery to accept generics and pass it to the upgraded ufo's getQuery

[pi0]

ufo generic support released and h3 support landing via #417 in next release 🚀