Developer example

Vue 3 sample for standards-based OIDC login

Use the Vue 3 sample when you need a clean SPA baseline for modern OIDC login without inventing your own browser auth flow.

Vue 3 + oidc-client-ts SPA / public client with PKCE
View code on GitHub Back to developer docs Security guidance
Best for
  • Vue teams building member portals, self-service frontends, or internal browser-based tools.
  • Projects that want a working login baseline before product-specific identity logic is added.
  • Teams that prefer standards-based OIDC over framework-specific auth shortcuts.
What this sample shows
  • Authorization Code + PKCE in a Vue 3 application.
  • Login, callback, and logout structure for a maintainable SPA flow.
  • A solid base before permissions, profile views, or delegated handling are layered on top.
Integration model

Use a clean SPA login baseline, then extend the identity model only where needed

This sample keeps the Vue 3 integration focused on standard browser-based sign-in. Use it for direct self-service access. If your product later needs managed profiles or delegated handling, add those capabilities explicitly rather than forcing them into a simple frontend account model.

These pages explain the sample on Tuurio's domain. GitHub remains the code host.

Stack
Vue 3 + oidc-client-ts
Pattern
SPA / public client with PKCE
Source code auth_samples_vue3