agent skill Official page
⌘ Vue Options Api Best Practices
Best practices for structuring and scaling Vue applications built with the Options API.
Vue Options Api Best Practices agent skill overview
This MCP Server Hub listing collects the source repository, setup notes, feature summary, and README details for Vue Options Api Best Practices. Use it to decide whether this agent skill fits your AI assistant workflow before installing it locally or connecting it to a compatible client.
Listing type
agent skill
Directory
MCP Server HubOfficial reference
https://raw.githubusercontent.com/vuejs-ai/skills/main/skills/vue-options-api-best-practices/SKILL.mdMCP basics
What is an MCP server?name: vue-options-api-best-practices description: "Vue 3 Options API style (data(), methods, this context). Each reference shows Options API solution only." version: 2.0.0 license: MIT author: github.com/vuejs-ai
Vue.js Options API best practices, TypeScript integration, and common gotchas.
TypeScript
- Need to enable TypeScript type inference for component properties → See ts-options-api-use-definecomponent
- Enabling type safety for Options API this context → See ts-strict-mode-options-api
- Using old TypeScript versions with prop validators → See ts-options-api-arrow-functions-validators
- Event handler parameters need proper type safety → See ts-options-api-type-event-handlers
- Need to type object or array props with interfaces → See ts-options-api-proptype-complex-types
- Injected properties missing TypeScript types completely → See ts-options-api-provide-inject-limitations
- Complex computed properties lack clear type documentation → See ts-options-api-computed-return-types
Methods & Lifecycle
- Methods aren't binding to component instance context → See no-arrow-functions-in-methods
- Lifecycle hooks losing access to component data → See no-arrow-functions-in-lifecycle-hooks
- Debounced functions sharing state across component instances → See stateful-methods-lifecycle