askill
vue-best-practices

vue-best-practicesSafety 95Repository

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.

11 stars
1.2k downloads
Updated 3/10/2026

Package Files

Loading files...
SKILL.md

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

Install

Download ZIP
Requires askill CLI v1.0+

AI Quality Score

55/100Analyzed 2/24/2026

A structured Vue 3 TypeScript reference skill with good metadata and clear trigger conditions. Contains well-organized capability and efficiency rules tables with keywords, but lacks actual implementation content - the rules reference external .md files that aren't provided. Provides high-density technical reference material suitable for Vue developers but offers limited actionable guidance without the referenced rule files.

95
80
70
50
30

Metadata

Licenseunknown
Version-
Updated3/10/2026
Publisherbahayonghang

Tags

github