Create reusable Vue composables, functions that share reactive logic, accepting plain values, refs, or getters. Choose input types for reading or writing and normalize values so reactive effects track changes consistently.
中文简介正在准备中。当前显示英语简介。
- Build reusable Vue composables
- Update a document title when its input changes
- Create a counter with writable input
vuejs-ai/skills☆ 31232026年10月20日 更新
Guides Vue 3 development with TypeScript, covering state, component responsibilities, and data flow. Helps organize implementation and refactoring, then review performance once the required behavior works.
中文简介正在准备中。当前显示英语简介。
- Building Vue 3 screens with TypeScript
- Refactoring large components
- Clarifying state ownership and data flow
vuejs-ai/skills☆ 31232026年10月20日 更新
Diagnose Vue 3 problems through symptom-based references covering state updates, component events, asynchronous failures, and rendering errors. Includes server-rendered pages whose HTML does not match what the browser expects when it takes over.
中文简介正在准备中。当前显示英语简介。
- Investigating a screen that no longer updates
- Tracking duplicate or missing component events
- Diagnosing asynchronous loading failures
vuejs-ai/skills☆ 31232026年10月20日 更新
Guides maintenance of Vue 3 components written with Options API. Covers TypeScript typing, access to component data through this, lifecycle methods, and accidental sharing of state between component instances.
中文简介正在准备中。当前显示英语简介。
- Adding types to Options API components
- Investigating this binding in methods
- Reviewing access to data in lifecycle hooks
vuejs-ai/skills☆ 31232026年10月20日 更新
Set up Pinia stores, the shared data containers used in Vue applications, and troubleshoot state updates. Covers startup errors, destructuring that breaks screen updates, method context, and using URLs for temporary filters.
中文简介正在准备中。当前显示英语简介。
- Investigating Pinia startup errors
- Fixing screen updates after destructuring store values
- Checking state returned by setup stores
vuejs-ai/skills☆ 31232026年10月20日 更新
Helps troubleshoot Vue Router 4 navigation, including checks before changing pages, URL parameter changes, and component cleanup. Use it to investigate redirect loops, stale data, and asynchronous work during navigation.
中文简介正在准备中。当前显示英语简介。
- Investigating infinite redirect loops
- Reviewing data updates when URL parameters change
- Checking asynchronous API calls during navigation
vuejs-ai/skills☆ 31232026年10月20日 更新