# Clerk Vue Patterns

> Patrones de Vue 3 con Clerk: composables (useAuth, useUser, useClerk, useOrganization), guardas de Vue Router e integración con un store de Pinia. Para Nuxt, usa clerk-nuxt-patterns.

Fuente: https://skillsagentes.com/skills/clerk/skills/clerk-vue-patterns
Markdown: https://skillsagentes.com/skills/clerk/skills/clerk-vue-patterns.md

Repositorio: https://github.com/clerk/skills
Autor: clerk
Licencia: MIT
Actualizado: hace 6 meses
Coste de contexto: 70 tok instalada, 708 tok al activarse, 2.9k tok con todos los archivos del bundle
Bundle: 11 archivos, 11 KB
Permisos que pide: webfetch

## Instalación

Un skill son archivos markdown: los mismos archivos valen para cualquier agente y lo único que cambia es el directorio de destino, es decir la bandera `--agent`. Añade `-g` para instalarlo en todos los proyectos de la máquina.

```bash
# Claude Code
npx -y skills add clerk/skills --skill clerk-vue-patterns --agent claude-code
# Cursor
npx -y skills add clerk/skills --skill clerk-vue-patterns --agent cursor
# Codex
npx -y skills add clerk/skills --skill clerk-vue-patterns --agent codex
# Gemini CLI
npx -y skills add clerk/skills --skill clerk-vue-patterns --agent gemini
# Windsurf
npx -y skills add clerk/skills --skill clerk-vue-patterns --agent windsurf
# Cline
npx -y skills add clerk/skills --skill clerk-vue-patterns --agent cline
```

## Qué hace

- Recoge los patrones de Vue 3 con Clerk
- Cubre los composables `useAuth`, `useUser`, `useClerk` y `useOrganization`
- Explica las guardas de Vue Router y la integración con un store de Pinia

## Cuándo usarla

- Autenticación en Vue 3 con composables de Clerk
- Guardas de ruta en Vue Router o store de autenticación en Pinia

## Cuándo no

- Nuxt: usa `clerk-nuxt-patterns`

## Qué la activa

- "Usa useAuth en este componente de Vue"
- "Añade una guarda de ruta con Clerk en Vue Router"
- "Integra Clerk con mi store de Pinia"

## Antes de instalar

- makes network requests

## Archivos

- SKILL.md — 3 KB
- evals/evals.json — 2 KB
- references/composables.md — 2 KB
- references/pinia-integration.md — 1 KB
- references/vue-router-guards.md — 2 KB
- templates/vue-basic-auth/index.html — 294 B
- templates/vue-basic-auth/package.json — 337 B
- templates/vue-basic-auth/src/App.vue — 304 B
- templates/vue-basic-auth/src/main.ts — 390 B
- templates/vue-basic-auth/src/style.css — 0 B
- templates/vue-basic-auth/vite.config.ts — 127 B

## SKILL.md

No se reproduce aquí. Léelo en https://github.com/clerk/skills/blob/main/skills/frameworks/clerk-vue-patterns/SKILL.md

## Dónde encaja

- Categoría: [Seguridad](https://skillsagentes.com/categorias/seguridad.md) — Auditorías, revisión de dependencias, manejo de secretos y modelado de amenazas.
- Creador: [clerk](https://skillsagentes.com/creators/clerk.md) — 22 skills en el directorio
- [Todas las skills](https://skillsagentes.com/skills.md)
- [Ranking de instalaciones](https://skillsagentes.com/ranking.md)

## Otras skills del mismo repositorio

- [Clerk Cli](https://skillsagentes.com/skills/clerk/skills/clerk-cli.md): Opera el CLI de Clerk para autenticación, gestión de usuarios, organizaciones y sesiones, suplantación, webhooks locales, despliegue, configuración de instancia y cualquier llamada a su API.
- [Clerk Setup](https://skillsagentes.com/skills/clerk/skills/clerk-setup.md): Añade autenticación de Clerk a cualquier proyecto siguiendo las guías oficiales de inicio rápido.
- [Clerk](https://skillsagentes.com/skills/clerk/skills/clerk.md): Enrutador de autenticación de Clerk. Úsalo para operaciones del CLI, añadir autenticación, flujos de login a medida, patrones por framework, organizaciones, facturación, testing o webhooks; enruta solo al skill concreto.
- [Clerk Expo](https://skillsagentes.com/skills/clerk/skills/clerk-expo.md): Añade autenticación de Clerk a apps de Expo y React Native con @clerk/expo: componentes nativos, flujos a medida, OAuth/SSO, login nativo de Google y Apple, rutas de Expo Router y biometría.
- [Clerk Billing](https://skillsagentes.com/skills/clerk/skills/clerk-billing.md): Facturación de Clerk para gestionar suscripciones: PricingTable, checkout en la app, planes, límite de asientos para B2B, permisos por funcionalidad con has() y webhooks de facturación.

## Skills relacionadas

- [Careful](https://skillsagentes.com/skills/garrytan/gstack/careful.md): Barreras de seguridad para comandos destructivos (gstack).
- [Cso](https://skillsagentes.com/skills/garrytan/gstack/cso.md): Modo Chief Security Officer: auditoría de seguridad centrada en infraestructura, con OWASP Top 10, modelado de amenazas STRIDE y verificación activa.
- [Guard](https://skillsagentes.com/skills/garrytan/gstack/guard.md): Modo de máxima seguridad: avisos ante comandos destructivos más restricción de ediciones a un directorio concreto (gstack).
- [Security And Hardening](https://skillsagentes.com/skills/addyosmani/agent-skills/security-and-hardening.md): Refuerza el código frente a vulnerabilidades: entradas de usuario, autenticación, almacenamiento de datos, integraciones externas, el OWASP Top Ten, auditoría de dependencias y cumplimiento de privacidad (GDPR, CCPA).
- [Agent Authentication](https://skillsagentes.com/skills/ruvnet/ruflo/agent-authentication.md): Especialista en autenticación y gestión de usuarios de Flow Nexus: login, registro, gestión de sesión y operaciones de cuenta mediante tools MCP de Flow Nexus.

---

Skills Agentes · [Índice de páginas en markdown](https://skillsagentes.com/sitemap.md) · [Inicio](https://skillsagentes.com/index.md)