From b82bc85756aee1a5bf3d1ab77de4b63da5606548 Mon Sep 17 00:00:00 2001
From: rijkvanzanten <rijkvanzanten@me.com>
Date: Wed, 5 Aug 2020 10:36:29 -0400
Subject: [PATCH] Return reactive authenticated flag on login

---
 .../login/components/continue-as/continue-as.vue       |  8 ++------
 app/src/routes/login/login.vue                         | 10 +++++-----
 2 files changed, 7 insertions(+), 11 deletions(-)

diff --git a/app/src/routes/login/components/continue-as/continue-as.vue b/app/src/routes/login/components/continue-as/continue-as.vue
index 93abc28336..b31126f359 100644
--- a/app/src/routes/login/components/continue-as/continue-as.vue
+++ b/app/src/routes/login/components/continue-as/continue-as.vue
@@ -4,7 +4,7 @@
 		<template v-else>
 			<p v-html="$t('continue_as', { name })" />
 			<div class="actions">
-				<router-link :to="signOutLink" class="sign-out">{{ $t('sign_out') }}</router-link>
+				<router-link to="/logout" class="sign-out">{{ $t('sign_out') }}</router-link>
 				<v-button large @click="hydrateAndLogin">{{ $t('continue') }}</v-button>
 			</div>
 		</template>
@@ -20,10 +20,6 @@ import router from '@/router';
 
 export default defineComponent({
 	setup() {
-		const signOutLink = computed<string>(() => {
-			return `/logout`;
-		});
-
 		const loading = ref(false);
 		const error = ref(null);
 		const name = ref<string | null>(null);
@@ -31,7 +27,7 @@ export default defineComponent({
 
 		fetchUser();
 
-		return { name, lastPage, signOutLink, loading, error, hydrateAndLogin };
+		return { name, lastPage, loading, error, hydrateAndLogin };
 
 		async function fetchUser() {
 			loading.value = true;
diff --git a/app/src/routes/login/login.vue b/app/src/routes/login/login.vue
index 8c503c62b1..fd7ea3670c 100644
--- a/app/src/routes/login/login.vue
+++ b/app/src/routes/login/login.vue
@@ -14,7 +14,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from '@vue/composition-api';
+import { defineComponent, computed } from '@vue/composition-api';
 import LoginForm from './components/login-form/';
 import ContinueAs from './components/continue-as/';
 import useAppStore from '../../stores/app';
@@ -32,10 +32,10 @@ export default defineComponent({
 		const appStore = useAppStore();
 		const settingsStore = useSettingsStore();
 
-		return {
-			authenticated: appStore.state.authenticated,
-			currentProject: settingsStore.state.settings,
-		};
+		const authenticated = computed(() => appStore.state.authenticated);
+		const currentProject = computed(() => settingsStore.state.settings);
+
+		return { authenticated, currentProject };
 	},
 });
 </script>