How can I add CloudFlare D1 database to the Context in trpc-nuxt handler?

[juretopolak]

I'm using trpc-nuxt module which has createNuxtApiHandler:

// server/api/trpc/[trpc].ts

import { createNuxtApiHandler } from 'trpc-nuxt'
import { appRouter } from '~/server/trpc/routers'
import { createContext } from '~/server/trpc/context'

export default createNuxtApiHandler({
  router: appRouter,
  createContext,
})

It looks like createContext(event: H3Event) (in the createNuxtApiHandler) can accept only one parameter of type H3Event.

How can I add D1Database when I need to pass another parameter createContext(event: H3Event, env: Env) to be able to access binded D1 database?

// server/trpc/context.ts
import { inferAsyncReturnType } from '@trpc/server'
import { drizzle } from 'drizzle-orm/d1';
import type { H3Event } from 'h3'

export interface Env {
  DB: D1Database;
}
// TS Error in createContext ./server/api/trpc/[trpc].ts
// export const createContext = async (event: H3Event, env: Env) => {
export const createContext = async (event: H3Event) => {
  const req = event.req
  const res = event.res
  //const db = drizzle(env.DB)
  return { req, res};
};

export type Context = inferAsyncReturnType<typeof createContext>;

Demo project:
https://github.com/juretopolak/trpc-nuxt/blob/main/server/trpc/context.ts