♻️ (authorize user) script with setup

src/components/AuthorizeUser.vue

@@ -1,26 +1,17 @@
-<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 { defineComponent, onBeforeMount, ref } from 'vue'
-import { useRoute, useRouter } from 'vue-router'
 import { signIn } from '@/modules/user/service/signIn'
+import { onBeforeMount, ref } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
 
-export default defineComponent({
+const route = useRoute()
-  name: 'AuthorizeUser',
+const router = useRouter()
-  setup() {
+const { saveCredentials } = useGitHubLogin()
-    const route = useRoute()
-    const router = useRouter()
-    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) {
     const token = await signIn(code.toString())
 
@@ -33,12 +24,11 @@ export default defineComponent({
 
     router.replace({ name: 'Home' })
   }
-    })
-
-    return {
-      code,
-      hasError
-    }
-  }
 })
 </script>
+
+<template>
+  <div class="authorize-user">
+    <div v-if="hasError">An error occured when sign in...</div>
+  </div>
+</template>