Vuetify

Vuetify is a component framework for Vue, and its MCP server gives Notion AI version-accurate access to Vuetify component APIs, installation guides, upgrade guidance, and release notes. Ask Notion AI to look up a component's props, events, and slots, get the installation guide for Vite or Nuxt, or review breaking changes before upgrading to Vuetify 4.

With Notion Agent

1. Select Get connection on this page.
2. No Vuetify account is needed. Approve access if asked.
3. Ask Notion AI to use Vuetify by name.

Try asking:

• "What props does VDataTable have in Vuetify 3?"
• "Show me the Vuetify installation guide for Nuxt"
• "List the breaking changes when upgrading to Vuetify 4"

With Custom Agents

1. Open your agent's Settings → Tools & Access and select Add connection.
2. Choose Vuetify and pick the tools the agent can use.
3. Select Connect. Each agent has its own connection.

MCP connections are available on Business and Enterprise plans, on web and desktop.