add redirect after login

composables/states.ts

@@ -1 +1,3 @@
 export const useIsLoggedIn = () => useState<boolean>('isLoggedIn', () => false)
+export const useRedirectUrl = () =>
+  useState<string | null>('redirectUrl', () => null)

middleware/auth.global.ts

@@ -1,12 +1,17 @@
-import { useIsLoggedIn } from '@/composables/states'
+import { useIsLoggedIn, useRedirectUrl } from '@/composables/states'
 
 export default defineNuxtRouteMiddleware((to, from) => {
   const isLoggedIn = useIsLoggedIn()
 
+  useRedirectUrl().value = (from.query.r as string) || null
+  if (useRedirectUrl().value && to.name === 'login') {
+    to.query.r = useRedirectUrl().value
+  }
+
   if (to.name === 'login' && isLoggedIn.value) {
     return navigateTo('/')
   }
-  if (!isLoggedIn.value) {
-    navigateTo('/login')
+  if (to.name !== 'login' && !isLoggedIn.value) {
+    return navigateTo('/login')
   }
 })

pages/login.vue

@@ -19,6 +19,12 @@ async function login(form) {
   })
 
   if (!error.value) {
+    const redirectUrl = useRedirectUrl().value
+
+    if (redirectUrl) {
+      await navigateTo(atob(redirectUrl), { external: true })
+    }
+
     isLoggedIn.value = true
     await navigateTo('/')
   } else {