From 95b517d620b266ef161717b5ec1c638df4527c86 Mon Sep 17 00:00:00 2001
From: QiTao Weng <qitaoweng@gmail.com>
Date: Sat, 9 Apr 2022 14:39:23 -0500
Subject: [PATCH] Add login route and logout page

---
 src/main.ts        |  2 +-
 src/pages/Auth.vue | 19 +++++++++++++++++++
 src/router.ts      |  5 +++++
 3 files changed, 25 insertions(+), 1 deletion(-)
 create mode 100644 src/pages/Auth.vue

diff --git a/src/main.ts b/src/main.ts
index 21ec924..6ff2f95 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -54,7 +54,7 @@ app.use(
     createAuth0({
         domain: 'dev-ge84r-eu.us.auth0.com',
         client_id: 'zHjZGg1uPws0DkQg5bRdKcDX8m6AuTZl', // eslint-disable-line camelcase
-        redirect_uri: window.location.origin, // eslint-disable-line camelcase
+        redirect_uri: window.location.origin + '/auth', // eslint-disable-line camelcase
     }),
 )
 
diff --git a/src/pages/Auth.vue b/src/pages/Auth.vue
new file mode 100644
index 0000000..1ac6966
--- /dev/null
+++ b/src/pages/Auth.vue
@@ -0,0 +1,19 @@
+<script setup lang="ts">
+
+import { useAuth0 } from '@auth0/auth0-vue';
+import router from '../router';
+
+const { user, isAuthenticated, logout } = useAuth0();
+isAuthenticated
+const route = router.resolve({ path: '/'})
+const absoluteURL = new URL(route.href, window.location.href).href
+const leave = () => logout({ returnTo: absoluteURL })
+
+</script>
+<template>
+    <div>
+        <h2>User Profile</h2>
+         <code>{{ user }}</code>
+         <button @click="leave">Log out</button>
+    </div>
+</template>
diff --git a/src/router.ts b/src/router.ts
index e0a2ff8..0d34fd1 100644
--- a/src/router.ts
+++ b/src/router.ts
@@ -17,6 +17,11 @@ const routes = [
         name: 'Editor',
         component: () => import('./pages/Editor.vue'),
     },
+    {
+        path:'/auth',
+        name: 'Auth',
+        component: () => import('./pages/Auth.vue'),
+    },
 ]
 
 const router = createRouter({