Agent-Skills.md

Agent Skills: vue

Vue coding style and best practices.

UncategorizedID: rakibdev/dotfiles/vue

Repository

rakibdev/dotfiles
rakibdev
1

Install this agent skill to your local

pnpm dlx add-skill https://github.com/rakibdev/dotfiles/tree/HEAD/home/.config/opencode/skill/vue

Skill Files

Browse the full folder contents for vue.

Download Skill

Loading file tree…

home/.config/opencode/skill/vue/SKILL.md

Skill Metadata

Name
vue
Description
Vue coding style and best practices.
  • Always use toast.error(error.message) in catch blocks, never console.error
  • Minimize DOM nesting by avoiding unnecessary wrappers (<div>)
  • 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 <template>, then <script>, then <style>
  • 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
vue Skill | Agent Skills