# Vueuse Best Practices

> 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. Use when this capability is needed.

- Skill: `tomevault-io/vueuse-best-practices` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add tomevault-io/vueuse-best-practices`
- Raw SKILL.md: https://api.skillmd.com/api/skills/tomevault-io/vueuse-best-practices/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Integrations & APIs
- Author: tomevault-io (https://skillmd.com/u/tomevault-io)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/tomevault-io/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](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)

---
> Converted and distributed by [TomeVault](https://tomevault.io/claim/jianxcao) — claim your Tome and manage your conversions.
<!-- tomevault:4.0:skill_md:2026-04-11 -->