The skills for vue

Commonly used skills for vue development

Admin7 skills0 URL GitHub

INSTALL

Cài đặt hàng loạt

Open the batch installer for this collection and generate commands only when you need them.

Skills

Các skills đã xuất bản và nguồn skill GitHub đã được xác thực có trong bộ sưu tập này.

vue-best-practices

bởi vuejs-ai

vue-best-practices là skill dành cho Vue 3, hỗ trợ sinh mã, review và refactor. Skill này định hướng agent theo Composition API, <script setup lang="ts">, luồng dữ liệu tường minh, các lựa chọn có tính đến SSR và những tài liệu cốt lõi về reactivity, SFC, composables, Router, Pinia và ứng dụng dùng Vite.

Frontend Development

Yêu thích 0GitHub 2.1k

vue-debug-guides

bởi vuejs-ai

vue-debug-guides là skill debug Vue 3 giúp chẩn đoán lỗi runtime, cảnh báo, lỗi async component, vấn đề reactivity, và sai lệch SSR hoặc hydration, kèm hướng khắc phục có mục tiêu dựa trên tài liệu tham chiếu.

Debugging

Yêu thích 0GitHub 2.1k

vue-jsx-best-practices

bởi vuejs-ai

vue-jsx-best-practices giúp lập trình viên frontend viết Vue JSX và TSX đúng chuẩn hơn bằng cách thay các thuộc tính kiểu React như className và htmlFor bằng thuộc tính HTML phù hợp với Vue.

Frontend Development

Yêu thích 0GitHub 2.1k

vue-options-api-best-practices

bởi vuejs-ai

vue-options-api-best-practices giúp các nhóm frontend áp dụng best practices cho Vue 3 Options API, khắc phục lỗi ràng buộc `this` và lifecycle, đồng thời cải thiện kiểu TypeScript cho props, giá trị computed, events và cách dùng inject mà không cần chuyển sang Composition API.

Frontend Development

Yêu thích 0GitHub 2.1k

vue-pinia-best-practices

bởi vuejs-ai

vue-pinia-best-practices giúp các nhóm Vue 3 dùng Pinia an toàn hơn, với hướng dẫn rõ ràng về thời điểm cài đặt, cách dùng storeToRefs, giá trị trả về của setup store, và khi nào nên dùng URL thay vì store state.

Frontend Development

Yêu thích 0GitHub 2.1k

vue-router-best-practices

bởi vuejs-ai

vue-router-best-practices là hướng dẫn chuyên sâu về Vue Router 4, tập trung xử lý navigation guards, cập nhật route params, state component bị cũ, vòng lặp redirect và các mẫu `next()` đã lỗi thời trong ứng dụng frontend.

Frontend Development

Yêu thích 0GitHub 2.1k

vue

bởi antfu

vue skill dành cho việc tạo mã Vue 3 với Composition API, `<script setup lang="ts">`, macro, reactivity và các component dựng sẵn. Dùng skill này để tham khảo cách cài đặt và cải thiện cách dùng vue cho SFCs, `defineProps`, `defineEmits`, `defineModel`, watchers, `Transition`, `Teleport`, `Suspense` và `KeepAlive`.

Frontend Development

Yêu thích 0GitHub 4.4k

Cách sử dụng

Hướng dẫn Markdown để dùng bộ sưu tập này.

# Vue Skills Collection

## Site Skills

- **vue-router-best-practices** (vuejs-ai)  
  A focused Vue Router 4 guide for handling navigation guards, route updates, redirect loops, and deprecated patterns.

- **vue-pinia-best-practices** (vuejs-ai)  
  Best practices for using Pinia in Vue 3, covering store setup, reactivity, and state management decisions.

- **vue-options-api-best-practices** (vuejs-ai)  
  A guide to writing robust Vue 3 Options API code with correct lifecycle usage, typing, and this-binding.

- **vue-jsx-best-practices** (vuejs-ai)  
  Helps developers write idiomatic Vue JSX/TSX by avoiding React-style patterns and using Vue-native syntax.

- **vue-debug-guides** (vuejs-ai)  
  A debugging skill for diagnosing Vue 3 runtime issues, reactivity bugs, async failures, and SSR mismatches.

- **vue-best-practices** (vuejs-ai)  
  A comprehensive Vue 3 guide for code generation, review, and refactoring with modern best practices.