Provide Vue 3 Composition API syntax for SFCs, props, emits, and reactivity.
npx skills add https://github.com/cooker/wx-mp-article --skill vue-cooker
Please help me install this Agent Skill. Skill: vue Source: https://github.com/cooker/wx-mp-article/tree/main/.cursor/skills/vue Command: npx skills add https://github.com/cooker/wx-mp-article --skill vue-cooker
This Skill provides comprehensive guidance and quick reference for developing modern Vue.js applications using the Composition API and Single File Components (SFCs).
ref, computed, watch, and lifecycle hooks for organized and reusable logic.<script setup>: Utilize the concise and performant SFC syntax with built-in macros like defineProps, defineEmits, and defineModel.Transition, Teleport, Suspense, and KeepAlive for enhanced user experiences.<script setup lang="ts">.Use the vue skill to generate a basic Vue 3 component using <script setup lang="ts"> with a reactive counter and an increment function.
High-intent search queries and answers about installing and using this skill.
To define props and emits in Vue 3 script setup, use the built-in compiler macros `defineProps` and `defineEmits` directly within the `<script setup>` block without importing them. This provides concise syntax for component input and output binding.
The best way to manage reactivity in Vue 3 Composition API is using core primitives like `ref` for reactive values and `computed` for derived state. You can combine these with watchers and lifecycle hooks to organize and reuse logic effectively.
You use Vue 3 built-in components like `Transition`, `Teleport`, `Suspense`, and `KeepAlive` by wrapping your target elements within your Single File Component templates. They enhance user experience by managing animations, DOM rendering locations, and async component states.
Yes, you can use the `defineModel` macro in Vue 3 Single File Components to establish two-way binding. It simplifies parent-child component communication by generating a reactive model reference that automatically syncs with the parent's `v-model` binding.
You should use composable patterns in Vue 3 when you need to extract and reuse stateful logic across multiple components. This pattern leverages Composition API primitives and lifecycle hooks to encapsulate functionality cleanly outside of your SFCs.
1Chen1y1111Guide Vue 3 Composition API and script setup for SFC development with TypeScript.
shiaho777Package Vue 3 single-page apps for Android WebView without a build step.
SandroBeatzProvide Vue 3 documentation and examples for components and applications.
clineDevelop terminal user interfaces with imperative or declarative frameworks.