Standardize Vue.js component implementation with Composition API and style guide conventions.
npx skills add https://github.com/dragoscirjan/opencode-config --skill lang-vue
Please help me install this Agent Skill. Skill: lang-vue Source: https://github.com/dragoscirjan/opencode-config/tree/main/skills/lang-vue Command: npx skills add https://github.com/dragoscirjan/opencode-config --skill lang-vue
This Skill helps teams write consistent, maintainable Vue.js code by standardizing component patterns, state handling, and testing practices. It reduces style drift and prevents common mistakes when multiple people work on the same frontend codebase.
Ask the assistant to implement or review your Vue component using the Vue style guide, Composition API, and Vue testing best practices.
High-intent search queries and answers about installing and using this skill.
The best way to structure Vue components is using the Composition API with script setup. It standardizes component patterns by recommending ref for primitives, reactive for objects, and computed for derived state to ensure scalable and maintainable code.
To enforce Vue style guide conventions, align your development workflow with eslint-plugin-vue and Prettier. This standardizes code formatting and prevents style drift when multiple developers work on the same Vue.js codebase.
Vue testing requires Vue Test Utils to properly validate single-file components. It integrates with standardized testing workflows to verify component behavior and ensure props down, events up communication functions correctly.
To manage state without causing style drift, follow standardized Vue patterns: use ref for primitives, reactive for objects, and computed for derived state. This maintains consistency and prevents common mistakes in frontend codebases.
Inconsistent Vue component implementation happens without standardized patterns. Applying Composition API guidance, Vue style guide conventions, and props down events up communication reduces style drift and prevents common mistakes across the team.
mheersOutline Vue 3 testing patterns with Vitest, Vue Test Utils, and Playwright.
Eva813Guide unit testing Vue 3 apps with Vite, Vitest, and Vue Test Utils.
doanchienthangdevDevelop Vue 3 applications with Composition API, TypeScript, Pinia, and Vue Router.
RepairYourTechCreate full-stack Vue.js applications with Nuxt.js file-based routing and Nitro server routes.
