docs: add warning about redirect check

docs/2.guide/2.directory-structure/1.middleware.md

@@ -30,6 +30,9 @@ export default defineNuxtRouteMiddleware((to, from) => {
   if (to.params.id === '1') {
     return abortNavigation()
   }
+  // In a real app you would probably not redirect every route to `/`
+  // however it is important to check `to.path` before redirecting or you
+  // might get an infinite redirect loop
   if (to.path !== '/') {
     return navigateTo('/')
   }

docs/3.api/3.utils/abort-navigation.md

@@ -36,7 +36,7 @@ export default defineNuxtRouteMiddleware((to, from) => {
     return abortNavigation()
   }
 
-  if (to.path !== '/edit-post') {
+  if (from.path !== '/edit-post') {
     return navigateTo('/edit-post')
   }
 })
@@ -48,7 +48,7 @@ You can pass the error as a string:
 
 ```ts [middleware/auth.ts]
 export default defineNuxtRouteMiddleware((to, from) => {
-  const auth = useState('auth')
+  const user = useState('user')
 
   if (!user.value.isAuthorized) {
     return abortNavigation('Insufficient permissions.')

docs/3.api/3.utils/define-nuxt-route-middleware.md

@@ -56,7 +56,7 @@ export default defineNuxtRouteMiddleware((to, from) => {
     return navigateTo('/login')
   }
 
-  if (to.path !== '/dashboard') {
+  if (from.path !== '/dashboard') {
     return navigateTo('/dashboard')
   }
 })

docs/3.api/3.utils/define-page-meta.md

@@ -144,7 +144,7 @@ The example below shows how the middleware can be defined using a `function` dir
             return navigateTo('/login')
         }
 
-        if (to.path !== '/checkout') {
+        if (from.path !== '/checkout') {
           return navigateTo('/checkout')
         }
       }

docs/3.api/3.utils/navigate-to.md

@@ -96,7 +96,7 @@ await navigateTo({
 
 ```ts
 export default defineNuxtRouteMiddleware((to, from) => {
-  if (to.path !== '/search') {
+  if (from.path !== '/search') {
     // setting the redirect code to '301 Moved Permanently'
     return navigateTo('/search', { redirectCode: 301 })
   }