Security not applying to the securitySchemes or schema

[jcodog]

I have added an api key to my router so that when you go to docs a new authorise button appears, however when you try to make a request, it does not apply the API key you specify into the headers as expected, how do I fix this? I want to be able to have the docs show the same security etc as the main API.

export const router = OpenAPIRouter({
	docs_url: "/",
	schema: {
		info: {
			title: "JCoNet LTD API",
			version: "1",
		},
	},
});
router.registry.registerComponent("securitySchemes", "api_key", {
	type: "apiKey",
	in: "header",
	name: "x-api-key",
});

As you can see in the code the scheme is shown but is not being included in the docs examples so isn't applying the header, have I done something wrong or does the docs not display the headers you provide in authorise?

[jcodog]

Is this the correct way, this is what I have tried most recently.

code:

export const router = OpenAPIRouter({
	docs_url: "/",
	schema: {
		info: {
			title: "JCoNet LTD API",
			version: "1",
		},
		security: {
			api_key: [
				{
					type: "apiKey",
					in: "header",
					name: "x-api-key",
				},
			],
		},
	},
});
router.registry.registerComponent("securitySchemes", "api_key", {
	type: "apiKey",
	in: "header",
	name: "x-api-key",
});

console.log(router.schema);

console:

⎔ Reloading local server...
{
  openapi: '3.1.0',
  info: { title: 'JCoNet LTD API', version: '1' },
  security: { api_key: [ [Object] ] },
  components: {
    securitySchemes: { api_key: [Object] },
    schemas: {},
    parameters: {}
  },
  paths: {},
  webhooks: {}
}