Vue

by uni-helper15909ff061a3No license108 starsListed Oct 8, 2026Updated Oct 8, 2026Repository updated 7 months ago

Vue.js progressive JavaScript framework. Use when building Vue components, working with reactivity (ref, reactive, computed, watch), or implementing Vue Composition API patterns.

Instructions onlySoftware Development

AI-generated overview

Reference guide for building Vue 3.5+ applications with the Composition API, script setup and TypeScript.

What it does: Provides a structured reference to Vue.js development topics, including the reactivity system (ref, reactive, computed, watch, watchEffect), component features such as props, emits, slots, v-model and lifecycle hooks, and reusability patterns like composables, custom directives and template refs. It also covers advanced topics such as provide/inject and async components with Suspense, plus TypeScript usage. It ends with key recommendations, for example using script setup with lang ts and preferring ref over reactive.
When to use it: Use it when building or working on Vue components, when handling reactivity or Composition API patterns, or when looking up Vue component, composable and TypeScript conventions.
Requirements: No scripts or runtime dependencies; it is an instructions-only reference. The agent needs no packages, credentials or network access.

Vue

The skill is based on Vue 3.5+, generated at 2026-01-28.

Vue is a progressive JavaScript framework for building user interfaces. It builds on standard HTML, CSS, and JavaScript with intuitive API and world-class documentation. The Composition API with <script setup> and TypeScript is the recommended approach for building Vue applications.

Core References

Components

Topic	Description	Reference
Props	Declare and validate component props with TypeScript	components-props [blocked]
Events (Emits)	Emit custom events from components	components-emits [blocked]
Slots	Pass template content to child components	components-slots [blocked]
v-model	Two-way binding on custom components	components-v-model [blocked]
Lifecycle Hooks	Run code at specific component lifecycle stages	components-lifecycle [blocked]

Features

Script Setup & TypeScript

Reusability

Topic	Description	Reference
Composables	Encapsulate and reuse stateful logic	features-composables [blocked]
Custom Directives	Low-level DOM manipulation directives	features-directives [blocked]
Template Refs	Direct DOM and component instance access	features-template-refs [blocked]

Advanced

Topic	Description	Reference
Provide/Inject	Dependency injection across component tree	advanced-provide-inject [blocked]
Async & Suspense	Top-level await pitfalls, async components, Suspense	advanced-async-suspense [blocked]

Key Recommendations

Use <script setup lang="ts"> for all components
Prefer ref() over reactive() for declaring state
Use type-based prop declarations with interfaces
Use defineModel() for v-model (3.4+)
Destructure props reactively (3.5+) for cleaner code
Extract composables for reusable stateful logic

Source and attribution

Source:uni-helper/skillsinskills/vueat commit15909ff

License: No license

Content belongs to its original authors. SourceWeft indexes it from a public repository.

Report or request removal

Vue

Vue

Core References

Components

Features

Script Setup & TypeScript

Reusability

Advanced

Key Recommendations

Source and attribution

More from uni-helper/skills

Web Design Guidelines

More in Software Development

Playground

M5 Onboard

Cardputer Buddy

Web Design Guidelines

Vercel React Native Skills

Vercel React Best Practices