import { Hono } from 'hono'
import { validator } from 'hono/validator'
import { hc } from 'hono/client'

const app = new Hono()

const routes = app.get(
  '/',
  validator('query', () => {
    return {
      page: 1,
      orderBy: 'asc',
    } as {
      page: number
      orderBy: 'asc' | 'desc'
      ordreByWithdefault?: 'asc' | 'desc' | undefined
    }
  }),
  (c) => {
    const data = c.req.valid('query')
    return c.json(data)
  }
)

const client = hc<typeof routes>('http://localhost:8787')

client.index.$get({
  query: {
    page: '1', // string | string[]
    orderBy: 'asc', // ❌️ string | string[] => should be ⭕️ 'asc' | 'desc'
    ordreByWithdefault: 'asc', // ❌️ string | string[] | undefined => should be ⭕️ 'asc' | 'desc' | undefined
  },
})