Write Vue 3 single-file components using Composition API and script setup macros.
npx skills add https://github.com/molaei2000/triplem.dev --skill vue-molaei2000
Please help me install this Agent Skill. Skill: vue Source: https://github.com/molaei2000/triplem.dev/tree/main/.agents/skills/vue Command: npx skills add https://github.com/molaei2000/triplem.dev --skill vue-molaei2000
Vue 3 development with Composition API and script setup can be verbose and error-prone; this skill helps codify best practices and patterns.
Create a Vue 3 component using <script setup> with defineProps and defineEmits to build a reusable input form.
High-intent search queries and answers about installing and using this skill.
Build type-safe Vue 3 components by using script setup macros like defineProps and defineEmits for concise definitions and strong IDE typing. This approach minimizes boilerplate while ensuring strict TypeScript support across single-file components.
Manage Vue 3 reactivity using ref, reactive, and computed properties alongside lifecycle hooks. The Composition API provides a clean method to handle state changes and side effects, replacing the scattered logic of the Options API for scalable applications.
Use Vue 3 built-in components like Teleport for DOM rendering outside component trees, Suspense for async operations, and KeepAlive for caching component state. They solve complex real-world UI requirements for transitions and deferred rendering.
Vue 3 script setup works effectively for small to medium projects by reducing verbosity and error-prone patterns. It codifies best practices for component design, making single-file components scalable and maintainable across varying project sizes.
Define two-way binding in Vue 3 using the defineModel macro within script setup. This reduces boilerplate by automatically handling model updates and props, creating clean and reusable input form components with minimal code.
CloudyWingEnforce Vue 3 Composition API and script setup guidelines with TypeScript.
cslsoftwaresConfigure Vue Router and Pinia with guards and lazy loading.
qibmzEnforce Vue 3 typing best practices with TypeScript, vue-tsc, and Volar.
rakibulismDesign animation-heavy component architectures with isolated motion state and explicit state machines.
