From 8dcd670e46b3beae4b1ea4b13b3df82d19979f54 Mon Sep 17 00:00:00 2001
From: Julien Calixte <juliencalixte@gmail.com>
Date: Mon, 15 Mar 2021 21:53:07 +0100
Subject: [PATCH] :sparkles: (github) login with GitHub

---
 src/App.vue                    |  4 ----
 src/assets/icons/github.svg    |  4 ++++
 src/components/LoginGithub.vue | 32 ++++++++++++++++++++++++++++++++
 3 files changed, 36 insertions(+), 4 deletions(-)
 create mode 100644 src/assets/icons/github.svg
 create mode 100644 src/components/LoginGithub.vue

diff --git a/src/App.vue b/src/App.vue
index f5c02ef..6f02bbe 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,8 +1,4 @@
 <template>
-  <!-- <nav>
-    <router-link to="/">Home</router-link> |
-    <router-link to="/about">About</router-link>
-  </nav> -->
   <router-view class="app" />
 </template>
 
diff --git a/src/assets/icons/github.svg b/src/assets/icons/github.svg
new file mode 100644
index 0000000..4d38ccd
--- /dev/null
+++ b/src/assets/icons/github.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-github" width="28" height="28" viewBox="0 0 24 24" stroke-width="1.5" stroke="#ffffff" fill="none" stroke-linecap="round" stroke-linejoin="round">
+  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+  <path d="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5" />
+</svg>
\ No newline at end of file
diff --git a/src/components/LoginGithub.vue b/src/components/LoginGithub.vue
new file mode 100644
index 0000000..faee7cd
--- /dev/null
+++ b/src/components/LoginGithub.vue
@@ -0,0 +1,32 @@
+<template>
+  <div class="login-github">
+    <br />
+    <a ;href="url" target="_blank" rel="noopener noreferrer">
+      login to
+      <img src="@/assets/icons/github.svg" alt="GitHub icon" />
+    </a>
+  </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+
+export default defineComponent({
+  name: 'LoginGithub',
+  setup() {
+    const url = new URL('https://github.com/login/oauth/authorize')
+    url.searchParams.append('client_id', 'Iv1.87be14adcc912fa0')
+    url.searchParams.append('redirect_uri', location.href)
+    url.searchParams.append('scope', 'repo')
+
+    return {
+      url
+    }
+  }
+})
+</script>
+
+<style lang="scss" scoped>
+.login-github {
+}
+</style>