From c827aad4b92d82faedc7f7d3f90e97c6bf3bfc4c Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Sun, 2 Jul 2023 22:34:06 +0200
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20(github)=20can=20log=20either=20loc?=
 =?UTF-8?q?alhost=20or=20lite=E2=80=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/SignInGithub.vue | 40 +++++++++++++--------------------
 1 file changed, 16 insertions(+), 24 deletions(-)

diff --git a/src/components/SignInGithub.vue b/src/components/SignInGithub.vue
index 994163e..232775a 100644
--- a/src/components/SignInGithub.vue
+++ b/src/components/SignInGithub.vue
@@ -1,5 +1,20 @@
+<script lang="ts" setup>
+const GITHUB_URL = 'https://github.com/login/oauth/authorize'
+
+const CLIENT_ID = 'Iv1.12dc43d013ce3623'
+const SCOPE = 'repo'
+const REDIRECT_URI = window.location.origin
+
+const url = new URL(GITHUB_URL)
+url.searchParams.set('client_id', CLIENT_ID)
+url.searchParams.set('scope', SCOPE)
+url.searchParams.set('redirect_uri', REDIRECT_URI)
+
+const href = url.toString()
+</script>
+
 <template>
-  <a :href="url" class="sign-in-github button is-primary">
+  <a :href="href" class="sign-in-github button is-primary">
     <span>
       Sign in with
       <img src="@/assets/icons/github.svg" alt="GitHub" />
@@ -7,29 +22,6 @@
   </a>
 </template>
 
-<script lang="ts">
-import { defineComponent } from 'vue'
-
-const GITHUB_URL = 'https://github.com/login/oauth/authorize'
-
-const CLIENT_ID = 'Iv1.12dc43d013ce3623'
-
-const SCOPE = 'repo'
-
-export default defineComponent({
-  name: 'SignInGitHub',
-  setup() {
-    const url = new URL(GITHUB_URL)
-    url.searchParams.set('client_id', CLIENT_ID)
-    url.searchParams.set('scope', SCOPE)
-
-    return {
-      url
-    }
-  }
-})
-</script>
-
 <style scoped lang="scss">
 .sign-in-github {
   span {