fix(web): redirect to /login after sign out

MainToolbar and NavBar were calling logout() without navigating away, leaving the user on an authenticated-only page with cleared content.

Author: gustavotoyota

new-deepnotes/apps/web/src/components/NavBar.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { RouterLink } from "vue-router";
+import { RouterLink, useRouter } from "vue-router";
 
 import { Button } from "@/components/ui/button";
 import { useSession } from "@/features/auth/useSession";
@@ -8,11 +8,13 @@ import ThemeSwitcher from "@/features/theme/ThemeSwitcher.vue";
 import { isDark } from "@/features/theme/useThemePreference";
 
 const { isAuthenticated, bootstrapped, loading, logout } = useSession();
+const router = useRouter();
 
 const marketingUrl = import.meta.env.VITE_MARKETING_APP_URL?.trim().replace(/\/$/, "") || "https://deepnotes.app";
 
 async function onLogout() {
   await logout();
+  await router.push("/login");
 }
 </script>
 

new-deepnotes/apps/web/src/features/spatial/MainToolbar.test.ts

@@ -2,13 +2,18 @@ import { afterEach, describe, expect, it, vi } from "vitest";
 import { mount } from "@vue/test-utils";
 import { defineComponent, h, ref } from "vue";
 
+const mockPush = vi.fn();
+
 vi.mock("vue-router", () => ({
   RouterLink: defineComponent({
     props: ["to"],
     setup(props, { slots }) {
       return () => h("a", { "data-testid": "router-link", "data-to": props.to }, slots);
     },
   }),
+  useRouter: () => ({
+    push: mockPush,
+  }),
 }));
 
 vi.mock("@/features/auth/useSession", () => ({

new-deepnotes/apps/web/src/features/spatial/MainToolbar.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { RouterLink } from "vue-router";
+import { RouterLink, useRouter } from "vue-router";
 
 import { Button } from "@/components/ui/button";
 import { useSession } from "@/features/auth/useSession";
@@ -24,13 +24,15 @@ const emit = defineEmits<{
 }>();
 
 const { isAuthenticated, bootstrapped, loading, logout } = useSession();
+const router = useRouter();
 
 const marketingUrl =
   import.meta.env.VITE_MARKETING_APP_URL?.trim().replace(/\/+$/, "") ||
   "https://deepnotes.app";
 
 async function onLogout() {
   await logout();
+  await router.push("/login");
 }
 </script>