7a9f0c8756
* refactor: abstract axios queries to a separate helper file * chore: delete unnecessary file * chore: remove unnecessary console logs * refactor: updated urls for api and authquery helpers * refactor: updated auth implementation * refactor: use default axios instance * chore: improve code readability * refactor: separate instances for rest and gql calls * refactor: removed async await from functions that do not need them * refactor: removed probable login and probable user from the auth system * refactor: better error handling in login component * chore: deleted unnecessary files and restructured some files * feat: new errors file with typed error message formats * refactor: removed unwanted usage of async await * refactor: optimizing the usage and return of promises in auth flow * refactor: convey boolean return type in a better way * chore: apply suggestions * refactor: handle case when mailcatcher is not active --------- Co-authored-by: nivedin <nivedinp@gmail.com> Co-authored-by: James George <jamesgeorge998001@gmail.com>
36 lines
799 B
Vue
36 lines
799 B
Vue
<template>
|
|
<div class="flex flex-col items-center justify-center min-h-screen">
|
|
<HoppSmartSpinner v-if="signingInWithEmail" />
|
|
<AppLogo v-else class="w-16 h-16 rounded" />
|
|
<pre v-if="error" class="mt-4 text-secondaryLight">{{ error }}</pre>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { onBeforeMount, onMounted, ref } from 'vue';
|
|
import { auth } from '~/helpers/auth';
|
|
|
|
const signingInWithEmail = ref(false);
|
|
const error = ref(null);
|
|
|
|
onBeforeMount(async () => {
|
|
await auth.performAuthInit();
|
|
});
|
|
|
|
onMounted(async () => {
|
|
signingInWithEmail.value = true;
|
|
try {
|
|
await auth.processMagicLink();
|
|
} catch (e: any) {
|
|
error.value = e.message;
|
|
} finally {
|
|
signingInWithEmail.value = false;
|
|
}
|
|
});
|
|
</script>
|
|
|
|
<route lang="yaml">
|
|
meta:
|
|
layout: empty
|
|
</route>
|