Access to sensitive data granted
\n\n```\n\n**Session Refresh**\n\n```vue\n\n```\n\n### `useUVBFactor(options)`\n\nComposable for factor enrollment and management.\n\n#### Usage\n\n```vue\n\n\n\n \n ![\"TOTP]()
\n
\n\n```\n\n### `useWebAuthn()`\n\nComposable for WebAuthn/FIDO2 authentication.\n\n#### Usage\n\n```vue\n\n\n\n Secret: {{ enrollmentData.secret }}
\n\n \n Register Biometric\n \n
\n\n```\n\n## Advanced Examples\n\n### Protected Routes (Vue Router)\n\n```ts\n// router/index.ts\nimport { createRouter, createWebHistory } from 'vue-router';\nimport { useUVB } from '@sp-uvb/vue';\n\nconst router = createRouter({\n history: createWebHistory(),\n routes: [\n {\n path: '/dashboard',\n component: () => import('@/views/Dashboard.vue'),\n meta: { requiresAuth: true },\n },\n ],\n});\n\nrouter.beforeEach((to, from, next) => {\n const { isAuthenticated } = useUVB({ tenantId: 'my-tenant' });\n\n if (to.meta.requiresAuth && !isAuthenticated.value) {\n next('/login');\n } else {\n next();\n }\n});\n\nexport default router;\n```\n\n### Nuxt 3 Middleware\n\n```ts\n// middleware/auth.ts\nexport default defineNuxtRouteMiddleware((to, from) => {\n const { $uvb } = useNuxtApp();\n\n if (!$uvb.isAuthenticated.value) {\n return navigateTo('/login');\n }\n});\n```\n\nUse in pages:\n\n```vue\n\n```\n\n### Quasar Route Guards\n\n```ts\n// router/routes.ts\nconst routes = [\n {\n path: '/dashboard',\n component: () => import('pages/Dashboard.vue'),\n beforeEnter: (to, from, next) => {\n const { isAuthenticated } = useUVB({ tenantId: 'my-tenant' });\n if (!isAuthenticated.value) {\n next('/login');\n } else {\n next();\n }\n },\n },\n];\n```\n\n### Multi-Factor Authentication Flow\n\n```vue\n\n\n\n WebAuthn is not supported in your browser
\n \n
\n\n```\n\n## TypeScript Support\n\nAll composables are fully typed. Import types for better DX:\n\n```typescript\nimport type { UVBSession, FactorType, UseUVBReturn } from '@sp-uvb/vue';\n\nconst uvb: UseUVBReturn = useUVB({ tenantId: 'my-tenant' });\nconst session: Ref\n \n \n
\n\n \n ![]()
\n \n
\n\n Set up Two-Factor Authentication
\n\n \n \n
\n\n \n
\n