Write idiomatic Vue 3: Composition API, composables, reactivity system, Pinia state management, Vue Router patterns, and single-file component best practices.
When to use this skill
- Creating a Vue composable
- Setting up Pinia store
- Using Vue Router guards
Core concepts
This skill provides guidance on vue.js patterns best practices, patterns, and common pitfalls. It is designed to be loaded on demand when a relevant task is detected.
Installation
curl -LO https://opencodeskills.dev/downloads/framework/vue-patterns.zip
unzip vue-patterns.zip -d ~/.config/opencode/skills/Restart OpenCode — the skill loads automatically.
When it triggers
- creating a Vue composable
- setting up Pinia store
- using Vue Router guards