agentsclimarketplace
Sign in

Vue best practices

Skill aiskillstore/marketplace/skills/hyf0/vue-best-practices

Vue 3 and Vue.js best practices for TypeScript, vue-tsc, and Volar. This skill should be used when writing, reviewing, or refactoring Vue components to ensure correct typing patterns. Triggers on tasks involving Vue components, props extraction, wrapper components, template type checking, or Volar configuration.From its SKILL.md

Install
npx -y skills add aiskillstore/marketplace --skill vue-best-practices

Assembled 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

2.6 KB, 554 tokens by cl100k_base, as published. Nobody here has run it

Capability Rules

RuleKeywordsDescription
extract-component-propsget props type, wrapper component, extend props, inherit props, ComponentPropsExtract types from .vue components
vue-tsc-strict-templatesundefined component, template error, strictTemplatesCatch undefined components in templates
fallthrough-attributesfallthrough, $attrs, wrapper componentType-check fallthrough attributes
strict-css-modulescss modules, $style, typoCatch CSS module class typos
data-attributes-configdata-*, strictTemplates, attributeAllow data-* attributes
volar-3-breaking-changesvolar, vue-language-server, editorFix Volar 3.0 upgrade issues
module-resolution-bundlercannot find module, @vue/tsconfig, moduleResolutionFix module resolution errors
define-model-update-eventdefineModel, update event, undefinedFix model update errors
with-defaults-union-typeswithDefaults, union type, defaultFix union type defaults
deep-watch-numericwatch, deep, array, Vue 3.5Efficient array watching
vue-directive-comments@vue-ignore, @vue-skip, templateControl template type checking
vue-router-typed-paramsroute params, typed router, unpluginFix route params typing

Efficiency Rules

RuleKeywordsDescription
hmr-vue-ssrhmr, ssr, hot reloadFix HMR in SSR apps
pinia-store-mockingpinia, mock, vitest, storeMock Pinia stores

Reference

What ships with it: 18 files

58.4 KB alongside SKILL.md

rules/

Keep looking

Skills are one crate of 325,949. Ordering is by how many stacks a row turns up in, so the top of any crate is what has actually been picked rather than what has the most stars.