Merge pull request #58 from directus/sign-out-store

Navigate to empty route before logging

app/src/router.ts

@@ -1,5 +1,6 @@
 import VueRouter, { NavigationGuard, RouteConfig, Route } from 'vue-router';
 import LoginRoute from '@/routes/login';
+import LogoutRoute from '@/routes/logout';
 import InstallRoute from '@/routes/install';
 import ResetPasswordRoute from '@/routes/reset-password';
 import { refresh } from '@/auth';
@@ -8,7 +9,6 @@ import useAppStore from '@/stores/app';
 import useUserStore from '@/stores/user';
 import PrivateNotFoundRoute from '@/routes/private-not-found';
 import useSettingsStore from '@/stores/settings';
-import { logout } from '@/auth';
 
 import getRootPath from '@/utils/get-root-path';
 
@@ -50,10 +50,7 @@ export const defaultRoutes: RouteConfig[] = [
 	{
 		name: 'logout',
 		path: '/logout',
-		async beforeEnter(to, from, next) {
-			await logout({ navigate: false });
-			next('/login');
-		},
+		component: LogoutRoute,
 		meta: {
 			public: true,
 		},

app/src/routes/logout/index.ts

@@ -0,0 +1,4 @@
+import LogoutRoute from './logout.vue';
+
+export { LogoutRoute };
+export default LogoutRoute;

app/src/routes/logout/logout.vue

@@ -0,0 +1,28 @@
+<template>
+	<div class="logout">
+		<v-progress-circular indeterminate />
+	</div>
+</template>
+
+<script lang="ts">
+import { defineComponent, onMounted } from '@vue/composition-api';
+import { logout } from '@/auth';
+
+export default defineComponent({
+	setup() {
+		onMounted(() => {
+			logout();
+		});
+	}
+});
+</script>
+
+<style lang="scss" scoped>
+.logout {
+	width: 100%;
+	height: 100%;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+</style>