[{"data":1,"prerenderedAt":1746},["ShallowReactive",2],{"navigation_docs":3,"-getting-started-connection":139,"-getting-started-connection-surround":1741},[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":1733,"extension":934,"links":1734,"meta":1735,"navigation":1736,"path":31,"seo":1737,"stem":32,"__hash__":1740},"docs\u002F1.getting-started\u002F5.connection.md",{"type":142,"value":143,"toc":1698},"minimark",[144,149,153,156,159,179,209,253,275,279,286,291,338,349,357,360,374,381,385,388,424,427,431,434,438,446,488,509,513,529,532,535,539,546,618,621,624,626,632,715,724,728,734,738,776,780,917,921,930,1047,1051,1145,1149,1152,1203,1206,1242,1246,1249,1253,1256,1289,1293,1296,1330,1333,1337,1365,1369,1414,1418,1526,1530,1535,1561,1566,1593,1598,1624,1634,1638,1641,1644,1652,1658,1661,1667,1673,1677,1694],[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,158],{"id":158},"add-mcp",[150,160,161,162,168,169,173,174,178],{},"The ",[163,164,158],"a",{"href":165,"rel":166},"https:\u002F\u002Fnpmx.dev\u002Fpackage\u002Fadd-mcp",[167],"nofollow"," CLI can register a ",[170,171,172],"strong",{},"remote"," (streamable HTTP) MCP server with Cursor, Claude Code, VS Code, Codex, and ",[163,175,177],{"href":165,"rel":176},[167],"several other coding agents"," in one step.",[150,180,181,182,189,190,196,197,200,201,204,205,208],{},"Use the URL that matches where the app runs: ",[170,183,184,188],{},[185,186,187],"code",{},"http:\u002F\u002F…"," for local dev",", ",[170,191,192,195],{},[185,193,194],{},"https:\u002F\u002F…"," in production"," (public MCP endpoints should use HTTPS). If you changed ",[185,198,199],{},"mcp.route"," in ",[185,202,203],{},"nuxt.config",", append that path instead of ",[185,206,207],{},"\u002Fmcp",".",[210,211,212,238],"code-group",{},[213,214,220],"pre",{"className":215,"code":216,"filename":217,"language":218,"meta":219,"style":219},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","npx add-mcp http:\u002F\u002Flocalhost:3000\u002Fmcp\n","Local dev","bash","",[185,221,222],{"__ignoreMap":219},[223,224,227,231,235],"span",{"class":225,"line":226},"line",1,[223,228,230],{"class":229},"sBMFI","npx",[223,232,234],{"class":233},"sfazB"," add-mcp",[223,236,237],{"class":233}," http:\u002F\u002Flocalhost:3000\u002Fmcp\n",[213,239,242],{"className":215,"code":240,"filename":241,"language":218,"meta":219,"style":219},"npx add-mcp https:\u002F\u002Fyour-app.example.com\u002Fmcp\n","Production",[185,243,244],{"__ignoreMap":219},[223,245,246,248,250],{"class":225,"line":226},[223,247,230],{"class":229},[223,249,234],{"class":233},[223,251,252],{"class":233}," https:\u002F\u002Fyour-app.example.com\u002Fmcp\n",[150,254,255,256,259,260,189,263,266,267,270,271,208],{},"Run the command from any directory; it updates agent config files (e.g. project ",[185,257,258],{},".cursor\u002Fmcp.json","). Options such as ",[185,261,262],{},"-a cursor",[185,264,265],{},"-y",", or ",[185,268,269],{},"--header"," for authenticated endpoints are described in the ",[163,272,274],{"href":165,"rel":273},[167],"add-mcp package docs",[145,276,278],{"id":277},"share-your-mcp-with-users-production","Share your MCP with users (production)",[150,280,281,282,285],{},"When your Nuxt app is deployed, you give ",[170,283,284],{},"your users"," a stable MCP URL. They will plug the same shape of URL into their assistant as for localhost—only the host and scheme change.",[287,288,290],"h3",{"id":289},"what-to-publish","What to publish",[292,293,294,307],"table",{},[295,296,297],"thead",{},[298,299,300,304],"tr",{},[301,302,303],"th",{},"You share",[301,305,306],{},"Example",[308,309,310,321],"tbody",{},[298,311,312,316],{},[313,314,315],"td",{},"Public MCP endpoint",[313,317,318],{},[185,319,320],{},"https:\u002F\u002Fyour-product.com\u002Fmcp",[298,322,323,326],{},[313,324,325],{},"Custom route",[313,327,328,331,332,334,335],{},[185,329,330],{},"https:\u002F\u002Fyour-product.com\u002Fapi\u002Fmcp"," if ",[185,333,199],{}," is ",[185,336,337],{},"\u002Fapi\u002Fmcp",[150,339,340,341,344,345,348],{},"Prefer ",[170,342,343],{},"HTTPS"," on the public internet. Your hosting provider’s assigned URL (e.g. ",[185,346,347],{},"https:\u002F\u002Fmy-app.vercel.app\u002Fmcp",") is fine until you add a custom domain.",[287,350,352,353,356],{"id":351},"one-liner-for-users-add-mcp","One-liner for users (",[163,354,158],{"href":165,"rel":355},[167],")",[150,358,359],{},"Document this in your README or docs so people can register your server quickly:",[213,361,363],{"className":215,"code":362,"language":218,"meta":219,"style":219},"npx add-mcp https:\u002F\u002Fyour-product.com\u002Fmcp\n",[185,364,365],{"__ignoreMap":219},[223,366,367,369,371],{"class":225,"line":226},[223,368,230],{"class":229},[223,370,234],{"class":233},[223,372,373],{"class":233}," https:\u002F\u002Fyour-product.com\u002Fmcp\n",[150,375,376,377,380],{},"If your MCP is behind auth, document the required headers and point people to ",[185,378,379],{},"add-mcp --header 'Authorization: Bearer …'"," (or your provider’s pattern).",[287,382,384],{"id":383},"buttons-and-badges-for-docs-readme","Buttons and badges for docs \u002F README",[150,386,387],{},"Give non-CLI users a single click:",[389,390,391,415],"ul",{},[392,393,394,402,403,406,407,410,411,414],"li",{},[170,395,396],{},[163,397,399],{"href":398},"#installbutton-component",[185,400,401],{},"InstallButton"," in Vue or MDC — set ",[185,404,405],{},"url"," to your ",[170,408,409],{},"production"," MCP URL (see examples with ",[185,412,413],{},"https:\u002F\u002Fmy-app.com\u002Fmcp"," below).",[392,416,417,423],{},[170,418,419],{},[163,420,422],{"href":421},"#readme-badge","README badges"," — Markdown badges that open the IDE installer and work in GitHub or any site.",[150,425,426],{},"Example for your landing or documentation:",[428,429],"install-button",{"name":430,"url":320},"your-product-mcp",[428,432],{"name":430,"url":320,"ide":433},"vscode",[287,435,437],{"id":436},"manual-config-you-can-copy-for-users","Manual config you can copy for users",[150,439,440,441,445],{},"Same JSON as in the ",[163,442,444],{"href":443},"#connect-your-ide","IDE sections below",", but with your live URL:",[213,447,451],{"className":448,"code":449,"language":450,"meta":219,"style":219},"language-json shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","{\n  \"url\": \"https:\u002F\u002Fyour-product.com\u002Fmcp\"\n}\n","json",[185,452,453,459,482],{"__ignoreMap":219},[223,454,455],{"class":225,"line":226},[223,456,458],{"class":457},"sMK4o","{\n",[223,460,462,465,468,471,474,477,479],{"class":225,"line":461},2,[223,463,464],{"class":457},"  \"",[223,466,405],{"class":467},"spNyl",[223,469,470],{"class":457},"\"",[223,472,473],{"class":457},":",[223,475,476],{"class":457}," \"",[223,478,320],{"class":233},[223,480,481],{"class":457},"\"\n",[223,483,485],{"class":225,"line":484},3,[223,486,487],{"class":457},"}\n",[150,489,490,491,494,495,498,499,503,504,508],{},"Cursor and VS Code expect this inside their respective ",[185,492,493],{},"mcpServers"," \u002F ",[185,496,497],{},"servers"," shapes — mirror the full examples under ",[163,500,502],{"href":501},"#cursor","Cursor"," and ",[163,505,507],{"href":506},"#vs-code","VS Code"," and replace the localhost URL.",[145,510,512],{"id":511},"connect-your-ide","Connect Your IDE",[150,514,515,516,519,520,522,523,525,526,208],{},"The steps below use ",[170,517,518],{},"localhost"," while you develop. To publish instructions for your audience, reuse the same patterns with your ",[170,521,409],{}," ",[185,524,194],{}," URL — see ",[163,527,278],{"href":528},"#share-your-mcp-with-users-production",[287,530,502],{"id":531},"cursor",[150,533,534],{},"Click the button below to add your local MCP server to Cursor:",[428,536],{"name":537,"url":538,"ide":531},"local-mcp","http:\u002F\u002Flocalhost:3000\u002Fmcp",[150,540,541,542,545],{},"Or manually add it to your Cursor settings (",[185,543,544],{},"~\u002F.cursor\u002Fmcp.json","):",[213,547,549],{"className":448,"code":548,"filename":544,"language":450,"meta":219,"style":219},"{\n  \"mcpServers\": {\n    \"my-nuxt-app\": {\n      \"url\": \"http:\u002F\u002Flocalhost:3000\u002Fmcp\"\n    }\n  }\n}\n",[185,550,551,555,568,582,601,607,613],{"__ignoreMap":219},[223,552,553],{"class":225,"line":226},[223,554,458],{"class":457},[223,556,557,559,561,563,565],{"class":225,"line":461},[223,558,464],{"class":457},[223,560,493],{"class":467},[223,562,470],{"class":457},[223,564,473],{"class":457},[223,566,567],{"class":457}," {\n",[223,569,570,573,576,578,580],{"class":225,"line":484},[223,571,572],{"class":457},"    \"",[223,574,575],{"class":229},"my-nuxt-app",[223,577,470],{"class":457},[223,579,473],{"class":457},[223,581,567],{"class":457},[223,583,585,588,591,593,595,597,599],{"class":225,"line":584},4,[223,586,587],{"class":457},"      \"",[223,589,405],{"class":590},"sbssI",[223,592,470],{"class":457},[223,594,473],{"class":457},[223,596,476],{"class":457},[223,598,538],{"class":233},[223,600,481],{"class":457},[223,602,604],{"class":225,"line":603},5,[223,605,606],{"class":457},"    }\n",[223,608,610],{"class":225,"line":609},6,[223,611,612],{"class":457},"  }\n",[223,614,616],{"class":225,"line":615},7,[223,617,487],{"class":457},[287,619,507],{"id":620},"vs-code",[150,622,623],{},"Click the button below to add your local MCP server to VS Code:",[428,625],{"name":537,"url":538,"ide":433},[150,627,628,629,545],{},"Or manually add the server to your VS Code MCP configuration (",[185,630,631],{},".vscode\u002Fmcp.json",[213,633,635],{"className":448,"code":634,"filename":631,"language":450,"meta":219,"style":219},"{\n  \"servers\": {\n    \"my-nuxt-app\": {\n      \"type\": \"http\",\n      \"url\": \"http:\u002F\u002Flocalhost:3000\u002Fmcp\"\n    }\n  }\n}\n",[185,636,637,641,653,665,686,702,706,710],{"__ignoreMap":219},[223,638,639],{"class":225,"line":226},[223,640,458],{"class":457},[223,642,643,645,647,649,651],{"class":225,"line":461},[223,644,464],{"class":457},[223,646,497],{"class":467},[223,648,470],{"class":457},[223,650,473],{"class":457},[223,652,567],{"class":457},[223,654,655,657,659,661,663],{"class":225,"line":484},[223,656,572],{"class":457},[223,658,575],{"class":229},[223,660,470],{"class":457},[223,662,473],{"class":457},[223,664,567],{"class":457},[223,666,667,669,672,674,676,678,681,683],{"class":225,"line":584},[223,668,587],{"class":457},[223,670,671],{"class":590},"type",[223,673,470],{"class":457},[223,675,473],{"class":457},[223,677,476],{"class":457},[223,679,680],{"class":233},"http",[223,682,470],{"class":457},[223,684,685],{"class":457},",\n",[223,687,688,690,692,694,696,698,700],{"class":225,"line":603},[223,689,587],{"class":457},[223,691,405],{"class":590},[223,693,470],{"class":457},[223,695,473],{"class":457},[223,697,476],{"class":457},[223,699,538],{"class":233},[223,701,481],{"class":457},[223,703,704],{"class":225,"line":609},[223,705,606],{"class":457},[223,707,708],{"class":225,"line":615},[223,709,612],{"class":457},[223,711,713],{"class":225,"line":712},8,[223,714,487],{"class":457},[716,717,720,721,723],"callout",{"color":718,"icon":719},"info","i-lucide-info","Replace ",[185,722,575],{}," with your project name and update the URL if you're using a custom route or port.",[145,725,727],{"id":726},"installbutton-component","InstallButton Component",[150,729,730,731,733],{},"The module provides an ",[185,732,401],{}," component that you can use in your documentation to let users install your MCP server in one click.",[287,735,737],{"id":736},"supported-ides","Supported IDEs",[292,739,740,753],{},[295,741,742],{},[298,743,744,747,750],{},[301,745,746],{},"IDE",[301,748,749],{},"Value",[301,751,752],{},"Status",[308,754,755,766],{},[298,756,757,759,763],{},[313,758,502],{},[313,760,761],{},[185,762,531],{},[313,764,765],{},"Supported",[298,767,768,770,774],{},[313,769,507],{},[313,771,772],{},[185,773,433],{},[313,775,765],{},[287,777,779],{"id":778},"in-vue-templates","In Vue Templates",[213,781,785],{"className":782,"code":783,"language":784,"meta":219,"style":219},"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",[185,786,787,799,805,827,833,838,867,871,876,907],{"__ignoreMap":219},[223,788,789,792,796],{"class":225,"line":226},[223,790,791],{"class":457},"\u003C",[223,793,795],{"class":794},"swJcz","template",[223,797,798],{"class":457},">\n",[223,800,801],{"class":225,"line":461},[223,802,804],{"class":803},"sHwdD","  \u003C!-- Cursor (default) -->\n",[223,806,807,810,812,815,818,820,822,824],{"class":225,"line":484},[223,808,809],{"class":457},"  \u003C",[223,811,401],{"class":794},[223,813,814],{"class":467}," url",[223,816,817],{"class":457},"=",[223,819,470],{"class":457},[223,821,413],{"class":233},[223,823,470],{"class":457},[223,825,826],{"class":457}," \u002F>\n",[223,828,829],{"class":225,"line":584},[223,830,832],{"emptyLinePlaceholder":831},true,"\n",[223,834,835],{"class":225,"line":603},[223,836,837],{"class":803},"  \u003C!-- VS Code -->\n",[223,839,840,842,844,846,848,850,852,854,857,859,861,863,865],{"class":225,"line":609},[223,841,809],{"class":457},[223,843,401],{"class":794},[223,845,814],{"class":467},[223,847,817],{"class":457},[223,849,470],{"class":457},[223,851,413],{"class":233},[223,853,470],{"class":457},[223,855,856],{"class":467}," ide",[223,858,817],{"class":457},[223,860,470],{"class":457},[223,862,433],{"class":233},[223,864,470],{"class":457},[223,866,826],{"class":457},[223,868,869],{"class":225,"line":615},[223,870,832],{"emptyLinePlaceholder":831},[223,872,873],{"class":225,"line":712},[223,874,875],{"class":803},"  \u003C!-- Custom label -->\n",[223,877,879,881,883,885,887,889,891,893,896,898,900,903,905],{"class":225,"line":878},9,[223,880,809],{"class":457},[223,882,401],{"class":794},[223,884,814],{"class":467},[223,886,817],{"class":457},[223,888,470],{"class":457},[223,890,413],{"class":233},[223,892,470],{"class":457},[223,894,895],{"class":467}," label",[223,897,817],{"class":457},[223,899,470],{"class":457},[223,901,902],{"class":233},"Add to Cursor",[223,904,470],{"class":457},[223,906,826],{"class":457},[223,908,910,913,915],{"class":225,"line":909},10,[223,911,912],{"class":457},"\u003C\u002F",[223,914,795],{"class":794},[223,916,798],{"class":457},[287,918,920],{"id":919},"in-markdown-mdc-syntax","In Markdown (MDC Syntax)",[150,922,923,924,929],{},"If you're using ",[163,925,928],{"href":926,"rel":927},"https:\u002F\u002Fcontent.nuxt.com",[167],"Nuxt Content",", use the MDC syntax:",[213,931,935],{"className":932,"code":933,"language":934,"meta":219,"style":219},"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",[185,936,937,942,948,953,958,962,967,971,976,980,984,989,995,1000,1005,1010,1016,1021,1026,1031,1037,1042],{"__ignoreMap":219},[223,938,939],{"class":225,"line":226},[223,940,941],{"class":803},"\u003C!-- Cursor (default) -->\n",[223,943,944],{"class":225,"line":461},[223,945,947],{"class":946},"sTEyZ","::install-button\n",[223,949,950],{"class":225,"line":484},[223,951,952],{"class":457},"---\n",[223,954,955],{"class":225,"line":584},[223,956,957],{"class":946},"url: \"https:\u002F\u002Fmy-app.com\u002Fmcp\"\n",[223,959,960],{"class":225,"line":603},[223,961,952],{"class":457},[223,963,964],{"class":225,"line":609},[223,965,966],{"class":946},"::\n",[223,968,969],{"class":225,"line":615},[223,970,832],{"emptyLinePlaceholder":831},[223,972,973],{"class":225,"line":712},[223,974,975],{"class":803},"\u003C!-- VS Code -->\n",[223,977,978],{"class":225,"line":878},[223,979,947],{"class":946},[223,981,982],{"class":225,"line":909},[223,983,952],{"class":457},[223,985,987],{"class":225,"line":986},11,[223,988,957],{"class":946},[223,990,992],{"class":225,"line":991},12,[223,993,994],{"class":946},"ide: \"vscode\"\n",[223,996,998],{"class":225,"line":997},13,[223,999,952],{"class":457},[223,1001,1003],{"class":225,"line":1002},14,[223,1004,966],{"class":946},[223,1006,1008],{"class":225,"line":1007},15,[223,1009,832],{"emptyLinePlaceholder":831},[223,1011,1013],{"class":225,"line":1012},16,[223,1014,1015],{"class":803},"\u003C!-- With custom label -->\n",[223,1017,1019],{"class":225,"line":1018},17,[223,1020,947],{"class":946},[223,1022,1024],{"class":225,"line":1023},18,[223,1025,952],{"class":457},[223,1027,1029],{"class":225,"line":1028},19,[223,1030,957],{"class":946},[223,1032,1034],{"class":225,"line":1033},20,[223,1035,1036],{"class":946},"label: \"Add to Cursor\"\n",[223,1038,1040],{"class":225,"line":1039},21,[223,1041,952],{"class":457},[223,1043,1045],{"class":225,"line":1044},22,[223,1046,966],{"class":946},[287,1048,1050],{"id":1049},"props-reference","Props Reference",[292,1052,1053,1069],{},[295,1054,1055],{},[298,1056,1057,1060,1063,1066],{},[301,1058,1059],{},"Prop",[301,1061,1062],{},"Type",[301,1064,1065],{},"Default",[301,1067,1068],{},"Description",[308,1070,1071,1088,1108,1125],{},[298,1072,1073,1077,1082,1085],{},[313,1074,1075],{},[185,1076,405],{},[313,1078,1079],{},[185,1080,1081],{},"string",[313,1083,1084],{},"required",[313,1086,1087],{},"URL of the MCP server endpoint",[298,1089,1090,1095,1100,1105],{},[313,1091,1092],{},[185,1093,1094],{},"ide",[313,1096,1097],{},[185,1098,1099],{},"'cursor' | 'vscode'",[313,1101,1102],{},[185,1103,1104],{},"'cursor'",[313,1106,1107],{},"Target IDE",[298,1109,1110,1115,1119,1122],{},[313,1111,1112],{},[185,1113,1114],{},"label",[313,1116,1117],{},[185,1118,1081],{},[313,1120,1121],{},"Auto-generated",[313,1123,1124],{},"Button label",[298,1126,1127,1132,1137,1142],{},[313,1128,1129],{},[185,1130,1131],{},"showIcon",[313,1133,1134],{},[185,1135,1136],{},"boolean",[313,1138,1139],{},[185,1140,1141],{},"true",[313,1143,1144],{},"Show the IDE icon",[287,1146,1148],{"id":1147},"customization","Customization",[150,1150,1151],{},"The component uses CSS classes that you can override:",[213,1153,1157],{"className":1154,"code":1155,"language":1156,"meta":219,"style":219},"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",[185,1158,1159,1164,1173,1187,1199],{"__ignoreMap":219},[223,1160,1161],{"class":225,"line":226},[223,1162,1163],{"class":803},"\u002F* Override default styles *\u002F\n",[223,1165,1166,1168,1171],{"class":225,"line":461},[223,1167,208],{"class":457},[223,1169,1170],{"class":229},"mcp-install-button",[223,1172,567],{"class":457},[223,1174,1175,1179,1181,1184],{"class":225,"line":484},[223,1176,1178],{"class":1177},"sqsOY","  background-color",[223,1180,473],{"class":457},[223,1182,1183],{"class":946}," #your-brand-color",[223,1185,1186],{"class":457},";\n",[223,1188,1189,1192,1194,1197],{"class":225,"line":584},[223,1190,1191],{"class":1177},"  border-radius",[223,1193,473],{"class":457},[223,1195,1196],{"class":590}," 9999px",[223,1198,1186],{"class":457},[223,1200,1201],{"class":225,"line":603},[223,1202,487],{"class":457},[150,1204,1205],{},"Or use the slot for completely custom content:",[213,1207,1209],{"className":782,"code":1208,"language":784,"meta":219,"style":219},"\u003CInstallButton url=\"https:\u002F\u002Fmy-app.com\u002Fmcp\">\n  Add to Cursor\n\u003C\u002FInstallButton>\n",[185,1210,1211,1229,1234],{"__ignoreMap":219},[223,1212,1213,1215,1217,1219,1221,1223,1225,1227],{"class":225,"line":226},[223,1214,791],{"class":457},[223,1216,401],{"class":794},[223,1218,814],{"class":467},[223,1220,817],{"class":457},[223,1222,470],{"class":457},[223,1224,413],{"class":233},[223,1226,470],{"class":457},[223,1228,798],{"class":457},[223,1230,1231],{"class":225,"line":461},[223,1232,1233],{"class":946},"  Add to Cursor\n",[223,1235,1236,1238,1240],{"class":225,"line":484},[223,1237,912],{"class":457},[223,1239,401],{"class":794},[223,1241,798],{"class":457},[145,1243,1245],{"id":1244},"readme-badge","README Badge",[150,1247,1248],{},"For README files and documentation outside of Vue\u002FNuxt, the module provides server routes to generate badges.",[287,1250,1252],{"id":1251},"badge-routes","Badge Routes",[150,1254,1255],{},"The module exposes two routes:",[292,1257,1258,1267],{},[295,1259,1260],{},[298,1261,1262,1265],{},[301,1263,1264],{},"Route",[301,1266,1068],{},[308,1268,1269,1279],{},[298,1270,1271,1276],{},[313,1272,1273],{},[185,1274,1275],{},"\u002Fmcp\u002Fdeeplink",[313,1277,1278],{},"Redirects to the IDE deeplink",[298,1280,1281,1286],{},[313,1282,1283],{},[185,1284,1285],{},"\u002Fmcp\u002Fbadge.svg",[313,1287,1288],{},"Returns a customizable SVG badge image",[287,1290,1292],{"id":1291},"basic-usage","Basic Usage",[150,1294,1295],{},"Add this to your README:",[213,1297,1299],{"className":932,"code":1298,"language":934,"meta":219,"style":219},"[![Install in Cursor](https:\u002F\u002Fyour-app.com\u002Fmcp\u002Fbadge.svg)](https:\u002F\u002Fyour-app.com\u002Fmcp\u002Fdeeplink)\n",[185,1300,1301],{"__ignoreMap":219},[223,1302,1303,1306,1309,1312,1315,1319,1321,1323,1327],{"class":225,"line":226},[223,1304,1305],{"class":457},"[",[223,1307,1308],{"class":457},"![",[223,1310,1311],{"class":233},"Install in Cursor",[223,1313,1314],{"class":457},"](",[223,1316,1318],{"class":1317},"sDClJ","https:\u002F\u002Fyour-app.com\u002Fmcp\u002Fbadge.svg",[223,1320,356],{"class":457},[223,1322,1314],{"class":457},[223,1324,1326],{"class":1325},"sDpXG","https:\u002F\u002Fyour-app.com\u002Fmcp\u002Fdeeplink",[223,1328,1329],{"class":457},")\n",[150,1331,1332],{},"This will display a badge that, when clicked, opens the IDE and installs your MCP server.",[287,1334,1336],{"id":1335},"vs-code-badge","VS Code Badge",[213,1338,1340],{"className":932,"code":1339,"language":934,"meta":219,"style":219},"[![Install in VS Code](https:\u002F\u002Fyour-app.com\u002Fmcp\u002Fbadge.svg?ide=vscode)](https:\u002F\u002Fyour-app.com\u002Fmcp\u002Fdeeplink?ide=vscode)\n",[185,1341,1342],{"__ignoreMap":219},[223,1343,1344,1346,1348,1351,1353,1356,1358,1360,1363],{"class":225,"line":226},[223,1345,1305],{"class":457},[223,1347,1308],{"class":457},[223,1349,1350],{"class":233},"Install in VS Code",[223,1352,1314],{"class":457},[223,1354,1355],{"class":1317},"https:\u002F\u002Fyour-app.com\u002Fmcp\u002Fbadge.svg?ide=vscode",[223,1357,356],{"class":457},[223,1359,1314],{"class":457},[223,1361,1362],{"class":1325},"https:\u002F\u002Fyour-app.com\u002Fmcp\u002Fdeeplink?ide=vscode",[223,1364,1329],{"class":457},[287,1366,1368],{"id":1367},"both-ides","Both IDEs",[213,1370,1372],{"className":932,"code":1371,"language":934,"meta":219,"style":219},"[![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",[185,1373,1374,1394],{"__ignoreMap":219},[223,1375,1376,1378,1380,1382,1384,1386,1388,1390,1392],{"class":225,"line":226},[223,1377,1305],{"class":457},[223,1379,1308],{"class":457},[223,1381,1311],{"class":233},[223,1383,1314],{"class":457},[223,1385,1318],{"class":1317},[223,1387,356],{"class":457},[223,1389,1314],{"class":457},[223,1391,1326],{"class":1325},[223,1393,1329],{"class":457},[223,1395,1396,1398,1400,1402,1404,1406,1408,1410,1412],{"class":225,"line":461},[223,1397,1305],{"class":457},[223,1399,1308],{"class":457},[223,1401,1350],{"class":233},[223,1403,1314],{"class":457},[223,1405,1355],{"class":1317},[223,1407,356],{"class":457},[223,1409,1314],{"class":457},[223,1411,1362],{"class":1325},[223,1413,1329],{"class":457},[287,1415,1417],{"id":1416},"customization-options","Customization Options",[292,1419,1420,1431],{},[295,1421,1422],{},[298,1423,1424,1427,1429],{},[301,1425,1426],{},"Parameter",[301,1428,1065],{},[301,1430,1068],{},[308,1432,1433,1451,1462,1477,1492,1507],{},[298,1434,1435,1439,1443],{},[313,1436,1437],{},[185,1438,1094],{},[313,1440,1441],{},[185,1442,531],{},[313,1444,1445,1446,1448,1449,356],{},"Target IDE (",[185,1447,531],{}," or ",[185,1450,433],{},[298,1452,1453,1457,1459],{},[313,1454,1455],{},[185,1456,1114],{},[313,1458,1121],{},[313,1460,1461],{},"Badge text",[298,1463,1464,1469,1474],{},[313,1465,1466],{},[185,1467,1468],{},"color",[313,1470,1471],{},[185,1472,1473],{},"171717",[313,1475,1476],{},"Background color (hex without #)",[298,1478,1479,1484,1489],{},[313,1480,1481],{},[185,1482,1483],{},"textColor",[313,1485,1486],{},[185,1487,1488],{},"ffffff",[313,1490,1491],{},"Text color (hex without #)",[298,1493,1494,1499,1504],{},[313,1495,1496],{},[185,1497,1498],{},"borderColor",[313,1500,1501],{},[185,1502,1503],{},"404040",[313,1505,1506],{},"Border color (hex without #)",[298,1508,1509,1514,1518],{},[313,1510,1511],{},[185,1512,1513],{},"icon",[313,1515,1516],{},[185,1517,1141],{},[313,1519,1520,1521,1448,1523,356],{},"Show IDE icon (",[185,1522,1141],{},[185,1524,1525],{},"false",[287,1527,1529],{"id":1528},"custom-badge-examples","Custom Badge Examples",[150,1531,1532],{},[170,1533,1534],{},"Custom label:",[213,1536,1538],{"className":932,"code":1537,"language":934,"meta":219,"style":219},"[![Add to Cursor](https:\u002F\u002Fyour-app.com\u002Fmcp\u002Fbadge.svg?label=Add%20to%20Cursor)](https:\u002F\u002Fyour-app.com\u002Fmcp\u002Fdeeplink)\n",[185,1539,1540],{"__ignoreMap":219},[223,1541,1542,1544,1546,1548,1550,1553,1555,1557,1559],{"class":225,"line":226},[223,1543,1305],{"class":457},[223,1545,1308],{"class":457},[223,1547,902],{"class":233},[223,1549,1314],{"class":457},[223,1551,1552],{"class":1317},"https:\u002F\u002Fyour-app.com\u002Fmcp\u002Fbadge.svg?label=Add%20to%20Cursor",[223,1554,356],{"class":457},[223,1556,1314],{"class":457},[223,1558,1326],{"class":1325},[223,1560,1329],{"class":457},[150,1562,1563],{},[170,1564,1565],{},"Custom colors:",[213,1567,1569],{"className":932,"code":1568,"language":934,"meta":219,"style":219},"[![Install](https:\u002F\u002Fyour-app.com\u002Fmcp\u002Fbadge.svg?color=0ea5e9&borderColor=0284c7)](https:\u002F\u002Fyour-app.com\u002Fmcp\u002Fdeeplink)\n",[185,1570,1571],{"__ignoreMap":219},[223,1572,1573,1575,1577,1580,1582,1585,1587,1589,1591],{"class":225,"line":226},[223,1574,1305],{"class":457},[223,1576,1308],{"class":457},[223,1578,1579],{"class":233},"Install",[223,1581,1314],{"class":457},[223,1583,1584],{"class":1317},"https:\u002F\u002Fyour-app.com\u002Fmcp\u002Fbadge.svg?color=0ea5e9&borderColor=0284c7",[223,1586,356],{"class":457},[223,1588,1314],{"class":457},[223,1590,1326],{"class":1325},[223,1592,1329],{"class":457},[150,1594,1595],{},[170,1596,1597],{},"Without icon:",[213,1599,1601],{"className":932,"code":1600,"language":934,"meta":219,"style":219},"[![Install](https:\u002F\u002Fyour-app.com\u002Fmcp\u002Fbadge.svg?icon=false)](https:\u002F\u002Fyour-app.com\u002Fmcp\u002Fdeeplink)\n",[185,1602,1603],{"__ignoreMap":219},[223,1604,1605,1607,1609,1611,1613,1616,1618,1620,1622],{"class":225,"line":226},[223,1606,1305],{"class":457},[223,1608,1308],{"class":457},[223,1610,1579],{"class":233},[223,1612,1314],{"class":457},[223,1614,1615],{"class":1317},"https:\u002F\u002Fyour-app.com\u002Fmcp\u002Fbadge.svg?icon=false",[223,1617,356],{"class":457},[223,1619,1314],{"class":457},[223,1621,1326],{"class":1325},[223,1623,1329],{"class":457},[716,1625,720,1626,1629,1630,1633],{"color":718,"icon":719},[185,1627,1628],{},"https:\u002F\u002Fyour-app.com"," with your actual domain. The badge route uses the server name from your ",[185,1631,1632],{},"mcp.name"," config.",[145,1635,1637],{"id":1636},"deeplink-formats","Deeplink Formats",[150,1639,1640],{},"For reference, here are the deeplink formats used by each IDE:",[287,1642,502],{"id":1643},"cursor-1",[213,1645,1650],{"className":1646,"code":1648,"language":1649},[1647],"language-text","cursor:\u002F\u002Fanysphere.cursor-deeplink\u002Fmcp\u002Finstall?name=SERVER_NAME&config=BASE64_CONFIG\n","text",[185,1651,1648],{"__ignoreMap":219},[150,1653,1654,1655,208],{},"The config is Base64-encoded JSON containing ",[185,1656,1657],{},"{ type: 'http', url: 'MCP_URL' }",[287,1659,507],{"id":1660},"vs-code-1",[213,1662,1665],{"className":1663,"code":1664,"language":1649},[1647],"vscode:mcp\u002Finstall?URL_ENCODED_JSON\n",[185,1666,1664],{"__ignoreMap":219},[150,1668,1669,1670,208],{},"The config is URL-encoded JSON containing ",[185,1671,1672],{},"{ name: 'SERVER_NAME', type: 'http', url: 'MCP_URL' }",[145,1674,1676],{"id":1675},"next-steps","Next Steps",[389,1678,1679,1684,1689],{},[392,1680,1681,1683],{},[163,1682,46],{"href":47}," - Create your first tool",[392,1685,1686,1688],{},[163,1687,51],{"href":52}," - Expose data to AI assistants",[392,1690,1691,1693],{},[163,1692,56],{"href":57}," - Create reusable message templates",[1695,1696,1697],"style",{},"html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}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 .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 .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}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":219,"searchDepth":461,"depth":461,"links":1699},[1700,1701,1702,1709,1713,1720,1728,1732],{"id":147,"depth":461,"text":148},{"id":158,"depth":461,"text":158},{"id":277,"depth":461,"text":278,"children":1703},[1704,1705,1707,1708],{"id":289,"depth":484,"text":290},{"id":351,"depth":484,"text":1706},"One-liner for users (add-mcp)",{"id":383,"depth":484,"text":384},{"id":436,"depth":484,"text":437},{"id":511,"depth":461,"text":512,"children":1710},[1711,1712],{"id":531,"depth":484,"text":502},{"id":620,"depth":484,"text":507},{"id":726,"depth":461,"text":727,"children":1714},[1715,1716,1717,1718,1719],{"id":736,"depth":484,"text":737},{"id":778,"depth":484,"text":779},{"id":919,"depth":484,"text":920},{"id":1049,"depth":484,"text":1050},{"id":1147,"depth":484,"text":1148},{"id":1244,"depth":461,"text":1245,"children":1721},[1722,1723,1724,1725,1726,1727],{"id":1251,"depth":484,"text":1252},{"id":1291,"depth":484,"text":1292},{"id":1335,"depth":484,"text":1336},{"id":1367,"depth":484,"text":1368},{"id":1416,"depth":484,"text":1417},{"id":1528,"depth":484,"text":1529},{"id":1636,"depth":461,"text":1637,"children":1729},[1730,1731],{"id":1643,"depth":484,"text":502},{"id":1660,"depth":484,"text":507},{"id":1675,"depth":461,"text":1676},"Connect AI assistants to your MCP server and add install buttons to your documentation.",null,{},{"icon":33},{"title":1738,"description":1739},"Connect to Your MCP Server","Connect Cursor, VS Code, and other assistants to your Nuxt MCP server locally or in production. Share add-mcp, InstallButton, and badges with your users.","rIbLCgUtqKc3PtoVEnts4nRJpKeL1E4qmP7OaOSfKC0",[1742,1744],{"title":25,"path":26,"stem":27,"description":1743,"icon":28,"children":-1},"Visual debugging tool integrated into Nuxt DevTools",{"title":35,"path":36,"stem":37,"description":1745,"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.",1775544028912]