[{"data":1,"prerenderedAt":667},["ShallowReactive",2],{"navigation_docs":3,"-getting-started-inspector":287,"-getting-started-inspector-surround":662},[4,40,70,99,122,156,189,258],{"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,219,223,228,233,238,243,248,253],{"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":218},"llms.txt discovery","\u002Fadvanced\u002Fllms-txt","7.advanced\u002F13.llms-txt","i-lucide-file-text",{"title":220,"path":221,"stem":222,"icon":64},"Middleware","\u002Fadvanced\u002Fmiddleware","7.advanced\u002F2.middleware",{"title":224,"path":225,"stem":226,"icon":227},"TypeScript","\u002Fadvanced\u002Ftypescript","7.advanced\u002F3.typescript","i-lucide-type",{"title":229,"path":230,"stem":231,"icon":232},"Hooks","\u002Fadvanced\u002Fhooks","7.advanced\u002F4.hooks","i-lucide-webhook",{"title":234,"path":235,"stem":236,"icon":237},"MCP Evals","\u002Fadvanced\u002Fevals","7.advanced\u002F5.evals","i-lucide-flask-conical",{"title":239,"path":240,"stem":241,"icon":242},"Sessions","\u002Fadvanced\u002Fsessions","7.advanced\u002F6.sessions","i-lucide-database",{"title":244,"path":245,"stem":246,"icon":247},"Dynamic Definitions","\u002Fadvanced\u002Fdynamic-definitions","7.advanced\u002F7.dynamic-definitions","i-lucide-toggle-right",{"title":249,"path":250,"stem":251,"icon":252},"Code Mode","\u002Fadvanced\u002Fcode-mode","7.advanced\u002F8.code-mode","i-lucide-code",{"title":254,"path":255,"stem":256,"icon":257},"Elicitation","\u002Fadvanced\u002Felicitation","7.advanced\u002F9.elicitation","i-lucide-message-square-quote",{"title":259,"path":260,"stem":261,"children":262,"page":39},"Examples","\u002Fexamples","8.examples",[263,268,273,278,283],{"title":264,"path":265,"stem":266,"icon":267},"Authentication","\u002Fexamples\u002Fauthentication","8.examples\u002F1.authentication","i-lucide-shield-check",{"title":269,"path":270,"stem":271,"icon":272},"API Integration","\u002Fexamples\u002Fapi-integration","8.examples\u002F2.api-integration","i-lucide-globe",{"title":274,"path":275,"stem":276,"icon":277},"Common Patterns","\u002Fexamples\u002Fcommon-patterns","8.examples\u002F3.common-patterns","i-lucide-lightbulb",{"title":279,"path":280,"stem":281,"icon":282},"File Operations","\u002Fexamples\u002Ffile-operations","8.examples\u002F4.file-operations","i-lucide-file",{"title":284,"path":285,"stem":286,"icon":107},"Prompt Examples","\u002Fexamples\u002Fprompt-examples","8.examples\u002F5.prompt-examples",{"id":288,"title":289,"body":290,"description":653,"extension":654,"links":655,"meta":656,"navigation":657,"path":26,"seo":658,"stem":27,"__hash__":661},"docs\u002F1.getting-started\u002F4.inspector.md","Debug with the MCP Inspector",{"type":291,"value":292,"toc":648},"minimark",[293,305,316,321,456,463,467,470,485,488,491,502,617,636,644],[294,295,296,297,304],"p",{},"The module includes a built-in integration with the ",[298,299,303],"a",{"href":300,"rel":301},"https:\u002F\u002Fgithub.com\u002Fmodelcontextprotocol\u002Finspector",[302],"nofollow","MCP Inspector",", a visual debugging tool that allows you to interactively test and debug your MCP server directly from Nuxt DevTools.",[306,307],"u-color-mode-image",{"alt":308,"className":309,"dark":314,"light":315},"MCP Inspector preview",[310,311,312,313],"w-full","rounded-lg","my-6","grayscale","\u002Fmcp-devtools-dark.png","\u002Fmcp-devtools-light.png",[317,318,320],"h2",{"id":319},"how-to-use-it","How to use it",[322,323,324,429,450],"ol",{},[325,326,327,331,332,336,337],"li",{},[328,329,330],"strong",{},"Enable DevTools"," - Make sure DevTools are enabled in your ",[333,334,335],"code",{},"nuxt.config.ts",":",[338,339,344],"pre",{"className":340,"code":341,"filename":335,"language":342,"meta":343,"style":343},"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","",[333,345,346,370,397,420],{"__ignoreMap":343},[347,348,351,355,358,362,366],"span",{"class":349,"line":350},"line",1,[347,352,354],{"class":353},"s7zQu","export",[347,356,357],{"class":353}," default",[347,359,361],{"class":360},"s2Zo4"," defineNuxtConfig",[347,363,365],{"class":364},"sTEyZ","(",[347,367,369],{"class":368},"sMK4o","{\n",[347,371,373,377,379,382,385,389,391,394],{"class":349,"line":372},2,[347,374,376],{"class":375},"swJcz","  modules",[347,378,336],{"class":368},[347,380,381],{"class":364}," [",[347,383,384],{"class":368},"'",[347,386,388],{"class":387},"sfazB","@nuxtjs\u002Fmcp-toolkit",[347,390,384],{"class":368},[347,392,393],{"class":364},"]",[347,395,396],{"class":368},",\n",[347,398,400,403,405,408,411,413,417],{"class":349,"line":399},3,[347,401,402],{"class":375},"  devtools",[347,404,336],{"class":368},[347,406,407],{"class":368}," {",[347,409,410],{"class":375}," enabled",[347,412,336],{"class":368},[347,414,416],{"class":415},"sfNiH"," true",[347,418,419],{"class":368}," },\n",[347,421,423,426],{"class":349,"line":422},4,[347,424,425],{"class":368},"}",[347,427,428],{"class":364},")\n",[325,430,431,434,435,437,438,441,442,445,446,449],{},[328,432,433],{},"Launch"," - Open Nuxt DevTools and navigate to the ",[328,436,303],{}," tab in the ",[328,439,440],{},"Server"," section, then click ",[328,443,444],{},"Launch Inspector",". The official inspector is a full-page app, so it opens in a ",[328,447,448],{},"new browser tab"," rather than inside the DevTools panel.",[325,451,452,455],{},[328,453,454],{},"Test"," - Use the inspector to browse tools, resources, and prompts, test them with custom parameters, and view request\u002Fresponse history.",[294,457,458,459,462],{},"The inspector automatically connects to your MCP server endpoint with the correct configuration - no setup needed. After launch, the DevTools tab keeps an ",[328,460,461],{},"Open Inspector"," link if you closed the window.",[317,464,466],{"id":465},"why-use-it","Why use it?",[294,468,469],{},"The inspector provides a visual interface to:",[471,472,473,476,479,482],"ul",{},[325,474,475],{},"Browse all available tools, resources, and prompts",[325,477,478],{},"Test tools with custom parameters and see responses",[325,480,481],{},"View request\u002Fresponse history for debugging",[325,483,484],{},"Debug connection issues and errors",[294,486,487],{},"It's the easiest way to test and validate your MCP server during development.",[317,489,20],{"id":490},"configuration",[294,492,493,494,497,498,501],{},"By default, the inspector uses ports ",[333,495,496],{},"6274"," (UI) and ",[333,499,500],{},"6277"," (proxy). To customize them:",[503,504,505,539,567,592],"code-group",{},[338,506,511],{"className":507,"code":508,"filename":509,"language":510,"meta":343,"style":343},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","CLIENT_PORT=8080 SERVER_PORT=9000 pnpm dev\n","pnpm","bash",[333,512,513],{"__ignoreMap":343},[347,514,515,518,521,524,527,529,532,536],{"class":349,"line":350},[347,516,517],{"class":364},"CLIENT_PORT",[347,519,520],{"class":368},"=",[347,522,523],{"class":387},"8080",[347,525,526],{"class":364}," SERVER_PORT",[347,528,520],{"class":368},[347,530,531],{"class":387},"9000",[347,533,535],{"class":534},"sBMFI"," pnpm",[347,537,538],{"class":387}," dev\n",[338,540,543],{"className":507,"code":541,"filename":542,"language":510,"meta":343,"style":343},"CLIENT_PORT=8080 SERVER_PORT=9000 npm run dev\n","npm",[333,544,545],{"__ignoreMap":343},[347,546,547,549,551,553,555,557,559,562,565],{"class":349,"line":350},[347,548,517],{"class":364},[347,550,520],{"class":368},[347,552,523],{"class":387},[347,554,526],{"class":364},[347,556,520],{"class":368},[347,558,531],{"class":387},[347,560,561],{"class":534}," npm",[347,563,564],{"class":387}," run",[347,566,538],{"class":387},[338,568,571],{"className":507,"code":569,"filename":570,"language":510,"meta":343,"style":343},"CLIENT_PORT=8080 SERVER_PORT=9000 yarn dev\n","yarn",[333,572,573],{"__ignoreMap":343},[347,574,575,577,579,581,583,585,587,590],{"class":349,"line":350},[347,576,517],{"class":364},[347,578,520],{"class":368},[347,580,523],{"class":387},[347,582,526],{"class":364},[347,584,520],{"class":368},[347,586,531],{"class":387},[347,588,589],{"class":534}," yarn",[347,591,538],{"class":387},[338,593,596],{"className":507,"code":594,"filename":595,"language":510,"meta":343,"style":343},"CLIENT_PORT=8080 SERVER_PORT=9000 bun dev\n","bun",[333,597,598],{"__ignoreMap":343},[347,599,600,602,604,606,608,610,612,615],{"class":349,"line":350},[347,601,517],{"class":364},[347,603,520],{"class":368},[347,605,523],{"class":387},[347,607,526],{"class":364},[347,609,520],{"class":368},[347,611,531],{"class":387},[347,613,614],{"class":534}," bun",[347,616,538],{"class":387},[294,618,619,620,623,624,627,628,631,632,635],{},"Launch always downloads ",[333,621,622],{},"@modelcontextprotocol\u002Finspector"," from ",[333,625,626],{},"https:\u002F\u002Fregistry.npmjs.org",", so a private npm registry in your user ",[333,629,630],{},".npmrc"," cannot 401 the install. Override with ",[333,633,634],{},"MCP_INSPECTOR_REGISTRY"," if you need a mirror.",[294,637,638,639,643],{},"For advanced configuration options, see the ",[298,640,642],{"href":300,"rel":641},[302],"MCP Inspector documentation",".",[645,646,647],"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":343,"searchDepth":372,"depth":372,"links":649},[650,651,652],{"id":319,"depth":372,"text":320},{"id":465,"depth":372,"text":466},{"id":490,"depth":372,"text":20},"Visual debugging tool integrated into Nuxt DevTools.","md",null,{},{"title":25,"icon":28},{"title":659,"description":660},"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.","sr0lYz_FDmnakdlphbYAj5qKtYwCaDroqsMmR9zTj2U",[663,665],{"title":20,"path":21,"stem":22,"description":664,"icon":23,"children":-1},"Configure the Nuxt MCP module to fit your needs.",{"title":30,"path":31,"stem":32,"description":666,"icon":33,"children":-1},"Connect AI assistants to your MCP server and add install buttons to your documentation.",1787670839424]