Reintroduce redirect logic for page navigation in [...slug].vue to ensure users are properly redirected when a page has a redirect property. This change enhances user experience by maintaining expected navigation behavior.

Author: jaydrogers

docs/app/pages/[...slug].vue

@@ -77,10 +77,6 @@ if (!page.value) {
   throw createError({ statusCode: 404, statusMessage: 'Page not found', fatal: true })
 }
 
-if (page.value?.redirect) {
-  navigateTo(page.value?.redirect)
-}
-
 const { data: surround } = await useAsyncData(`${route.path}-surround`, () => {
   return queryCollectionItemSurroundings('docs', route.path, {
     fields: ['description']
@@ -103,6 +99,10 @@ defineOgImageComponent('Docs', {
   headline: headline.value
 })
 
+if (page.value?.redirect) {
+  navigateTo(page.value?.redirect)
+}
+
 const links = computed(() => {
   const links = []
   if (toc?.bottom?.edit) {