Skill

vue-options-api-best-practices

Provides Vue 3 Options API best practices, TypeScript type safety tips, and fixes for gotchas like arrow functions in methods/lifecycle hooks.

Vue

Typescript

frontend

code-quality

Install

npx claudepluginhub vuejs-ai/skills --plugin vue-router-best-practices

Tool Access

This skill uses the workspace's default tool permissions.

Preview

Vue.js Options API best practices, TypeScript integration, and common gotchas.

Supporting Assets

reference/no-arrow-functions-in-lifecycle-hooks.mdreference/no-arrow-functions-in-methods.mdreference/stateful-methods-lifecycle.mdreference/ts-options-api-arrow-functions-validators.mdreference/ts-options-api-computed-return-types.mdreference/ts-options-api-proptype-complex-types.mdreference/ts-options-api-provide-inject-limitations.mdreference/ts-options-api-type-event-handlers.mdreference/ts-options-api-use-definecomponent.mdreference/ts-strict-mode-options-api.md

SKILL.md

Similar Skills

applying-brand-guidelines

3 files

Applies Acme Corporation brand guidelines including colors, fonts, layouts, and messaging to generated PowerPoint, Excel, and PDF documents.

anthropics-claude-cookbooks

41.6k

creating-financial-models

2 files

Builds DCF models with sensitivity analysis, Monte Carlo simulations, and scenario planning for investment valuation and risk assessment.

anthropics-claude-cookbooks

41.6k

analyzing-financial-statements

2 files

Calculates profitability (ROE, margins), liquidity (current ratio), leverage, efficiency, and valuation (P/E, EV/EBITDA) ratios from financial statements in CSV, JSON, text, or Excel for investment analysis.

anthropics-claude-cookbooks

41.6k

Stats

Stars2294

Forks134

Last CommitJan 28, 2026

Actions

View Source View Plugin View on GitHub View README

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