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