diff --git a/src/modules/base/components/ProfileSettings.vue b/src/modules/base/components/ProfileSettings.vue
index d1dab22..732863a 100644
--- a/src/modules/base/components/ProfileSettings.vue
+++ b/src/modules/base/components/ProfileSettings.vue
@@ -147,6 +147,19 @@
Use the "Broadcast to Nostr" button to manually re-broadcast your profile.
+
+
+
+
+
+
+ Logging out clears your session on this device.
+
+
@@ -168,14 +181,17 @@ import {
FormMessage,
} from '@/components/ui/form'
import ImageUpload from './ImageUpload.vue'
+import LogoutConfirmDialog from '@/components/ui/LogoutConfirmDialog/LogoutConfirmDialog.vue'
import { useAuth } from '@/composables/useAuthService'
+import { useRouter } from 'vue-router'
import { injectService, SERVICE_TOKENS } from '@/core/di-container'
import type { ImageUploadService } from '../services/ImageUploadService'
import type { NostrMetadataService } from '../nostr/nostr-metadata-service'
import { useToast } from '@/core/composables/useToast'
// Services
-const { user, updateProfile } = useAuth()
+const { user, updateProfile, logout } = useAuth()
+const router = useRouter()
const imageService = injectService(SERVICE_TOKENS.IMAGE_UPLOAD_SERVICE)
const metadataService = injectService(SERVICE_TOKENS.NOSTR_METADATA_SERVICE)
const toast = useToast()
@@ -322,4 +338,17 @@ const broadcastMetadata = async () => {
isBroadcasting.value = false
}
}
+
+// Log out + redirect to /login on this app's origin.
+const onLogout = async () => {
+ try {
+ await logout()
+ toast.success('Logged out')
+ router.push('/login')
+ } catch (error) {
+ const errorMessage = error instanceof Error ? error.message : 'Failed to log out'
+ console.error('Error logging out:', error)
+ toast.error(`Logout failed: ${errorMessage}`)
+ }
+}