Guide Vue 3 development with Composition API patterns and Vitest testing.
npx skills add https://github.com/onmax/claude-config --skill vue-onmax
Please help me install this Agent Skill. Skill: vue Source: https://github.com/onmax/claude-config/tree/main/skills/vue Command: npx skills add https://github.com/onmax/claude-config --skill vue-onmax
This Skill provides comprehensive guidance and best practices for developing Vue 3 applications, helping you write cleaner, more efficient, and maintainable code.
defineModel for robust components.Use the vue skill to learn about defining props with default values in Vue 3 components.
High-intent search queries and answers about installing and using this skill.
Testing Vue 3 components and composables requires using Vitest to validate reactivity and component rendering. This strategy ensures robust application behavior by verifying logic outputs and component interactions during development.
The best way to define props and emits in Vue 3 components involves using `defineProps` and `defineEmits` macros. These compiler macros provide robust type inference and strict component contracts without runtime overhead.
The `defineModel` macro simplifies two-way binding in Vue 3 components by automatically generating a reactive ref and handling `update:modelValue` events. This reduces boilerplate when synchronizing state between parent and child components.
Handling SSR hydration with Vue 3 reactivity requires matching server-rendered HTML with client-side component states. Properly managing lifecycle hooks during hydration prevents mismatches and ensures smooth page activation.
Yes, this Vue 3 guidance covers testing strategies with Vitest. It provides structured approaches to verify component rendering and composable logic execution, ensuring your application maintains robust behavior across updates.
shalevaminDevelop Vue 3 applications with Composition API, Pinia, and Nuxt 3.
mheersOutline Vue 3 testing patterns with Vitest, Vue Test Utils, and Playwright.
bobmatnycDevelops user interfaces with Vue 3, including components, Composition API, and reactive state.
mgd34msuGuide UI component design, implementation, and optimization across React, Vue, and Svelte.