♻️ (authorize user) script with setup

This commit is contained in:
Julien Calixte
2023-07-16 15:32:49 +02:00
parent 4bfb992f7d
commit 68ee2f12e6

View File

@@ -1,24 +1,15 @@
<template> <script lang="ts" setup>
<div class="authorize-user">
<div v-if="hasError">An error occured when sign in...</div>
</div>
</template>
<script lang="ts">
import { useGitHubLogin } from '@/hooks/useGitHubLogin.hook' import { useGitHubLogin } from '@/hooks/useGitHubLogin.hook'
import { defineComponent, onBeforeMount, ref } from 'vue'
import { useRoute, useRouter } from 'vue-router'
import { signIn } from '@/modules/user/service/signIn' import { signIn } from '@/modules/user/service/signIn'
import { onBeforeMount, ref } from 'vue'
import { useRoute, useRouter } from 'vue-router'
export default defineComponent({
name: 'AuthorizeUser',
setup() {
const route = useRoute() const route = useRoute()
const router = useRouter() const router = useRouter()
const { saveCredentials } = useGitHubLogin() const { saveCredentials } = useGitHubLogin()
const code = route.query.code const code = route.query.code
let hasError = ref(false) const hasError = ref(false)
onBeforeMount(async () => { onBeforeMount(async () => {
if (code) { if (code) {
@@ -34,11 +25,10 @@ export default defineComponent({
router.replace({ name: 'Home' }) router.replace({ name: 'Home' })
} }
}) })
return {
code,
hasError
}
}
})
</script> </script>
<template>
<div class="authorize-user">
<div v-if="hasError">An error occured when sign in...</div>
</div>
</template>