mirror of
https://github.com/nuxt/ui.git
synced 2026-09-14 19:51:10 +08:00
Benjamin Canac
35 lines
1.2 KiB
TypeScript
35 lines
1.2 KiB
TypeScript
import { z } from 'zod'
|
|
import { camelCase } from 'scule'
|
|
|
|
export default defineMcpTool({
|
|
description: 'Retrieves specific UI example implementation code and details',
|
|
annotations: {
|
|
readOnlyHint: true,
|
|
destructiveHint: false,
|
|
idempotentHint: true,
|
|
openWorldHint: false
|
|
},
|
|
inputSchema: {
|
|
exampleName: z.string().describe('The name of the example (PascalCase)')
|
|
},
|
|
inputExamples: [
|
|
{ exampleName: 'TabsExample' },
|
|
{ exampleName: 'AccordionBodySlotExample' }
|
|
],
|
|
cache: '30m',
|
|
async handler({ exampleName }) {
|
|
try {
|
|
// Examples are prerendered under their camelCase name, the dynamic route accepts any case
|
|
const result = await $fetch<{ code: string }>(`/api/component-example/${camelCase(exampleName)}.json`)
|
|
return result.code
|
|
} catch (error: unknown) {
|
|
const err = error as { statusCode?: number, response?: { status?: number } }
|
|
const status = err?.statusCode ?? err?.response?.status
|
|
if (status === 404) {
|
|
throw createError({ statusCode: 404, message: `Example '${exampleName}' not found. Use the list-examples tool to see all available examples.` })
|
|
}
|
|
throw error
|
|
}
|
|
}
|
|
})
|