[{"data":1,"prerenderedAt":634},["ShallowReactive",2],{"navigation_docs":3,"-getting-started-inspector":282,"-getting-started-inspector-surround":629},[4,40,70,99,122,156,189,253],{"title":5,"path":6,"stem":7,"children":8,"page":39},"Getting Started","\u002Fgetting-started","1.getting-started",[9,14,19,24,29,34],{"title":10,"path":11,"stem":12,"icon":13},"Introduction","\u002Fgetting-started\u002Fintroduction","1.getting-started\u002F1.introduction","i-lucide-book-open",{"title":15,"path":16,"stem":17,"icon":18},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",{"title":20,"path":21,"stem":22,"icon":23},"Configuration","\u002Fgetting-started\u002Fconfiguration","1.getting-started\u002F3.configuration","i-lucide-settings",{"title":25,"path":26,"stem":27,"icon":28},"Inspector","\u002Fgetting-started\u002Finspector","1.getting-started\u002F4.inspector","i-lucide-circuit-board",{"title":30,"path":31,"stem":32,"icon":33},"Connection","\u002Fgetting-started\u002Fconnection","1.getting-started\u002F5.connection","i-lucide-plug",{"title":35,"path":36,"stem":37,"icon":38},"Agent Skills","\u002Fgetting-started\u002Fagent-skills","1.getting-started\u002F6.agent-skills","i-lucide-sparkles",false,{"title":41,"path":42,"stem":43,"children":44,"page":39},"Tools","\u002Ftools","2.tools",[45,50,55,60,65],{"title":46,"path":47,"stem":48,"icon":49},"Overview","\u002Ftools\u002Foverview","2.tools\u002F0.overview","i-lucide-wrench",{"title":51,"path":52,"stem":53,"icon":54},"Schema, handler & returns","\u002Ftools\u002Fschema-handler","2.tools\u002F1.schema-handler","i-lucide-braces",{"title":56,"path":57,"stem":58,"icon":59},"Annotations & input examples","\u002Ftools\u002Fannotations","2.tools\u002F2.annotations","i-lucide-badge-info",{"title":61,"path":62,"stem":63,"icon":64},"Errors & caching","\u002Ftools\u002Ferrors-caching","2.tools\u002F3.errors-caching","i-lucide-shield",{"title":66,"path":67,"stem":68,"icon":69},"Groups, files & dynamic registration","\u002Ftools\u002Fgroups-organization","2.tools\u002F4.groups-organization","i-lucide-tags",{"title":71,"path":72,"stem":73,"children":74,"page":39},"Resources","\u002Fresources","3.resources",[75,79,84,89,94],{"title":46,"path":76,"stem":77,"icon":78},"\u002Fresources\u002Foverview","3.resources\u002F0.overview","i-lucide-package",{"title":80,"path":81,"stem":82,"icon":83},"Static resources & structure","\u002Fresources\u002Fstatic-and-structure","3.resources\u002F1.static-and-structure","i-lucide-file-stack",{"title":85,"path":86,"stem":87,"icon":88},"Templates & handlers","\u002Fresources\u002Ftemplates-and-handlers","3.resources\u002F2.templates-and-handlers","i-lucide-git-branch",{"title":90,"path":91,"stem":92,"icon":93},"Metadata, content & errors","\u002Fresources\u002Fcontent-metadata-errors","3.resources\u002F3.content-metadata-errors","i-lucide-layers",{"title":95,"path":96,"stem":97,"icon":98},"Groups & organization","\u002Fresources\u002Forganization","3.resources\u002F4.organization","i-lucide-folder-tree",{"title":100,"path":101,"stem":102,"children":103,"page":39},"Prompts","\u002Fprompts","4.prompts",[104,108,113,117],{"title":46,"path":105,"stem":106,"icon":107},"\u002Fprompts\u002Foverview","4.prompts\u002F0.overview","i-lucide-message-square",{"title":109,"path":110,"stem":111,"icon":112},"Authoring & structure","\u002Fprompts\u002Fauthoring","4.prompts\u002F1.authoring","i-lucide-pen-line",{"title":114,"path":115,"stem":116,"icon":93},"Input, handler & messages","\u002Fprompts\u002Finput-handler-messages","4.prompts\u002F2.input-handler-messages",{"title":118,"path":119,"stem":120,"icon":121},"Patterns & advanced","\u002Fprompts\u002Fpatterns-advanced","4.prompts\u002F3.patterns-advanced","i-lucide-line-chart",{"title":123,"path":124,"stem":125,"children":126,"page":39},"Handlers","\u002Fhandlers","5.handlers",[127,131,136,141,146,151],{"title":46,"path":128,"stem":129,"icon":130},"\u002Fhandlers\u002Foverview","5.handlers\u002F0.overview","i-lucide-server",{"title":132,"path":133,"stem":134,"icon":135},"Default & custom handlers","\u002Fhandlers\u002Fdefault-and-custom","5.handlers\u002F1.default-and-custom","i-lucide-toggle-left",{"title":137,"path":138,"stem":139,"icon":140},"Structure & options","\u002Fhandlers\u002Fstructure-and-options","5.handlers\u002F2.structure-and-options","i-lucide-sliders-horizontal",{"title":142,"path":143,"stem":144,"icon":145},"Examples & routing","\u002Fhandlers\u002Fexamples-routing","5.handlers\u002F3.examples-routing","i-lucide-route",{"title":147,"path":148,"stem":149,"icon":150},"Sharing & practices","\u002Fhandlers\u002Fsharing-practices","5.handlers\u002F4.sharing-practices","i-lucide-share-2",{"title":152,"path":153,"stem":154,"icon":155},"Multi-handler organization","\u002Fhandlers\u002Forganization","5.handlers\u002F5.organization","i-lucide-network",{"title":157,"path":158,"stem":159,"children":160,"page":39},"Apps","\u002Fapps","6.apps",[161,165,170,175,179,184],{"title":46,"path":162,"stem":163,"icon":164},"\u002Fapps\u002Foverview","6.apps\u002F0.overview","i-lucide-app-window",{"title":166,"path":167,"stem":168,"icon":169},"Authoring & defineMcpApp","\u002Fapps\u002Fauthoring","6.apps\u002F1.authoring","i-lucide-code-2",{"title":171,"path":172,"stem":173,"icon":174},"useMcpApp() bridge","\u002Fapps\u002Fuse-mcp-app","6.apps\u002F2.use-mcp-app","i-lucide-message-circle",{"title":176,"path":177,"stem":178,"icon":64},"CSP & build pipeline","\u002Fapps\u002Fcsp-and-wiring","6.apps\u002F3.csp-and-wiring",{"title":180,"path":181,"stem":182,"icon":183},"Testing & publishing","\u002Fapps\u002Ftesting-publishing","6.apps\u002F4.testing-publishing","i-lucide-rocket",{"title":185,"path":186,"stem":187,"icon":188},"Patterns & limits","\u002Fapps\u002Fpatterns-reference","6.apps\u002F5.patterns-reference","i-lucide-book-marked",{"title":190,"path":191,"stem":192,"children":193,"page":39},"Advanced Topics","\u002Fadvanced","7.advanced",[194,199,204,209,214,218,223,228,233,238,243,248],{"title":195,"path":196,"stem":197,"icon":198},"Custom Paths","\u002Fadvanced\u002Fcustom-paths","7.advanced\u002F1.custom-paths","i-lucide-folder",{"title":200,"path":201,"stem":202,"icon":203},"Logging","\u002Fadvanced\u002Flogging","7.advanced\u002F10.logging","i-lucide-scroll-text",{"title":205,"path":206,"stem":207,"icon":208},"MCP Apps Internals","\u002Fadvanced\u002Fmcp-apps-internals","7.advanced\u002F11.mcp-apps-internals","i-lucide-cog",{"title":210,"path":211,"stem":212,"icon":213},"Listing Definitions","\u002Fadvanced\u002Flisting-definitions","7.advanced\u002F12.listing-definitions","i-lucide-list",{"title":215,"path":216,"stem":217,"icon":64},"Middleware","\u002Fadvanced\u002Fmiddleware","7.advanced\u002F2.middleware",{"title":219,"path":220,"stem":221,"icon":222},"TypeScript","\u002Fadvanced\u002Ftypescript","7.advanced\u002F3.typescript","i-lucide-type",{"title":224,"path":225,"stem":226,"icon":227},"Hooks","\u002Fadvanced\u002Fhooks","7.advanced\u002F4.hooks","i-lucide-webhook",{"title":229,"path":230,"stem":231,"icon":232},"MCP Evals","\u002Fadvanced\u002Fevals","7.advanced\u002F5.evals","i-lucide-flask-conical",{"title":234,"path":235,"stem":236,"icon":237},"Sessions","\u002Fadvanced\u002Fsessions","7.advanced\u002F6.sessions","i-lucide-database",{"title":239,"path":240,"stem":241,"icon":242},"Dynamic Definitions","\u002Fadvanced\u002Fdynamic-definitions","7.advanced\u002F7.dynamic-definitions","i-lucide-toggle-right",{"title":244,"path":245,"stem":246,"icon":247},"Code Mode","\u002Fadvanced\u002Fcode-mode","7.advanced\u002F8.code-mode","i-lucide-code",{"title":249,"path":250,"stem":251,"icon":252},"Elicitation","\u002Fadvanced\u002Felicitation","7.advanced\u002F9.elicitation","i-lucide-message-square-quote",{"title":254,"path":255,"stem":256,"children":257,"page":39},"Examples","\u002Fexamples","8.examples",[258,263,268,273,278],{"title":259,"path":260,"stem":261,"icon":262},"Authentication","\u002Fexamples\u002Fauthentication","8.examples\u002F1.authentication","i-lucide-shield-check",{"title":264,"path":265,"stem":266,"icon":267},"API Integration","\u002Fexamples\u002Fapi-integration","8.examples\u002F2.api-integration","i-lucide-globe",{"title":269,"path":270,"stem":271,"icon":272},"Common Patterns","\u002Fexamples\u002Fcommon-patterns","8.examples\u002F3.common-patterns","i-lucide-lightbulb",{"title":274,"path":275,"stem":276,"icon":277},"File Operations","\u002Fexamples\u002Ffile-operations","8.examples\u002F4.file-operations","i-lucide-file",{"title":279,"path":280,"stem":281,"icon":107},"Prompt Examples","\u002Fexamples\u002Fprompt-examples","8.examples\u002F5.prompt-examples",{"id":283,"title":284,"body":285,"description":620,"extension":621,"links":622,"meta":623,"navigation":624,"path":26,"seo":625,"stem":27,"__hash__":628},"docs\u002F1.getting-started\u002F4.inspector.md","Debug with the MCP Inspector",{"type":286,"value":287,"toc":615},"minimark",[288,300,311,316,447,450,454,457,472,475,478,489,604,611],[289,290,291,292,299],"p",{},"The module includes a built-in integration with the ",[293,294,298],"a",{"href":295,"rel":296},"https:\u002F\u002Fgithub.com\u002Fmodelcontextprotocol\u002Finspector",[297],"nofollow","MCP Inspector",", a visual debugging tool that allows you to interactively test and debug your MCP server directly from Nuxt DevTools.",[301,302],"u-color-mode-image",{"alt":303,"className":304,"dark":309,"light":310},"MCP Inspector preview",[305,306,307,308],"w-full","rounded-lg","my-6","grayscale","\u002Fmcp-devtools-dark.png","\u002Fmcp-devtools-light.png",[312,313,315],"h2",{"id":314},"how-to-use-it","How to use it",[317,318,319,424,441],"ol",{},[320,321,322,326,327,331,332],"li",{},[323,324,325],"strong",{},"Enable DevTools"," - Make sure DevTools are enabled in your ",[328,329,330],"code",{},"nuxt.config.ts",":",[333,334,339],"pre",{"className":335,"code":336,"filename":330,"language":337,"meta":338,"style":338},"language-typescript shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineNuxtConfig({\n  modules: ['@nuxtjs\u002Fmcp-toolkit'],\n  devtools: { enabled: true },\n})\n","typescript","",[328,340,341,365,392,415],{"__ignoreMap":338},[342,343,346,350,353,357,361],"span",{"class":344,"line":345},"line",1,[342,347,349],{"class":348},"s7zQu","export",[342,351,352],{"class":348}," default",[342,354,356],{"class":355},"s2Zo4"," defineNuxtConfig",[342,358,360],{"class":359},"sTEyZ","(",[342,362,364],{"class":363},"sMK4o","{\n",[342,366,368,372,374,377,380,384,386,389],{"class":344,"line":367},2,[342,369,371],{"class":370},"swJcz","  modules",[342,373,331],{"class":363},[342,375,376],{"class":359}," [",[342,378,379],{"class":363},"'",[342,381,383],{"class":382},"sfazB","@nuxtjs\u002Fmcp-toolkit",[342,385,379],{"class":363},[342,387,388],{"class":359},"]",[342,390,391],{"class":363},",\n",[342,393,395,398,400,403,406,408,412],{"class":344,"line":394},3,[342,396,397],{"class":370},"  devtools",[342,399,331],{"class":363},[342,401,402],{"class":363}," {",[342,404,405],{"class":370}," enabled",[342,407,331],{"class":363},[342,409,411],{"class":410},"sfNiH"," true",[342,413,414],{"class":363}," },\n",[342,416,418,421],{"class":344,"line":417},4,[342,419,420],{"class":363},"}",[342,422,423],{"class":359},")\n",[320,425,426,429,430,432,433,436,437,440],{},[323,427,428],{},"Launch"," - Open Nuxt DevTools and navigate to the ",[323,431,298],{}," tab in the ",[323,434,435],{},"Server"," section, then click ",[323,438,439],{},"Launch Inspector",".",[320,442,443,446],{},[323,444,445],{},"Test"," - Use the inspector to browse tools, resources, and prompts, test them with custom parameters, and view request\u002Fresponse history.",[289,448,449],{},"The inspector automatically connects to your MCP server endpoint with the correct configuration - no setup needed.",[312,451,453],{"id":452},"why-use-it","Why use it?",[289,455,456],{},"The inspector provides a visual interface to:",[458,459,460,463,466,469],"ul",{},[320,461,462],{},"Browse all available tools, resources, and prompts",[320,464,465],{},"Test tools with custom parameters and see responses",[320,467,468],{},"View request\u002Fresponse history for debugging",[320,470,471],{},"Debug connection issues and errors",[289,473,474],{},"It's the easiest way to test and validate your MCP server during development.",[312,476,20],{"id":477},"configuration",[289,479,480,481,484,485,488],{},"By default, the inspector uses ports ",[328,482,483],{},"6274"," (UI) and ",[328,486,487],{},"6277"," (proxy). To customize them:",[490,491,492,526,554,579],"code-group",{},[333,493,498],{"className":494,"code":495,"filename":496,"language":497,"meta":338,"style":338},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","CLIENT_PORT=8080 SERVER_PORT=9000 pnpm dev\n","pnpm","bash",[328,499,500],{"__ignoreMap":338},[342,501,502,505,508,511,514,516,519,523],{"class":344,"line":345},[342,503,504],{"class":359},"CLIENT_PORT",[342,506,507],{"class":363},"=",[342,509,510],{"class":382},"8080",[342,512,513],{"class":359}," SERVER_PORT",[342,515,507],{"class":363},[342,517,518],{"class":382},"9000",[342,520,522],{"class":521},"sBMFI"," pnpm",[342,524,525],{"class":382}," dev\n",[333,527,530],{"className":494,"code":528,"filename":529,"language":497,"meta":338,"style":338},"CLIENT_PORT=8080 SERVER_PORT=9000 npm run dev\n","npm",[328,531,532],{"__ignoreMap":338},[342,533,534,536,538,540,542,544,546,549,552],{"class":344,"line":345},[342,535,504],{"class":359},[342,537,507],{"class":363},[342,539,510],{"class":382},[342,541,513],{"class":359},[342,543,507],{"class":363},[342,545,518],{"class":382},[342,547,548],{"class":521}," npm",[342,550,551],{"class":382}," run",[342,553,525],{"class":382},[333,555,558],{"className":494,"code":556,"filename":557,"language":497,"meta":338,"style":338},"CLIENT_PORT=8080 SERVER_PORT=9000 yarn dev\n","yarn",[328,559,560],{"__ignoreMap":338},[342,561,562,564,566,568,570,572,574,577],{"class":344,"line":345},[342,563,504],{"class":359},[342,565,507],{"class":363},[342,567,510],{"class":382},[342,569,513],{"class":359},[342,571,507],{"class":363},[342,573,518],{"class":382},[342,575,576],{"class":521}," yarn",[342,578,525],{"class":382},[333,580,583],{"className":494,"code":581,"filename":582,"language":497,"meta":338,"style":338},"CLIENT_PORT=8080 SERVER_PORT=9000 bun dev\n","bun",[328,584,585],{"__ignoreMap":338},[342,586,587,589,591,593,595,597,599,602],{"class":344,"line":345},[342,588,504],{"class":359},[342,590,507],{"class":363},[342,592,510],{"class":382},[342,594,513],{"class":359},[342,596,507],{"class":363},[342,598,518],{"class":382},[342,600,601],{"class":521}," bun",[342,603,525],{"class":382},[289,605,606,607,440],{},"For advanced configuration options, see the ",[293,608,610],{"href":295,"rel":609},[297],"MCP Inspector documentation",[612,613,614],"style",{},"html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}",{"title":338,"searchDepth":367,"depth":367,"links":616},[617,618,619],{"id":314,"depth":367,"text":315},{"id":452,"depth":367,"text":453},{"id":477,"depth":367,"text":20},"Visual debugging tool integrated into Nuxt DevTools.","md",null,{},{"title":25,"icon":28},{"title":626,"description":627},"Debug MCP servers with the built-in Inspector","Test tools, resources, and prompts visually from Nuxt DevTools using the bundled MCP Inspector — no setup, with request and response history.","3Sj550mVVUa7IKQlN6FlJKpZzmdPVspVntR4rxMVuYg",[630,632],{"title":20,"path":21,"stem":22,"description":631,"icon":23,"children":-1},"Configure the Nuxt MCP module to fit your needs.",{"title":30,"path":31,"stem":32,"description":633,"icon":33,"children":-1},"Connect AI assistants to your MCP server and add install buttons to your documentation.",1779212412667]