From d67aa418387f1a83e5380cd944580c447bc808eb Mon Sep 17 00:00:00 2001
From: Julien Calixte <julien.calixte@theodo.com>
Date: Sat, 28 Mar 2026 23:23:04 +0100
Subject: [PATCH] Show real auth error on OAuth callback instead of generic
 message

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/views/OAuthCallbackView.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/views/OAuthCallbackView.vue b/src/views/OAuthCallbackView.vue
index be460c9..11f1bdd 100644
--- a/src/views/OAuthCallbackView.vue
+++ b/src/views/OAuthCallbackView.vue
@@ -2,7 +2,7 @@
   <div class="min-h-screen bg-coffee-50 flex items-center justify-center">
     <div class="text-center">
       <div class="text-4xl mb-4">☕</div>
-      <p v-if="error" class="text-red-600">{{ error }}</p>
+      <p v-if="error || auth.error" class="text-red-600 max-w-sm px-4">{{ error || auth.error }}</p>
       <p v-else class="text-coffee-600">Signing you in…</p>
     </div>
   </div>
@@ -26,7 +26,7 @@ onMounted(async () => {
       await shops.fetchAll()
       router.replace('/')
     } else {
-      error.value = 'Authentication failed. Please try again.'
+      error.value = auth.error ?? 'Authentication failed — check console for details.'
     }
   } catch (e) {
     error.value = e instanceof Error ? e.message : 'Authentication error'