[{"data":1,"prerenderedAt":1413},["ShallowReactive",2],{"navigation_docs":3,"-getting-started-connection":139,"-getting-started-connection-surround":1408},[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":30,"body":141,"description":1400,"extension":604,"links":1401,"meta":1402,"navigation":1403,"path":31,"seo":1404,"stem":32,"__hash__":1407},"docs\u002F1.getting-started\u002F5.connection.md",{"type":142,"value":143,"toc":1373},"minimark",[144,149,153,156,160,165,168,173,181,275,279,282,285,291,375,384,388,395,399,443,447,585,589,600,717,721,815,819,822,874,877,913,917,920,924,927,960,964,967,1002,1005,1009,1037,1041,1086,1090,1198,1202,1208,1234,1239,1266,1271,1297,1307,1311,1314,1317,1325,1331,1334,1340,1346,1350,1369],[145,146,148],"h2",{"id":147},"overview","Overview",[150,151,152],"p",{},"Once your MCP server is running, you can connect AI assistants like Cursor, VS Code, and ChatGPT to use your tools, resources, and prompts.",[150,154,155],{},"The module also provides components and routes to help your users install your MCP server in one click.",[145,157,159],{"id":158},"connect-your-ide","Connect Your IDE",[161,162,164],"h3",{"id":163},"cursor","Cursor",[150,166,167],{},"Click the button below to add your local MCP server to Cursor:",[169,170],"install-button",{"ide":163,"name":171,"url":172},"local-mcp","http:\u002F\u002Flocalhost:3000\u002Fmcp",[150,174,175,176,180],{},"Or manually add it to your Cursor settings (",[177,178,179],"code",{},"~\u002F.cursor\u002Fmcp.json","):",[182,183,188],"pre",{"className":184,"code":185,"filename":179,"language":186,"meta":187,"style":187},"language-json shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","{\n  \"mcpServers\": {\n    \"my-nuxt-app\": {\n      \"url\": \"http:\u002F\u002Flocalhost:3000\u002Fmcp\"\n    }\n  }\n}\n","json","",[177,189,190,199,218,234,257,263,269],{"__ignoreMap":187},[191,192,195],"span",{"class":193,"line":194},"line",1,[191,196,198],{"class":197},"sMK4o","{\n",[191,200,202,205,209,212,215],{"class":193,"line":201},2,[191,203,204],{"class":197},"  \"",[191,206,208],{"class":207},"spNyl","mcpServers",[191,210,211],{"class":197},"\"",[191,213,214],{"class":197},":",[191,216,217],{"class":197}," {\n",[191,219,221,224,228,230,232],{"class":193,"line":220},3,[191,222,223],{"class":197},"    \"",[191,225,227],{"class":226},"sBMFI","my-nuxt-app",[191,229,211],{"class":197},[191,231,214],{"class":197},[191,233,217],{"class":197},[191,235,237,240,244,246,248,251,254],{"class":193,"line":236},4,[191,238,239],{"class":197},"      \"",[191,241,243],{"class":242},"sbssI","url",[191,245,211],{"class":197},[191,247,214],{"class":197},[191,249,250],{"class":197}," \"",[191,252,172],{"class":253},"sfazB",[191,255,256],{"class":197},"\"\n",[191,258,260],{"class":193,"line":259},5,[191,261,262],{"class":197},"    }\n",[191,264,266],{"class":193,"line":265},6,[191,267,268],{"class":197},"  }\n",[191,270,272],{"class":193,"line":271},7,[191,273,274],{"class":197},"}\n",[161,276,278],{"id":277},"vs-code","VS Code",[150,280,281],{},"Click the button below to add your local MCP server to VS Code:",[169,283],{"ide":284,"name":171,"url":172},"vscode",[150,286,287,288,180],{},"Or manually add the server to your VS Code MCP configuration (",[177,289,290],{},".vscode\u002Fmcp.json",[182,292,294],{"className":184,"code":293,"filename":290,"language":186,"meta":187,"style":187},"{\n  \"servers\": {\n    \"my-nuxt-app\": {\n      \"type\": \"http\",\n      \"url\": \"http:\u002F\u002Flocalhost:3000\u002Fmcp\"\n    }\n  }\n}\n",[177,295,296,300,313,325,346,362,366,370],{"__ignoreMap":187},[191,297,298],{"class":193,"line":194},[191,299,198],{"class":197},[191,301,302,304,307,309,311],{"class":193,"line":201},[191,303,204],{"class":197},[191,305,306],{"class":207},"servers",[191,308,211],{"class":197},[191,310,214],{"class":197},[191,312,217],{"class":197},[191,314,315,317,319,321,323],{"class":193,"line":220},[191,316,223],{"class":197},[191,318,227],{"class":226},[191,320,211],{"class":197},[191,322,214],{"class":197},[191,324,217],{"class":197},[191,326,327,329,332,334,336,338,341,343],{"class":193,"line":236},[191,328,239],{"class":197},[191,330,331],{"class":242},"type",[191,333,211],{"class":197},[191,335,214],{"class":197},[191,337,250],{"class":197},[191,339,340],{"class":253},"http",[191,342,211],{"class":197},[191,344,345],{"class":197},",\n",[191,347,348,350,352,354,356,358,360],{"class":193,"line":259},[191,349,239],{"class":197},[191,351,243],{"class":242},[191,353,211],{"class":197},[191,355,214],{"class":197},[191,357,250],{"class":197},[191,359,172],{"class":253},[191,361,256],{"class":197},[191,363,364],{"class":193,"line":265},[191,365,262],{"class":197},[191,367,368],{"class":193,"line":271},[191,369,268],{"class":197},[191,371,373],{"class":193,"line":372},8,[191,374,274],{"class":197},[376,377,380,381,383],"callout",{"color":378,"icon":379},"info","i-lucide-info","Replace ",[177,382,227],{}," with your project name and update the URL if you're using a custom route or port.",[145,385,387],{"id":386},"installbutton-component","InstallButton Component",[150,389,390,391,394],{},"The module provides an ",[177,392,393],{},"InstallButton"," component that you can use in your documentation to let users install your MCP server in one click.",[161,396,398],{"id":397},"supported-ides","Supported IDEs",[400,401,402,418],"table",{},[403,404,405],"thead",{},[406,407,408,412,415],"tr",{},[409,410,411],"th",{},"IDE",[409,413,414],{},"Value",[409,416,417],{},"Status",[419,420,421,433],"tbody",{},[406,422,423,426,430],{},[424,425,164],"td",{},[424,427,428],{},[177,429,163],{},[424,431,432],{},"Supported",[406,434,435,437,441],{},[424,436,278],{},[424,438,439],{},[177,440,284],{},[424,442,432],{},[161,444,446],{"id":445},"in-vue-templates","In Vue Templates",[182,448,452],{"className":449,"code":450,"language":451,"meta":187,"style":187},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n  \u003C!-- Cursor (default) -->\n  \u003CInstallButton url=\"https:\u002F\u002Fmy-app.com\u002Fmcp\" \u002F>\n\n  \u003C!-- VS Code -->\n  \u003CInstallButton url=\"https:\u002F\u002Fmy-app.com\u002Fmcp\" ide=\"vscode\" \u002F>\n\n  \u003C!-- Custom label -->\n  \u003CInstallButton url=\"https:\u002F\u002Fmy-app.com\u002Fmcp\" label=\"Add to Cursor\" \u002F>\n\u003C\u002Ftemplate>\n","vue",[177,453,454,466,472,495,501,506,535,539,544,575],{"__ignoreMap":187},[191,455,456,459,463],{"class":193,"line":194},[191,457,458],{"class":197},"\u003C",[191,460,462],{"class":461},"swJcz","template",[191,464,465],{"class":197},">\n",[191,467,468],{"class":193,"line":201},[191,469,471],{"class":470},"sHwdD","  \u003C!-- Cursor (default) -->\n",[191,473,474,477,479,482,485,487,490,492],{"class":193,"line":220},[191,475,476],{"class":197},"  \u003C",[191,478,393],{"class":461},[191,480,481],{"class":207}," url",[191,483,484],{"class":197},"=",[191,486,211],{"class":197},[191,488,489],{"class":253},"https:\u002F\u002Fmy-app.com\u002Fmcp",[191,491,211],{"class":197},[191,493,494],{"class":197}," \u002F>\n",[191,496,497],{"class":193,"line":236},[191,498,500],{"emptyLinePlaceholder":499},true,"\n",[191,502,503],{"class":193,"line":259},[191,504,505],{"class":470},"  \u003C!-- VS Code -->\n",[191,507,508,510,512,514,516,518,520,522,525,527,529,531,533],{"class":193,"line":265},[191,509,476],{"class":197},[191,511,393],{"class":461},[191,513,481],{"class":207},[191,515,484],{"class":197},[191,517,211],{"class":197},[191,519,489],{"class":253},[191,521,211],{"class":197},[191,523,524],{"class":207}," ide",[191,526,484],{"class":197},[191,528,211],{"class":197},[191,530,284],{"class":253},[191,532,211],{"class":197},[191,534,494],{"class":197},[191,536,537],{"class":193,"line":271},[191,538,500],{"emptyLinePlaceholder":499},[191,540,541],{"class":193,"line":372},[191,542,543],{"class":470},"  \u003C!-- Custom label -->\n",[191,545,547,549,551,553,555,557,559,561,564,566,568,571,573],{"class":193,"line":546},9,[191,548,476],{"class":197},[191,550,393],{"class":461},[191,552,481],{"class":207},[191,554,484],{"class":197},[191,556,211],{"class":197},[191,558,489],{"class":253},[191,560,211],{"class":197},[191,562,563],{"class":207}," label",[191,565,484],{"class":197},[191,567,211],{"class":197},[191,569,570],{"class":253},"Add to Cursor",[191,572,211],{"class":197},[191,574,494],{"class":197},[191,576,578,581,583],{"class":193,"line":577},10,[191,579,580],{"class":197},"\u003C\u002F",[191,582,462],{"class":461},[191,584,465],{"class":197},[161,586,588],{"id":587},"in-markdown-mdc-syntax","In Markdown (MDC Syntax)",[150,590,591,592,599],{},"If you're using ",[593,594,598],"a",{"href":595,"rel":596},"https:\u002F\u002Fcontent.nuxt.com",[597],"nofollow","Nuxt Content",", use the MDC syntax:",[182,601,605],{"className":602,"code":603,"language":604,"meta":187,"style":187},"language-md shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003C!-- Cursor (default) -->\n::install-button\n---\nurl: \"https:\u002F\u002Fmy-app.com\u002Fmcp\"\n---\n::\n\n\u003C!-- VS Code -->\n::install-button\n---\nurl: \"https:\u002F\u002Fmy-app.com\u002Fmcp\"\nide: \"vscode\"\n---\n::\n\n\u003C!-- With custom label -->\n::install-button\n---\nurl: \"https:\u002F\u002Fmy-app.com\u002Fmcp\"\nlabel: \"Add to Cursor\"\n---\n::\n","md",[177,606,607,612,618,623,628,632,637,641,646,650,654,659,665,670,675,680,686,691,696,701,707,712],{"__ignoreMap":187},[191,608,609],{"class":193,"line":194},[191,610,611],{"class":470},"\u003C!-- Cursor (default) -->\n",[191,613,614],{"class":193,"line":201},[191,615,617],{"class":616},"sTEyZ","::install-button\n",[191,619,620],{"class":193,"line":220},[191,621,622],{"class":197},"---\n",[191,624,625],{"class":193,"line":236},[191,626,627],{"class":616},"url: \"https:\u002F\u002Fmy-app.com\u002Fmcp\"\n",[191,629,630],{"class":193,"line":259},[191,631,622],{"class":197},[191,633,634],{"class":193,"line":265},[191,635,636],{"class":616},"::\n",[191,638,639],{"class":193,"line":271},[191,640,500],{"emptyLinePlaceholder":499},[191,642,643],{"class":193,"line":372},[191,644,645],{"class":470},"\u003C!-- VS Code -->\n",[191,647,648],{"class":193,"line":546},[191,649,617],{"class":616},[191,651,652],{"class":193,"line":577},[191,653,622],{"class":197},[191,655,657],{"class":193,"line":656},11,[191,658,627],{"class":616},[191,660,662],{"class":193,"line":661},12,[191,663,664],{"class":616},"ide: \"vscode\"\n",[191,666,668],{"class":193,"line":667},13,[191,669,622],{"class":197},[191,671,673],{"class":193,"line":672},14,[191,674,636],{"class":616},[191,676,678],{"class":193,"line":677},15,[191,679,500],{"emptyLinePlaceholder":499},[191,681,683],{"class":193,"line":682},16,[191,684,685],{"class":470},"\u003C!-- With custom label -->\n",[191,687,689],{"class":193,"line":688},17,[191,690,617],{"class":616},[191,692,694],{"class":193,"line":693},18,[191,695,622],{"class":197},[191,697,699],{"class":193,"line":698},19,[191,700,627],{"class":616},[191,702,704],{"class":193,"line":703},20,[191,705,706],{"class":616},"label: \"Add to Cursor\"\n",[191,708,710],{"class":193,"line":709},21,[191,711,622],{"class":197},[191,713,715],{"class":193,"line":714},22,[191,716,636],{"class":616},[161,718,720],{"id":719},"props-reference","Props Reference",[400,722,723,739],{},[403,724,725],{},[406,726,727,730,733,736],{},[409,728,729],{},"Prop",[409,731,732],{},"Type",[409,734,735],{},"Default",[409,737,738],{},"Description",[419,740,741,758,778,795],{},[406,742,743,747,752,755],{},[424,744,745],{},[177,746,243],{},[424,748,749],{},[177,750,751],{},"string",[424,753,754],{},"required",[424,756,757],{},"URL of the MCP server endpoint",[406,759,760,765,770,775],{},[424,761,762],{},[177,763,764],{},"ide",[424,766,767],{},[177,768,769],{},"'cursor' | 'vscode'",[424,771,772],{},[177,773,774],{},"'cursor'",[424,776,777],{},"Target IDE",[406,779,780,785,789,792],{},[424,781,782],{},[177,783,784],{},"label",[424,786,787],{},[177,788,751],{},[424,790,791],{},"Auto-generated",[424,793,794],{},"Button label",[406,796,797,802,807,812],{},[424,798,799],{},[177,800,801],{},"showIcon",[424,803,804],{},[177,805,806],{},"boolean",[424,808,809],{},[177,810,811],{},"true",[424,813,814],{},"Show the IDE icon",[161,816,818],{"id":817},"customization","Customization",[150,820,821],{},"The component uses CSS classes that you can override:",[182,823,827],{"className":824,"code":825,"language":826,"meta":187,"style":187},"language-css shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u002F* Override default styles *\u002F\n.mcp-install-button {\n  background-color: #your-brand-color;\n  border-radius: 9999px;\n}\n","css",[177,828,829,834,844,858,870],{"__ignoreMap":187},[191,830,831],{"class":193,"line":194},[191,832,833],{"class":470},"\u002F* Override default styles *\u002F\n",[191,835,836,839,842],{"class":193,"line":201},[191,837,838],{"class":197},".",[191,840,841],{"class":226},"mcp-install-button",[191,843,217],{"class":197},[191,845,846,850,852,855],{"class":193,"line":220},[191,847,849],{"class":848},"sqsOY","  background-color",[191,851,214],{"class":197},[191,853,854],{"class":616}," #your-brand-color",[191,856,857],{"class":197},";\n",[191,859,860,863,865,868],{"class":193,"line":236},[191,861,862],{"class":848},"  border-radius",[191,864,214],{"class":197},[191,866,867],{"class":242}," 9999px",[191,869,857],{"class":197},[191,871,872],{"class":193,"line":259},[191,873,274],{"class":197},[150,875,876],{},"Or use the slot for completely custom content:",[182,878,880],{"className":449,"code":879,"language":451,"meta":187,"style":187},"\u003CInstallButton url=\"https:\u002F\u002Fmy-app.com\u002Fmcp\">\n  Add to Cursor\n\u003C\u002FInstallButton>\n",[177,881,882,900,905],{"__ignoreMap":187},[191,883,884,886,888,890,892,894,896,898],{"class":193,"line":194},[191,885,458],{"class":197},[191,887,393],{"class":461},[191,889,481],{"class":207},[191,891,484],{"class":197},[191,893,211],{"class":197},[191,895,489],{"class":253},[191,897,211],{"class":197},[191,899,465],{"class":197},[191,901,902],{"class":193,"line":201},[191,903,904],{"class":616},"  Add to Cursor\n",[191,906,907,909,911],{"class":193,"line":220},[191,908,580],{"class":197},[191,910,393],{"class":461},[191,912,465],{"class":197},[145,914,916],{"id":915},"readme-badge","README Badge",[150,918,919],{},"For README files and documentation outside of Vue\u002FNuxt, the module provides server routes to generate badges.",[161,921,923],{"id":922},"badge-routes","Badge Routes",[150,925,926],{},"The module exposes two routes:",[400,928,929,938],{},[403,930,931],{},[406,932,933,936],{},[409,934,935],{},"Route",[409,937,738],{},[419,939,940,950],{},[406,941,942,947],{},[424,943,944],{},[177,945,946],{},"\u002Fmcp\u002Fdeeplink",[424,948,949],{},"Redirects to the IDE deeplink",[406,951,952,957],{},[424,953,954],{},[177,955,956],{},"\u002Fmcp\u002Fbadge.svg",[424,958,959],{},"Returns a customizable SVG badge image",[161,961,963],{"id":962},"basic-usage","Basic Usage",[150,965,966],{},"Add this to your README:",[182,968,970],{"className":602,"code":969,"language":604,"meta":187,"style":187},"[![Install in Cursor](https:\u002F\u002Fyour-app.com\u002Fmcp\u002Fbadge.svg)](https:\u002F\u002Fyour-app.com\u002Fmcp\u002Fdeeplink)\n",[177,971,972],{"__ignoreMap":187},[191,973,974,977,980,983,986,990,993,995,999],{"class":193,"line":194},[191,975,976],{"class":197},"[",[191,978,979],{"class":197},"![",[191,981,982],{"class":253},"Install in Cursor",[191,984,985],{"class":197},"](",[191,987,989],{"class":988},"sDClJ","https:\u002F\u002Fyour-app.com\u002Fmcp\u002Fbadge.svg",[191,991,992],{"class":197},")",[191,994,985],{"class":197},[191,996,998],{"class":997},"sDpXG","https:\u002F\u002Fyour-app.com\u002Fmcp\u002Fdeeplink",[191,1000,1001],{"class":197},")\n",[150,1003,1004],{},"This will display a badge that, when clicked, opens the IDE and installs your MCP server.",[161,1006,1008],{"id":1007},"vs-code-badge","VS Code Badge",[182,1010,1012],{"className":602,"code":1011,"language":604,"meta":187,"style":187},"[![Install in VS Code](https:\u002F\u002Fyour-app.com\u002Fmcp\u002Fbadge.svg?ide=vscode)](https:\u002F\u002Fyour-app.com\u002Fmcp\u002Fdeeplink?ide=vscode)\n",[177,1013,1014],{"__ignoreMap":187},[191,1015,1016,1018,1020,1023,1025,1028,1030,1032,1035],{"class":193,"line":194},[191,1017,976],{"class":197},[191,1019,979],{"class":197},[191,1021,1022],{"class":253},"Install in VS Code",[191,1024,985],{"class":197},[191,1026,1027],{"class":988},"https:\u002F\u002Fyour-app.com\u002Fmcp\u002Fbadge.svg?ide=vscode",[191,1029,992],{"class":197},[191,1031,985],{"class":197},[191,1033,1034],{"class":997},"https:\u002F\u002Fyour-app.com\u002Fmcp\u002Fdeeplink?ide=vscode",[191,1036,1001],{"class":197},[161,1038,1040],{"id":1039},"both-ides","Both IDEs",[182,1042,1044],{"className":602,"code":1043,"language":604,"meta":187,"style":187},"[![Install in Cursor](https:\u002F\u002Fyour-app.com\u002Fmcp\u002Fbadge.svg)](https:\u002F\u002Fyour-app.com\u002Fmcp\u002Fdeeplink)\n[![Install in VS Code](https:\u002F\u002Fyour-app.com\u002Fmcp\u002Fbadge.svg?ide=vscode)](https:\u002F\u002Fyour-app.com\u002Fmcp\u002Fdeeplink?ide=vscode)\n",[177,1045,1046,1066],{"__ignoreMap":187},[191,1047,1048,1050,1052,1054,1056,1058,1060,1062,1064],{"class":193,"line":194},[191,1049,976],{"class":197},[191,1051,979],{"class":197},[191,1053,982],{"class":253},[191,1055,985],{"class":197},[191,1057,989],{"class":988},[191,1059,992],{"class":197},[191,1061,985],{"class":197},[191,1063,998],{"class":997},[191,1065,1001],{"class":197},[191,1067,1068,1070,1072,1074,1076,1078,1080,1082,1084],{"class":193,"line":201},[191,1069,976],{"class":197},[191,1071,979],{"class":197},[191,1073,1022],{"class":253},[191,1075,985],{"class":197},[191,1077,1027],{"class":988},[191,1079,992],{"class":197},[191,1081,985],{"class":197},[191,1083,1034],{"class":997},[191,1085,1001],{"class":197},[161,1087,1089],{"id":1088},"customization-options","Customization Options",[400,1091,1092,1103],{},[403,1093,1094],{},[406,1095,1096,1099,1101],{},[409,1097,1098],{},"Parameter",[409,1100,735],{},[409,1102,738],{},[419,1104,1105,1123,1134,1149,1164,1179],{},[406,1106,1107,1111,1115],{},[424,1108,1109],{},[177,1110,764],{},[424,1112,1113],{},[177,1114,163],{},[424,1116,1117,1118,1120,1121,992],{},"Target IDE (",[177,1119,163],{}," or ",[177,1122,284],{},[406,1124,1125,1129,1131],{},[424,1126,1127],{},[177,1128,784],{},[424,1130,791],{},[424,1132,1133],{},"Badge text",[406,1135,1136,1141,1146],{},[424,1137,1138],{},[177,1139,1140],{},"color",[424,1142,1143],{},[177,1144,1145],{},"171717",[424,1147,1148],{},"Background color (hex without #)",[406,1150,1151,1156,1161],{},[424,1152,1153],{},[177,1154,1155],{},"textColor",[424,1157,1158],{},[177,1159,1160],{},"ffffff",[424,1162,1163],{},"Text color (hex without #)",[406,1165,1166,1171,1176],{},[424,1167,1168],{},[177,1169,1170],{},"borderColor",[424,1172,1173],{},[177,1174,1175],{},"404040",[424,1177,1178],{},"Border color (hex without #)",[406,1180,1181,1186,1190],{},[424,1182,1183],{},[177,1184,1185],{},"icon",[424,1187,1188],{},[177,1189,811],{},[424,1191,1192,1193,1120,1195,992],{},"Show IDE icon (",[177,1194,811],{},[177,1196,1197],{},"false",[161,1199,1201],{"id":1200},"custom-badge-examples","Custom Badge Examples",[150,1203,1204],{},[1205,1206,1207],"strong",{},"Custom label:",[182,1209,1211],{"className":602,"code":1210,"language":604,"meta":187,"style":187},"[![Add to Cursor](https:\u002F\u002Fyour-app.com\u002Fmcp\u002Fbadge.svg?label=Add%20to%20Cursor)](https:\u002F\u002Fyour-app.com\u002Fmcp\u002Fdeeplink)\n",[177,1212,1213],{"__ignoreMap":187},[191,1214,1215,1217,1219,1221,1223,1226,1228,1230,1232],{"class":193,"line":194},[191,1216,976],{"class":197},[191,1218,979],{"class":197},[191,1220,570],{"class":253},[191,1222,985],{"class":197},[191,1224,1225],{"class":988},"https:\u002F\u002Fyour-app.com\u002Fmcp\u002Fbadge.svg?label=Add%20to%20Cursor",[191,1227,992],{"class":197},[191,1229,985],{"class":197},[191,1231,998],{"class":997},[191,1233,1001],{"class":197},[150,1235,1236],{},[1205,1237,1238],{},"Custom colors:",[182,1240,1242],{"className":602,"code":1241,"language":604,"meta":187,"style":187},"[![Install](https:\u002F\u002Fyour-app.com\u002Fmcp\u002Fbadge.svg?color=0ea5e9&borderColor=0284c7)](https:\u002F\u002Fyour-app.com\u002Fmcp\u002Fdeeplink)\n",[177,1243,1244],{"__ignoreMap":187},[191,1245,1246,1248,1250,1253,1255,1258,1260,1262,1264],{"class":193,"line":194},[191,1247,976],{"class":197},[191,1249,979],{"class":197},[191,1251,1252],{"class":253},"Install",[191,1254,985],{"class":197},[191,1256,1257],{"class":988},"https:\u002F\u002Fyour-app.com\u002Fmcp\u002Fbadge.svg?color=0ea5e9&borderColor=0284c7",[191,1259,992],{"class":197},[191,1261,985],{"class":197},[191,1263,998],{"class":997},[191,1265,1001],{"class":197},[150,1267,1268],{},[1205,1269,1270],{},"Without icon:",[182,1272,1274],{"className":602,"code":1273,"language":604,"meta":187,"style":187},"[![Install](https:\u002F\u002Fyour-app.com\u002Fmcp\u002Fbadge.svg?icon=false)](https:\u002F\u002Fyour-app.com\u002Fmcp\u002Fdeeplink)\n",[177,1275,1276],{"__ignoreMap":187},[191,1277,1278,1280,1282,1284,1286,1289,1291,1293,1295],{"class":193,"line":194},[191,1279,976],{"class":197},[191,1281,979],{"class":197},[191,1283,1252],{"class":253},[191,1285,985],{"class":197},[191,1287,1288],{"class":988},"https:\u002F\u002Fyour-app.com\u002Fmcp\u002Fbadge.svg?icon=false",[191,1290,992],{"class":197},[191,1292,985],{"class":197},[191,1294,998],{"class":997},[191,1296,1001],{"class":197},[376,1298,380,1299,1302,1303,1306],{"color":378,"icon":379},[177,1300,1301],{},"https:\u002F\u002Fyour-app.com"," with your actual domain. The badge route uses the server name from your ",[177,1304,1305],{},"mcp.name"," config.",[145,1308,1310],{"id":1309},"deeplink-formats","Deeplink Formats",[150,1312,1313],{},"For reference, here are the deeplink formats used by each IDE:",[161,1315,164],{"id":1316},"cursor-1",[182,1318,1323],{"className":1319,"code":1321,"language":1322},[1320],"language-text","cursor:\u002F\u002Fanysphere.cursor-deeplink\u002Fmcp\u002Finstall?name=SERVER_NAME&config=BASE64_CONFIG\n","text",[177,1324,1321],{"__ignoreMap":187},[150,1326,1327,1328,838],{},"The config is Base64-encoded JSON containing ",[177,1329,1330],{},"{ type: 'http', url: 'MCP_URL' }",[161,1332,278],{"id":1333},"vs-code-1",[182,1335,1338],{"className":1336,"code":1337,"language":1322},[1320],"vscode:mcp\u002Finstall?URL_ENCODED_JSON\n",[177,1339,1337],{"__ignoreMap":187},[150,1341,1342,1343,838],{},"The config is URL-encoded JSON containing ",[177,1344,1345],{},"{ name: 'SERVER_NAME', type: 'http', url: 'MCP_URL' }",[145,1347,1349],{"id":1348},"next-steps","Next Steps",[1351,1352,1353,1359,1364],"ul",{},[1354,1355,1356,1358],"li",{},[593,1357,46],{"href":47}," - Create your first tool",[1354,1360,1361,1363],{},[593,1362,51],{"href":52}," - Expose data to AI assistants",[1354,1365,1366,1368],{},[593,1367,56],{"href":57}," - Create reusable message templates",[1370,1371,1372],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}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 .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sqsOY, html code.shiki .sqsOY{--shiki-light:#8796B0;--shiki-default:#B2CCD6;--shiki-dark:#B2CCD6}html pre.shiki code .sDClJ, html code.shiki .sDClJ{--shiki-light:#91B859;--shiki-light-text-decoration:underline;--shiki-default:#C3E88D;--shiki-default-text-decoration:underline;--shiki-dark:#C3E88D;--shiki-dark-text-decoration:underline}html pre.shiki code .sDpXG, html code.shiki .sDpXG{--shiki-light:#E53935;--shiki-light-text-decoration:underline;--shiki-default:#F07178;--shiki-default-text-decoration:underline;--shiki-dark:#F07178;--shiki-dark-text-decoration:underline}",{"title":187,"searchDepth":201,"depth":201,"links":1374},[1375,1376,1380,1387,1395,1399],{"id":147,"depth":201,"text":148},{"id":158,"depth":201,"text":159,"children":1377},[1378,1379],{"id":163,"depth":220,"text":164},{"id":277,"depth":220,"text":278},{"id":386,"depth":201,"text":387,"children":1381},[1382,1383,1384,1385,1386],{"id":397,"depth":220,"text":398},{"id":445,"depth":220,"text":446},{"id":587,"depth":220,"text":588},{"id":719,"depth":220,"text":720},{"id":817,"depth":220,"text":818},{"id":915,"depth":201,"text":916,"children":1388},[1389,1390,1391,1392,1393,1394],{"id":922,"depth":220,"text":923},{"id":962,"depth":220,"text":963},{"id":1007,"depth":220,"text":1008},{"id":1039,"depth":220,"text":1040},{"id":1088,"depth":220,"text":1089},{"id":1200,"depth":220,"text":1201},{"id":1309,"depth":201,"text":1310,"children":1396},[1397,1398],{"id":1316,"depth":220,"text":164},{"id":1333,"depth":220,"text":278},{"id":1348,"depth":201,"text":1349},"Connect AI assistants to your MCP server and add install buttons to your documentation.",null,{},{"icon":33},{"title":1405,"description":1406},"Connect to Your MCP Server","Learn how to connect Cursor, VS Code, ChatGPT and other AI assistants to your Nuxt MCP server.","t2A5hMm3gmqn1Zcpgbkb2dcYudeg-Kwk2tb8jbHMejk",[1409,1411],{"title":25,"path":26,"stem":27,"description":1410,"icon":28,"children":-1},"Visual debugging tool integrated into Nuxt DevTools",{"title":35,"path":36,"stem":37,"description":1412,"icon":38,"children":-1},"AI-assisted MCP server development using Agent Skills. Let AI help you setup, create, review, and troubleshoot MCP servers in your Nuxt app.",1774885097170]