[{"data":1,"prerenderedAt":397},["ShallowReactive",2],{"navigation_docs":3,"-getting-started-inspector":127,"-getting-started-inspector-surround":392},[4,40,68,98],{"title":5,"path":6,"stem":7,"children":8,"page":39},"Getting Started","/getting-started","1.getting-started",[9,14,19,24,29,34],{"title":10,"path":11,"stem":12,"icon":13},"Introduction","/getting-started/introduction","1.getting-started/1.introduction","i-lucide-book-open",{"title":15,"path":16,"stem":17,"icon":18},"Installation","/getting-started/installation","1.getting-started/2.installation","i-lucide-download",{"title":20,"path":21,"stem":22,"icon":23},"Configuration","/getting-started/configuration","1.getting-started/3.configuration","i-lucide-settings",{"title":25,"path":26,"stem":27,"icon":28},"MCP Inspector","/getting-started/inspector","1.getting-started/4.inspector","i-lucide-circuit-board",{"title":30,"path":31,"stem":32,"icon":33},"Connection","/getting-started/connection","1.getting-started/5.connection","i-lucide-plug",{"title":35,"path":36,"stem":37,"icon":38},"Agent Skills","/getting-started/agent-skills","1.getting-started/6.agent-skills","i-lucide-sparkles",false,{"title":41,"path":42,"stem":43,"children":44,"page":39},"Core Concepts","/core-concepts","2.core-concepts",[45,48,53,58,63],{"title":20,"path":46,"stem":47,"icon":23},"/core-concepts/configuration","2.core-concepts/1.configuration",{"title":49,"path":50,"stem":51,"icon":52},"Tools","/core-concepts/tools","2.core-concepts/2.tools","i-lucide-wrench",{"title":54,"path":55,"stem":56,"icon":57},"Resources","/core-concepts/resources","2.core-concepts/3.resources","i-lucide-package",{"title":59,"path":60,"stem":61,"icon":62},"Prompts","/core-concepts/prompts","2.core-concepts/4.prompts","i-lucide-message-square",{"title":64,"path":65,"stem":66,"icon":67},"Handlers","/core-concepts/handlers","2.core-concepts/5.handlers","i-lucide-server",{"title":69,"path":70,"stem":71,"children":72,"page":39},"Advanced Topics","/advanced","3.advanced",[73,78,83,88,93],{"title":74,"path":75,"stem":76,"icon":77},"Custom Paths","/advanced/custom-paths","3.advanced/1.custom-paths","i-lucide-folder",{"title":79,"path":80,"stem":81,"icon":82},"Middleware","/advanced/middleware","3.advanced/2.middleware","i-lucide-shield",{"title":84,"path":85,"stem":86,"icon":87},"TypeScript","/advanced/typescript","3.advanced/3.typescript","i-lucide-type",{"title":89,"path":90,"stem":91,"icon":92},"Hooks","/advanced/hooks","3.advanced/4.hooks","i-lucide-webhook",{"title":94,"path":95,"stem":96,"icon":97},"MCP Evals","/advanced/evals","3.advanced/5.evals","i-lucide-flask-conical",{"title":99,"path":100,"stem":101,"children":102,"page":39},"Examples","/examples","4.examples",[103,108,113,118,123],{"title":104,"path":105,"stem":106,"icon":107},"Authentication","/examples/authentication","4.examples/1.authentication","i-lucide-shield-check",{"title":109,"path":110,"stem":111,"icon":112},"API Integration","/examples/api-integration","4.examples/2.api-integration","i-lucide-globe",{"title":114,"path":115,"stem":116,"icon":117},"Common Patterns","/examples/common-patterns","4.examples/3.common-patterns","i-lucide-lightbulb",{"title":119,"path":120,"stem":121,"icon":122},"File Operations","/examples/file-operations","4.examples/4.file-operations","i-lucide-file",{"title":124,"path":125,"stem":126,"icon":62},"Prompt Examples","/examples/prompt-examples","4.examples/5.prompt-examples",{"id":128,"title":25,"body":129,"description":384,"extension":385,"links":386,"meta":387,"navigation":388,"path":26,"seo":389,"stem":27,"__hash__":391},"docs/1.getting-started/4.inspector.md",{"type":130,"value":131,"toc":379},"minimark",[132,143,154,159,290,293,297,300,315,318,321,332,368,375],[133,134,135,136,142],"p",{},"The module includes a built-in integration with the ",[137,138,25],"a",{"href":139,"rel":140},"https://github.com/modelcontextprotocol/inspector",[141],"nofollow",", a visual debugging tool that allows you to interactively test and debug your MCP server directly from Nuxt DevTools.",[144,145],"u-color-mode-image",{"alt":146,"className":147,"dark":152,"light":153},"MCP Inspector preview",[148,149,150,151],"w-full","rounded-lg","my-6","grayscale","/mcp-devtools-dark.png","/mcp-devtools-light.png",[155,156,158],"h2",{"id":157},"how-to-use-it","How to use it",[160,161,162,267,284],"ol",{},[163,164,165,169,170,174,175],"li",{},[166,167,168],"strong",{},"Enable DevTools"," - Make sure DevTools are enabled in your ",[171,172,173],"code",{},"nuxt.config.ts",":",[176,177,182],"pre",{"className":178,"code":179,"filename":173,"language":180,"meta":181,"style":181},"language-typescript shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineNuxtConfig({\n  modules: ['@nuxtjs/mcp-toolkit'],\n  devtools: { enabled: true },\n})\n","typescript","",[171,183,184,208,235,258],{"__ignoreMap":181},[185,186,189,193,196,200,204],"span",{"class":187,"line":188},"line",1,[185,190,192],{"class":191},"s7zQu","export",[185,194,195],{"class":191}," default",[185,197,199],{"class":198},"s2Zo4"," defineNuxtConfig",[185,201,203],{"class":202},"sTEyZ","(",[185,205,207],{"class":206},"sMK4o","{\n",[185,209,211,215,217,220,223,227,229,232],{"class":187,"line":210},2,[185,212,214],{"class":213},"swJcz","  modules",[185,216,174],{"class":206},[185,218,219],{"class":202}," [",[185,221,222],{"class":206},"'",[185,224,226],{"class":225},"sfazB","@nuxtjs/mcp-toolkit",[185,228,222],{"class":206},[185,230,231],{"class":202},"]",[185,233,234],{"class":206},",\n",[185,236,238,241,243,246,249,251,255],{"class":187,"line":237},3,[185,239,240],{"class":213},"  devtools",[185,242,174],{"class":206},[185,244,245],{"class":206}," {",[185,247,248],{"class":213}," enabled",[185,250,174],{"class":206},[185,252,254],{"class":253},"sfNiH"," true",[185,256,257],{"class":206}," },\n",[185,259,261,264],{"class":187,"line":260},4,[185,262,263],{"class":206},"}",[185,265,266],{"class":202},")\n",[163,268,269,272,273,275,276,279,280,283],{},[166,270,271],{},"Launch"," - Open Nuxt DevTools and navigate to the ",[166,274,25],{}," tab in the ",[166,277,278],{},"Server"," section, then click ",[166,281,282],{},"Launch Inspector",".",[163,285,286,289],{},[166,287,288],{},"Test"," - Use the inspector to browse tools, resources, and prompts, test them with custom parameters, and view request/response history.",[133,291,292],{},"The inspector automatically connects to your MCP server endpoint with the correct configuration - no setup needed.",[155,294,296],{"id":295},"why-use-it","Why use it?",[133,298,299],{},"The inspector provides a visual interface to:",[301,302,303,306,309,312],"ul",{},[163,304,305],{},"Browse all available tools, resources, and prompts",[163,307,308],{},"Test tools with custom parameters and see responses",[163,310,311],{},"View request/response history for debugging",[163,313,314],{},"Debug connection issues and errors",[133,316,317],{},"It's the easiest way to test and validate your MCP server during development.",[155,319,20],{"id":320},"configuration",[133,322,323,324,327,328,331],{},"By default, the inspector uses ports ",[171,325,326],{},"6274"," (UI) and ",[171,329,330],{},"6277"," (proxy). To customize them:",[176,333,337],{"className":334,"code":335,"language":336,"meta":181,"style":181},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","CLIENT_PORT=8080 SERVER_PORT=9000 npm run dev\n","bash",[171,338,339],{"__ignoreMap":181},[185,340,341,344,347,350,353,355,358,362,365],{"class":187,"line":188},[185,342,343],{"class":202},"CLIENT_PORT",[185,345,346],{"class":206},"=",[185,348,349],{"class":225},"8080",[185,351,352],{"class":202}," SERVER_PORT",[185,354,346],{"class":206},[185,356,357],{"class":225},"9000",[185,359,361],{"class":360},"sBMFI"," npm",[185,363,364],{"class":225}," run",[185,366,367],{"class":225}," dev\n",[133,369,370,371,283],{},"For advanced configuration options, see the ",[137,372,374],{"href":139,"rel":373},[141],"MCP Inspector documentation",[376,377,378],"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":181,"searchDepth":210,"depth":210,"links":380},[381,382,383],{"id":157,"depth":210,"text":158},{"id":295,"depth":210,"text":296},{"id":320,"depth":210,"text":20},"Visual debugging tool integrated into Nuxt DevTools","md",null,{},{"icon":28},{"title":25,"description":390},"Use the built-in MCP Inspector to test and debug your MCP server.","9X42hkBNhnS5VsuFSr-5XokyYcrP5hxBV222D81RSJY",[393,395],{"title":20,"path":21,"stem":22,"description":394,"icon":23,"children":-1},"Configure the Nuxt MCP module to fit your needs.",{"title":30,"path":31,"stem":32,"description":396,"icon":33,"children":-1},"Connect AI assistants to your MCP server and add install buttons to your documentation.",1773221529934]