feat: Add OAuth callback page for handling authentication flow

Author: SerVitasik

custom/OAuthCallback.vue

@@ -0,0 +1,43 @@
+<template>
+  <div class="flex items-center justify-center min-h-screen">
+    <Spinner />
+  </div>
+</template>
+
+<script setup>
+import { onMounted } from 'vue';
+import { useUserStore } from '@/stores/user';
+import { useRouter } from 'vue-router';
+import { callAdminForthApi } from '@/utils';
+import { Spinner } from '@/afcl';
+
+const router = useRouter();
+const userStore = useUserStore();
+
+onMounted(async () => {
+  const urlParams = new URLSearchParams(window.location.search);
+  const code = urlParams.get('code');
+  const state = urlParams.get('state');
+  
+  if (code && state) {
+    const encodedCode = encodeURIComponent(code);
+    const encodedState = encodeURIComponent(state);
+    const response = await callAdminForthApi({
+      path: `/oauth/callback?code=${encodedCode}&state=${encodedState}`,
+      method: 'GET',
+    });
+    if (response.allowedLogin) {
+      await userStore.finishLogin();
+    } else if (response.redirectTo) {
+      router.push(response.redirectTo);
+    } else if (response.error) {
+      router.push({
+        name: 'login',
+        query: { error: response.error }
+      });
+    }
+  } else {
+    router.push({ name: 'login' });
+  }
+});
+</script>

index.ts

@@ -31,6 +31,22 @@ export class OAuthPlugin extends AdminForthPlugin {
     this.adminforth = adminforth;
     this.resource = resource;
 
+    // Add custom page for OAuth callback
+    if (!adminforth.config.customization.customPages) {
+      adminforth.config.customization.customPages = [];
+    }
+
+    adminforth.config.customization.customPages.push({
+      path: '/oauth/callback',
+      component: { 
+        file: this.componentPath('OAuthCallback.vue'), 
+        meta: { 
+          title: 'OAuth Callback',
+          customLayout: true 
+        }
+      }
+    });
+
     // Validate emailField exists in resource
     if (!resource.columns.find(col => col.name === this.options.emailField)) {
       throw new Error(`OAuthPlugin: emailField "${this.options.emailField}" not found in resource columns`);