Use when adding authentication to Vue.js 3 applications (login, logout, user sessions, protected routes) - integrates @auth0/auth0-vue SDK for SPAs with Vite or Vue CLI
96
Does it follow best practices?
Evaluation — 100%
↑ 1.04xAgent success when using this skill
Validation for skill structure
Auth0 plugin setup and login/logout UI
Correct package import
100%
100%
Plugin registered before mount
100%
100%
VITE_ env var names
100%
100%
import.meta.env access
100%
100%
redirect_uri set to origin
100%
100%
useAuth0 composable used
100%
100%
isLoading guard present
100%
100%
loginWithRedirect usage
100%
100%
logout with returnTo
100%
100%
No manual token storage
100%
100%
Correct env values
100%
100%
Without context: $0.1663 · 49s · 13 turns · 16 in / 2,520 out tokens
With context: $1.2758 · 3m 30s · 44 turns · 4,061 in / 11,454 out tokens
Protected routes with auth guard
Auth guard import from SDK
100%
100%
Guard applied to /dashboard
100%
100%
Guard applied to /courses
100%
100%
Guard applied to /profile
100%
100%
Home route unprotected
100%
100%
Lazy-loaded components
100%
100%
createWebHistory used
100%
100%
createRouter from vue-router
100%
100%
No custom beforeEach
100%
100%
No manual loginWithRedirect in router
100%
100%
Router default exported
100%
100%
No isAuthenticated check in router
100%
100%
Without context: $0.1268 · 33s · 9 turns · 14 in / 1,418 out tokens
With context: $0.3557 · 56s · 15 turns · 3,599 in / 2,552 out tokens
API token retrieval and session persistence
Audience in plugin config
100%
100%
Session persistence: cacheLocation
100%
100%
Session persistence: refresh tokens
0%
100%
getAccessTokenSilently used
100%
100%
Bearer token in header
100%
100%
Correct API endpoint
100%
100%
useAuth0 composable
100%
100%
Error state handled
100%
100%
Loading state handled
100%
100%
No manual token storage
100%
100%
Without context: $0.2677 · 1m 4s · 19 turns · 25 in / 3,388 out tokens
With context: $0.4333 · 56s · 19 turns · 3,850 in / 3,181 out tokens
Table of Contents
If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.