---
name: vueuse-best-practices
description: VueUse composable patterns and TypeScript integration. Covers common VueUse gotchas, SSR compatibility, and best practices. Use when working with VueUse composables, debugging VueUse issues, or integrating VueUse with SSR.
license: MIT
metadata:
  author: hyf0
  version: "1.0.0"
---

# 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](rules/ssr-compatibility.md) | HIGH | Handle VueUse composables in SSR environments |
| [target-element-refs](rules/target-element-refs.md) | MEDIUM | Properly pass element refs to VueUse composables |

---

## Reference

- [VueUse Documentation](https://vueuse.org/)
- [VueUse GitHub](https://github.com/vueuse/vueuse)