Files
hoppscotch/packages/hoppscotch-common/src/pages/enter.vue
Anwarul Islam a215860782 feat: replacing windicss by tailwindcss in hoppscotch-ui (#3076)
Co-authored-by: Andrew Bastin <andrewbastin.k@gmail.com>
Co-authored-by: Joel Jacob Stephen <70131076+JoelJacobStephen@users.noreply.github.com>
Co-authored-by: nivedin <nivedinp@gmail.com>
2023-11-01 20:55:08 +05:30

48 lines
970 B
Vue

<template>
<div class="flex min-h-screen flex-col items-center justify-center">
<HoppSmartSpinner v-if="signingInWithEmail" />
<AppLogo v-else class="h-16 w-16 rounded" />
<pre v-if="error" class="mt-4 text-secondaryLight">{{ error }}</pre>
</div>
</template>
<script lang="ts">
import { defineComponent } from "vue"
import { useI18n } from "@composables/i18n"
import { initializeApp } from "~/helpers/app"
import { platform } from "~/platform"
export default defineComponent({
setup() {
return {
t: useI18n(),
}
},
data() {
return {
signingInWithEmail: false,
error: null,
}
},
beforeMount() {
initializeApp()
},
async mounted() {
this.signingInWithEmail = true
try {
await platform.auth.processMagicLink()
} catch (e) {
this.error = e.message
} finally {
this.signingInWithEmail = false
}
},
})
</script>
<route lang="yaml">
meta:
layout: empty
</route>