npx skills add vuejs-ai/skills --skill vue-options-api-best-practices
pymodel/vue3-best-practices · Archived
vue-options-api-best-practices
Vue 3 Options API style (data(), methods, this context). Each reference shows Options API solution only.
Installation
$
npx skills add pymodel/vue3-best-practices --skill vue-options-api-best-practices
Stronger alternatives
This repository is archived — consider an actively maintained alternative.
vue-best-practices
Same source · more installs
pymodel/vue3-best-practices
MUST be used for Vue.js tasks. Strongly recommends Composition API with `<script setup>` and Ty…
4 installs
vue-pinia-best-practices
Same source
pymodel/vue3-best-practices
Pinia stores, state management patterns, store setup, and reactivity with stores (Pinia 2-4: st…
3 installs
vue-testing-best-practices
Same source
pymodel/vue3-best-practices
Use for Vue.js testing. Covers Vitest 4, Vue Test Utils, component testing, mocking, testing pa…
3 installs
vue-router-best-practices
Same source
pymodel/vue3-best-practices
Vue Router 4/5 patterns, navigation guards, route params, file-based routing, and route-compone…
3 installsSimilar popular skills
Related neighbors and high-traction skills in the same topics — useful to compare before installing.
vercel-react-best-practices
Similar name
vercel-labs/agent-skills
React and Next.js performance optimization guidelines from Vercel Engineering. This skill shoul…
3.7K installs
remotion-best-practices
Similar name
remotion-dev/skills
Router for all Remotion skills
5.7K installs
supabase-postgres-best-practices
Similar name
supabase/agent-skills
Postgres best practices maintained by Supabase, for Postgres running anywhere. Load this skill …
1.4K installs
better-auth-best-practices
Similar name
better-auth/skills
Configure Better Auth server and client, set up database adapters, manage sessions, add plugins…
330 installs
workers-best-practices
Similar name
cloudflare/skills
Cloudflare Workers best practices for production applications. Use when writing, reviewing, or …
1.2K installs
stripe-best-practices
Similar name
stripe/ai
>- Guides Stripe integration decisions across API selection (Checkout Sessions vs PaymentIntent…
370 installsAlso in this package
Other skills from pymodel/vue3-best-practices.
npx skills add pymodel/vue3-best-practices
More details
Agent compatibility
Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.
Claude Code
Not declared
Cursor
Not declared
Codex
Not declared
GitHub Copilot
Not declared
Windsurf
Not declared
Gemini CLI
Not declared
Cline
Not declared
OpenCode
Not declared
Also listed on
Alternate registries and mirrors of this skill.
npx skills add smithery/zuiaizengdada --skill vue-options-api-best-practices
Repository health
License
LICENSE
Default branch
main
Open issues
0
Status
Archived
Skill metadata
Parsed from SKILL.md frontmatter.
Version2.0.0
LicenseMIT
Package contents
Files included with this skill beyond the listing page.
-
skill md
SKILL.md1,846 B -
docs
SUMMARY.md142 B
History
- First seen on skills.sh
- First recorded snapshot · 3 installs
SKILL.md
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](reference/ts-options-api-use-definecomponent.md)
- Enabling type safety for Options API this context → See [ts-strict-mode-options-api](reference/ts-strict-mode-options-api.md)
- Using old TypeScript versions with prop validators → See [ts-options-api-arrow-functions-validators](reference/ts-options-api-arrow-functions-validators.md)
- Event handler parameters need proper type safety → See [ts-options-api-type-event-handlers](reference/ts-options-api-type-event-handlers.md)
- Need to type object or array props with interfaces → See [ts-options-api-proptype-complex-types](reference/ts-options-api-proptype-complex-types.md)
- Injected properties missing TypeScript types completely → See [ts-options-api-provide-inject-limitations](reference/ts-options-api-provide-inject-limitations.md)
- Complex computed properties lack clear type documentation → See [ts-options-api-computed-return-types](reference/ts-options-api-computed-return-types.md)
Methods & Lifecycle
- Methods aren't binding to component instance context → See [no-arrow-functions-in-methods](reference/no-arrow-functions-in-methods.md)
- Lifecycle hooks losing access to component data → See [no-arrow-functions-in-lifecycle-hooks](reference/no-arrow-functions-in-lifecycle-hooks.md)
- Debounced functions sharing state across component instances → See [stateful-methods-lifecycle](reference/stateful-methods-lifecycle.md)