Labsco
auth0 logo

auth0-vue

★ 37

by auth0 · part of auth0/agent-skills

Use when adding authentication to Vue.js 3 applications (login, logout, user sessions, protected routes) - integrates @auth0/auth0-vue SDK for SPAs with Vite…

🔥🔥🔥🔥✓ VerifiedFreeQuick setup
#automation#git#maps
🧩 One of 7 skills in the auth0/agent-skills package — works on its own, and pairs well with its siblings.

Use when adding authentication to Vue.js 3 applications (login, logout, user sessions, protected routes) - integrates @auth0/auth0-vue SDK for SPAs with Vite…

Inspect the full instructions your agent will receiveExpand

This is the exact playbook injected into your agent when the skill activates — shown here so you can audit it before installing. You don't need to read it to use the skill.

by auth0

Use when adding authentication to Vue.js 3 applications (login, logout, user sessions, protected routes) - integrates @auth0/auth0-vue SDK for SPAs with Vite… npx skills add https://github.com/auth0/agent-skills --skill auth0-vue Download ZIPGitHub37

Auth0 Vue.js Integration

Add authentication to Vue.js 3 single-page applications using @auth0/auth0-vue.

When NOT to Use

  • Server-side rendered Vue apps - See Auth0 Nuxt.js guide for SSR patterns

  • Vue 2 applications - This SDK requires Vue 3+, use legacy @auth0/auth0-spa-js wrapper

  • Embedded login - This SDK uses Auth0 Universal Login (redirect-based)

  • Backend API authentication - Use express-openid-connect or JWT validation instead

Detailed Documentation

  • Setup Guide - Automated setup scripts (Bash/PowerShell), CLI commands, manual configuration

  • Integration Guide - Protected routes, API calls, error handling, composables

  • API Reference - Complete SDK API, configuration options, composables reference, testing strategies

Related Skills

  • auth0-quickstart - Basic Auth0 setup

  • auth0-migration - Migrate from another auth provider

  • auth0-mfa - Add Multi-Factor Authentication

  • auth0-dpop - Add DPoP device-bound token binding

  • auth0-cli - Manage Auth0 resources from the terminal

Quick Reference

Core Composables:

  • useAuth0() - Main authentication composable

  • isAuthenticated - Reactive check if user is logged in

  • user - Reactive user profile information

  • loginWithRedirect() - Initiate login

  • logout() - Log out user

  • getAccessTokenSilently() - Get access token for API calls

DPoP Composables (requires useDpop: true in createAuth0 config — see auth0-dpop):

  • createFetcher(config) - Returns a DPoP-aware fetch-compatible function

  • generateDpopProof(params) - Manually generate a DPoP proof JWT

  • getDpopNonce(id?) - Get the current stored DPoP nonce

  • setDpopNonce(nonce, id?) - Store a server-issued DPoP nonce

Common Use Cases:

References