feat(frontend): Use betterAuth implementation from nuxthub-better-auth project

legalconsenthub/composables/useAuth.ts

@@ -0,0 +1,84 @@
+// Copied from https://github.com/atinux/nuxthub-better-auth
+
+import { defu } from 'defu'
+import { createAuthClient } from 'better-auth/client'
+import type { InferSessionFromClient, InferUserFromClient, ClientOptions } from 'better-auth/client'
+import { organizationClient } from 'better-auth/client/plugins'
+import type { RouteLocationRaw } from 'vue-router'
+
+interface RuntimeAuthConfig {
+  redirectUserTo: RouteLocationRaw | string
+  redirectGuestTo: RouteLocationRaw | string
+}
+
+export function useAuth() {
+  const url = useRequestURL()
+  const headers = import.meta.server ? useRequestHeaders() : undefined
+
+  const client = createAuthClient({
+    baseURL: url.origin,
+    fetchOptions: {
+      headers
+    },
+    plugins: [organizationClient()]
+  })
+
+  const options = defu(useRuntimeConfig().public.auth as Partial<RuntimeAuthConfig>, {
+    redirectUserTo: '/',
+    redirectGuestTo: '/login'
+  })
+  const session = useState<InferSessionFromClient<ClientOptions> | null>('auth:session', () => null)
+  const user = useState<InferUserFromClient<ClientOptions> | null>('auth:user', () => null)
+  const sessionFetching = import.meta.server ? ref(false) : useState('auth:sessionFetching', () => false)
+
+  const fetchSession = async () => {
+    if (sessionFetching.value) {
+      console.log('already fetching session')
+      return
+    }
+    sessionFetching.value = true
+    const { data } = await client.getSession({
+      fetchOptions: {
+        headers
+      }
+    })
+    session.value = data?.session || null
+    user.value = data?.user || null
+    sessionFetching.value = false
+    return data
+  }
+
+  if (import.meta.client) {
+    client.$store.listen('$sessionSignal', async (signal) => {
+      if (!signal) return
+      await fetchSession()
+    })
+  }
+
+  async function signOut({ redirectTo }: { redirectTo?: RouteLocationRaw } = {}) {
+    const res = await client.signOut()
+    if (res.error) {
+      console.error('Error signing out:', res.error)
+      return res
+    }
+    session.value = null
+    user.value = null
+    if (redirectTo) {
+      await navigateTo(redirectTo)
+    }
+    return res
+  }
+
+  return {
+    session,
+    user,
+    loggedIn: computed(() => !!session.value),
+    signIn: client.signIn,
+    signUp: client.signUp,
+    signOut,
+    organization: client.organization,
+    options,
+    fetchSession,
+    client
+  }
+}