feat(auth check): improve log out flow

middleware/auth-check.ts

@@ -1,37 +1,34 @@
 export default defineNuxtRouteMiddleware((to, from) => {
+  if (!process.client) {
+    return
+  }
 
-    if (!process.client) {
-        return
-    }
-
-    const { $auth, $pocketBase } = useNuxtApp()
-
-    if (($auth.loggedIn && !$pocketBase.authStore.isValid) || (!$auth.loggedIn && $pocketBase.authStore.isValid)) {
-
-        // Log out from pocketbase
-        $pocketBase.authStore.clear()
+  const { $auth, $pocketBase } = useNuxtApp()
 
-        let authCookie
-        authCookie = useCookie('auth.strategy')
-        authCookie.value = undefined
+  if (($auth.loggedIn && !$pocketBase.authStore.isValid) || (!$auth.loggedIn && $pocketBase.authStore.isValid)) {
+    // Log out from pocketbase
+    $pocketBase.authStore.clear()
 
-        authCookie = useCookie('auth._token.local')
-        authCookie.value = undefined
-        authCookie = useCookie('auth._token_expiration.local')
-        authCookie.value = undefined
+    let authCookie
+    authCookie = useCookie('auth.strategy')
+    authCookie.value = undefined
 
-        authCookie = useCookie('auth._refresh_token.local')
-        authCookie.value = undefined
-        authCookie = useCookie('auth._refresh_token_expiration.local')
-        authCookie.value = undefined
+    authCookie = useCookie('auth._token.local')
+    authCookie.value = undefined
+    authCookie = useCookie('auth._token_expiration.local')
+    authCookie.value = undefined
 
-        // Log out from API
-        // TODO: Restore when it works
-        // await _signOut()
+    authCookie = useCookie('auth._refresh_token.local')
+    authCookie.value = undefined
+    authCookie = useCookie('auth._refresh_token_expiration.local')
+    authCookie.value = undefined
 
-        window.location.reload()
-    }
+    // Log out from API
+    // TODO: Restore when it works
+    // await _signOut()
 
+    window.location.href = '/premium/sign-in?message=Failed to authenticate. Please sign in again.'
+  }
 
-    return
+  return
 })

pages/premium/sign-in.vue

@@ -51,6 +51,15 @@
     await navigateTo('/premium/dashboard')
   }
 
+  onNuxtReady(() => {
+    const route = useRoute()
+    const message = route.query.message
+
+    if (message) {
+      toast.info(message)
+    }
+  })
+
   useSeoMeta({
     title: 'Sign in',
 
@@ -92,8 +101,8 @@
                 <NuxtLink
                   class="hover:hover-text-util focus-visible:focus-outline-util font-semibold"
                   href="https://app.gumroad.com/library?query=Rule+34+App"
-                  target="_blank"
                   rel="nofollow noopener noreferrer"
+                  target="_blank"
                 >
                   Forgot license?
                 </NuxtLink>