Active Sessions

The XAuthActiveSessions component renders the current user's active sessions as a device list. Each row shows a device icon and label (derived from the user agent), the IP address, and the sign-in date. The current session is highlighted with a "This device" badge, and every other session has a revoke button that signs that device out via revokeSession().

Components

<XAuthActiveSessions />

Drop it on an account or security settings page. It takes no props — data comes from useXAuth() (listSessions, revokeSession, session) and refreshes on mount or via the built-in refresh button.

<template>
  <div class="max-w-xl">
    <XAuthActiveSessions />
  </div>
</template>

AI Context

component: XAuthActiveSessions
package: "@xenterprises/nuxt-x-auth-better"
use-when: Account/security settings page where users review and revoke their signed-in devices (Better Auth)