Agent skill

vue

Vue coding style and best practices.

View SKILL.md on GitHub Repository
Stars 1
Forks 0

Install this agent skill to your Project

npx add-skill https://github.com/rakibdev/dotfiles/tree/main/home/.config/ai/skills/vue

SKILL.md

  • Always use toast.error(error.message) in catch blocks, never console.error
  • Minimize DOM nesting by avoiding unnecessary wrappers ()
  • Use modern v3.5+ syntax (e.g. defineModel, defineEmits named tuple, useTemplateRef)
  • Use shorthands prop in templates (e.g. prop instead of :prop={true})
  • PascalCase for component, camelCase for prop e.g. @update:modeValue over @update:model-value
  • Structure: First , then , then
  • Prefer @update:modelValue instead of watch
  • Use <template v-if> instead of empty <div v-if>. Put v-for directly on components, not wrapper divs

Didn't find tool you were looking for?

Be as detailed as possible for better results