♻️ (authorize user) script with setup
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user