fix: use authRedirect

Author: danielroe

app/components/Header/AuthModal.client.vue

@@ -7,23 +7,11 @@ const route = useRoute()
 const { user, logout } = useAtproto()
 
 async function handleBlueskySignIn() {
-  await navigateTo(
-    {
-      path: '/api/auth/atproto',
-      query: { handle: 'https://bsky.social', returnTo: route.fullPath },
-    },
-    { external: true },
-  )
+  await authRedirect('https://bsky.social', { redirectTo: route.fullPath })
 }
 
 async function handleCreateAccount() {
-  await navigateTo(
-    {
-      path: '/api/auth/atproto',
-      query: { handle: 'https://npmx.social', create: 'true', returnTo: route.fullPath },
-    },
-    { external: true },
-  )
+  await authRedirect('https://npmx.social', { create: true, redirectTo: route.fullPath })
 }
 
 async function handleLogin() {

app/utils/atproto/helpers.ts

@@ -1,14 +1,22 @@
 import type { FetchError } from 'ofetch'
 import type { LocationQueryRaw } from 'vue-router'
 
+interface AuthRedirectOptions {
+  create?: boolean
+  redirectTo?: string
+}
+
 /**
  * Redirect user to ATProto authentication
  */
-export async function authRedirect(identifier: string, create: boolean = false) {
+export async function authRedirect(identifier: string, options: AuthRedirectOptions = {}) {
   let query: LocationQueryRaw = { handle: identifier }
-  if (create) {
+  if (options.create) {
     query = { ...query, create: 'true' }
   }
+  if (options.redirectTo) {
+    query = { ...query, returnTo: options.redirectTo }
+  }
   await navigateTo(
     {
       path: '/api/auth/atproto',