Using useRequestHeaders inside server / api gives undefined resulting 500 error

Environment

Nuxt project info:                                                                                                                                  18:34:07

------------------------------
- Operating System: `Linux`
- Node Version:     `v16.14.0`
- Nuxt Version:     `3.0.0-27456065.f38cace`
- Package Manager:  `yarn@1.22.17`
- Builder:          `vite`
- User Config:      `typescript`, `vite`, `build`, `buildModules`, `modules`, `css`, `publicRuntimeConfig`
- Runtime Modules:  `@formkit/nuxt@1.0.0-beta.7-b0764b8`
- Build Modules:    `@nuxtjs/tailwindcss@5.0.1`, `@nuxtjs/google-fonts@1.3.0`, `@pinia/nuxt@0.1.8`
- 

Reproduction

add say auth.ts inside server/api/auth

content of auth.ts

import type { IncomingMessage, ServerResponse } from 'http'

export default async (req: IncomingMessage, res: ServerResponse) => {

const baseUrl = 'http://localhost:81';
  const response: any = await $fetch(
    baseUrl + '/auth/logout',
    {
      method: 'DELETE',
      headers: useRequestHeaders(['cookie'])
    }
  )
 
 res.statusCode = 200
  res.end('Works!')
}

Describe the bug

Now try hitting the endpoint from any page say a function which calls the below It throws

const handler = async () => await $fetch(`/api/auth/hello`)

It will give 500 response and showing the below in terminal

useRequestHeaders is not defined

Additional context

No response

Logs

No response

[danielroe]

import config from '#config'

[msonowal]

@danielroe ,

thanks for your reply, And I think we should atleast have the ability to use the useRuntimeConfig(). inside the folder is there any way to get that?