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