<template>
  <v-app>
    <v-main class="d-flex align-center justify-center min-h-screen">
      <v-container>
        <v-row justify="center">
          <v-col cols="12" sm="6" md="4">
            <v-card class="text-center pa-8">
              <v-progress-circular
                indeterminate
                color="primary"
                size="64"
                class="mb-4"
              />
              <h2 class="text-h5 mb-2">Signing you in...</h2>
              <p class="text-body-2 text-grey-600">
                Please wait while we complete your authentication.
              </p>
            </v-card>
          </v-col>
        </v-row>
      </v-container>
    </v-main>
  </v-app>
</template>

<script setup lang="ts">
definePageMeta({
  auth: false,
  layout: false,
});

// The actual authentication is handled by the server-side callback API
// This page just shows a loading state while the redirect happens
</script>
