@primevue/mcp 0.0.1-alpha.6 → 0.0.1-alpha.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -92,6 +92,57 @@ After adding, go to **Settings > MCP** and click the refresh button. The Compose
92
92
 
93
93
  ---
94
94
 
95
+ ### VS Code (GitHub Copilot)
96
+
97
+ **Option 1: Project Configuration**
98
+
99
+ Create `.vscode/mcp.json` in your project:
100
+
101
+ ```json
102
+ {
103
+ "servers": {
104
+ "primevue": {
105
+ "command": "npx",
106
+ "args": ["-y", "@primevue/mcp"]
107
+ }
108
+ }
109
+ }
110
+ ```
111
+
112
+ **Option 2: User Configuration (Global)**
113
+
114
+ Create or edit the MCP configuration file in your VS Code user data directory:
115
+
116
+ - **macOS**: `~/Library/Application Support/Code/User/mcp.json`
117
+ - **Windows**: `%APPDATA%\Code\User\mcp.json`
118
+ - **Linux**: `~/.config/Code/User/mcp.json`
119
+
120
+ ```json
121
+ {
122
+ "servers": {
123
+ "primevue": {
124
+ "command": "npx",
125
+ "args": ["-y", "@primevue/mcp"]
126
+ }
127
+ }
128
+ }
129
+ ```
130
+
131
+ **Option 3: Via Command Palette**
132
+
133
+ 1. Open Command Palette (`Cmd+Shift+P` / `Ctrl+Shift+P`)
134
+ 2. Type "MCP: Add Server"
135
+ 3. Select "Command (stdio)"
136
+ 4. Enter `primevue` as the server ID
137
+ 5. Enter `npx` as the command
138
+ 6. Enter `-y,@primevue/mcp` as the arguments
139
+
140
+ After adding, use Copilot in **Agent mode** to access PrimeVue tools. The MCP server will be available in GitHub Copilot Chat.
141
+
142
+ > **Reference:** [VS Code MCP Documentation](https://code.visualstudio.com/docs/copilot/chat/mcp-servers)
143
+
144
+ ---
145
+
95
146
  ### OpenAI Codex CLI
96
147
 
97
148
  **Option 1: Using the CLI**
@@ -255,12 +306,12 @@ After adding, restart Zed. Check the Agent Panel's settings view - a green indic
255
306
 
256
307
  Once installed, try asking your AI assistant:
257
308
 
258
- - "Show me how to use the DataTable component with sorting and filtering"
259
- - "What props does the Button component have?"
260
- - "How do I customize the Dialog component styling with Pass Through?"
261
- - "Compare the Select and Listbox components"
262
- - "What's the best component for a date picker?"
263
- - "Show me examples of the Toast composable"
309
+ - "What are all the props available for the DataTable component?"
310
+ - "Show me how to implement row selection in DataTable"
311
+ - "How do I customize Button styles using Pass Through?"
312
+ - "What design tokens are available for the Card component?"
313
+ - "Find me a component for selecting multiple items from a list"
314
+ - "Compare AutoComplete and Select components"
264
315
 
265
316
  ## Requirements
266
317