vue-options-api-best-practices

vue-options-api-best-practices

vuejs-ai

•

2.2k1203 months ago

Source Raw

Vue 3 Options API style (data(), methods, this context). Each reference shows Options API solution only.

>_

Quick Install

npxskills add vuejs-ai/skills--skill vue-options-api-best-practices

Instructions

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

Loading…

Related Skills

skill-creator

Create or update AgentSkills. Use when designing, structuring, or packaging skills with scripts, references, and assets.

367,360

openai-whisper-api

Transcribe audio via OpenAI Audio Transcriptions API (Whisper).

359,357

skill-creator

Create or update AgentSkills. Use when designing, structuring, or packaging skills with scripts, references, and assets.

367,309

1password

Set up and use 1Password CLI (op). Use when installing the CLI, enabling desktop app integration, signing in (single or multi-account), or reading/injecting/running secrets via op.