🔐 Vue3 OIDC Client

Static Single Page Application Demo

🔧 Configuration:
Issuer: {{ config.issuer }}
Client ID: {{ config.clientId }}
Scopes: {{ config.scopes }}

Processing authentication...

👤 User Information

Sub: {{ userInfo.sub }}
Name: {{ userInfo.name }}
Email: {{ userInfo.email }}
Email Verified: {{ userInfo.email_verified ? '✅ Yes' : '❌ No' }}
Picture: Profile

🔑 Tokens

Access Token: {{ tokenExpired ? 'Expired' : 'Valid' }}
{{ tokens.access_token.substring(0, 60) }}...
Expires: {{ tokenExpiryTime }}
ID Token:
{{ tokens.id_token.substring(0, 60) }}...
Refresh Token:
{{ tokens.refresh_token.substring(0, 60) }}...