Develop Vue 3 components with the Composition API and TypeScript.
npx skills add https://github.com/slashwhy/super-todo --skill vue-components
Please help me install this Agent Skill. Skill: vue-components Source: https://github.com/slashwhy/super-todo/tree/main/.github/skills/vue-components Command: npx skills add https://github.com/slashwhy/super-todo --skill vue-components
This Skill provides a standardized approach to building Vue 3 components, ensuring consistency, maintainability, and adherence to project conventions.
<script setup lang="ts">.ref and computed properties.Create a new Vue component named 'UserProfileCard' that accepts a 'user' prop and emits a 'save' event.
High-intent search queries and answers about installing and using this skill.
Define type-safe props and emits in Vue 3 components using `<script setup lang="ts">` to ensure TypeScript inference and project convention adherence. This Skill provides patterns for type-safe definitions and reactive state management.
The best way to structure a Vue 3 component is using `<script setup lang="ts">` with patterns for reactive state, computed properties, and lifecycle hooks. This Skill ensures component structures remain testable and maintainable.
Add `data-testid` attributes to Vue components to ensure they are testable according to project standards. This Skill provides conventions for including testable attributes alongside proper styling guidelines.
Yes, you can use TypeScript with the Vue 3 Composition API for basic reactive state management using `ref` and computed properties. This Skill demonstrates type-safe state management patterns for reusable UI elements.
Vue 3 component structure lacks consistency without standardized patterns for props, emits, and styling. This Skill solves the problem by providing conventions for developing components using the Composition API and TypeScript.
Use `<script setup>` in Vue 3 components when creating new reusable UI elements like modals or cards to ensure they follow established project patterns. This Skill provides the recommended structure for these scenarios.
fanguyunBuild Vue 3 applications with JavaScript and JSDoc type hints.
velcraftingImplement frontend unit and end-to-end tests for React and Vue components.
doanchienthangdevDevelop Vue 3 applications with Composition API, TypeScript, Pinia, and Vue Router.
kirklinStandardize Vue 3 projects with Composition API patterns and component organization.