Vue options api best practices
Skill aiskillstore/marketplace/skills/vuejs-ai/vue-options-api-best-practices
Vue 3 Options API style (data(), methods, this context). Each reference shows Options API solution only.From its SKILL.md
npx -y skills add aiskillstore/marketplace --skill vue-options-api-best-practicesAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
One thing to look at
- no licenseNo license file was found in the repository. Code published without one is not open source by default, so using it at work is a question for whoever answers licensing questions where you are.
What its file declares
Copied from the file, not written here
The file declares its own license as MIT. That is the author’s claim about this one file, and it is not the same thing as the license GitHub reports for the repository, which is listed with the other numbers below.
SKILL.md
1.8 KB, 322 tokens by cl100k_base, as published. Nobody here has run it
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
What ships with it: 11 files
62.6 KB alongside SKILL.md
reference/
- no-arrow-functions-in-lifecycle-hooks.md2.8 KB
- no-arrow-functions-in-methods.md2.0 KB
- stateful-methods-lifecycle.md1.9 KB
- ts-options-api-arrow-functions-validators.md4.6 KB
- ts-options-api-computed-return-types.md4.8 KB
- ts-options-api-proptype-complex-types.md4.8 KB
- ts-options-api-provide-inject-limitations.md3.3 KB
- ts-options-api-type-event-handlers.md5.5 KB
- ts-options-api-use-definecomponent.md4.6 KB
- ts-strict-mode-options-api.md4.7 KB
- skill-report.json23.7 KB