vueuse-best-practices
VueUse Best Practices
Best practices and common gotchas for VueUse composables.
When to Apply
- Working with VueUse composables
- Debugging VueUse SSR issues
- Fixing type inference issues with VueUse
Efficiency Rules
Rules that help AI solve problems more effectively and consistently.
| Rule | Impact | Description |
|---|---|---|
| ssr-compatibility | HIGH | Handle VueUse composables in SSR environments |
| target-element-refs | MEDIUM | Properly pass element refs to VueUse composables |
Reference
More from dedsiteam/dedsi-skills
dedsi-vue3-coding
Vue 3 coding guidelines and best practices with Dedsi UI components
15dedsi-vue3-project
Vue 3 project architecture overview with specific tech stack and development guidelines
12dedsi-vue-ui
Dedsi-Vue-UI 是一个基于 Vue 3 + TypeScript 的现代化 UI 组件库，提供了 37+ 个高质量组件，涵盖基础、布局、导航、数据展示和反馈等场景。
11dedsi-framework
基于 DedsiFramework 源代码，提供 Dedsi Framework（ABP 扩展框架）的模块速查、接入步骤、常见用法与问题定位建议。在读取源代码时忽略 bin 和 obj 目录。
10dedsiddd-dotnet-coding
用于在 DedsiDDD + .NET 项目中，按统一约定生成 DDD/CQRS 常见代码骨架（领域模型、DTO、EF Core 映射、仓储、Commands、Queries、Controller）。
10pinia-best-practices
Pinia store TypeScript configuration and typing issues. Covers storeToRefs type loss, getters circular references, and setup store patterns. Use when working with Pinia stores in Vue 3 projects, debugging store type errors, or fixing storeToRefs type inference.
9