how can i override the code block in autogenerated APIPage component

[ryanwaits]

I have a custom code block component that I am using for all code snippets and I'd like to upgrade to the fumadocs-openapi package to use the APIPage component, but the code blocks use the default code block and themes.

Is there a way to override this? Or are there any plans to provide that ability?

[fuma-nama]

You can change Shiki options from createOpenAPI

[ryanwaits]

it looks like some of the other components that get rendered with <APIPage> are not using the shikiOptions set in createOpenAPI for setting a custom theme

Code:

export const openapi = createOpenAPI({
  shikiOptions: {
    themes: {
      dark: customTheme.dark,
      light: customTheme.light
    },
  },
});

For instance, the custom theme is working for the CodeExample and not for others:

fumadocs/packages/openapi/src/ui/contexts/code-example.tsx

Line 114 in fff3211

const { shikiOptions } = useApiContext();

Maybe this is something the @fumadocs/cli could add for more customization?

[fuma-nama]

Thanks for reporting, I'll fix it

[ryanwaits]

any updates here?

[fuma-nama]

Fixed long time ago, have you upgraded Fumadocs?

[ryanwaits]

fantastic, just updated and it looks good - appreciate it as always!