Improve open-api component render

Author: sibiraj-s

app/global.css

@@ -1,9 +1,7 @@
 @import 'tailwindcss';
 @import 'fumadocs-ui/css/black.css';
 @import 'fumadocs-ui/css/preset.css';
-
-@source '../node_modules/fumadocs-ui/dist/**/*.js';
-@source '../node_modules/fumadocs-openapi/dist/**/*.js';
+@import 'fumadocs-openapi/css/preset.css';
 
 @theme {
   --font-sans: var(--font-geist-sans);

lib/open-api.ts

@@ -0,0 +1,5 @@
+import { createOpenAPI } from 'fumadocs-openapi/server';
+
+export const openapi = createOpenAPI({
+  input: ['https://sdk.usegrant.dev/open-api.json'],
+});

lib/source.ts

@@ -1,6 +1,6 @@
 import { loader } from 'fumadocs-core/source';
 import { createMDXSource } from 'fumadocs-mdx';
-import { attachFile, createOpenAPI } from 'fumadocs-openapi/server';
+import { attachFile } from 'fumadocs-openapi/server';
 
 import { docs, meta } from '@/.source';
 
@@ -11,5 +11,3 @@ export const source = loader({
     attachFile,
   },
 });
-
-export const openapi = createOpenAPI();

mdx-components.tsx

@@ -2,7 +2,7 @@ import { APIPage } from 'fumadocs-openapi/ui';
 import defaultMdxComponents from 'fumadocs-ui/mdx';
 import type { MDXComponents } from 'mdx/types';
 
-import { openapi } from '@/lib/source';
+import { openapi } from '@/lib/open-api';
 
 export function getMDXComponents(components?: MDXComponents): MDXComponents {
   return {