Nuxt

import { createTimeback } from '@timeback/sdk'

export const timeback = await createTimeback({
    env: 'staging',
    api: {
        clientId: process.env.TIMEBACK_API_CLIENT_ID!,
        clientSecret: process.env.TIMEBACK_API_CLIENT_SECRET!,
    },
    identity: {
        mode: 'sso',
        clientId: process.env.AWS_COGNITO_CLIENT_ID!,
        clientSecret: process.env.AWS_COGNITO_CLIENT_SECRET!,
        redirectUri: 'http://localhost:3000/api/timeback/identity/callback',
        onCallbackSuccess: async ({ user, state, redirect }) => {
            await setSession({ id: user.id, email: user.email })
            return redirect(state?.returnTo ?? '/')
        },
        onCallbackError: ({ error, redirect }) => {
            return redirect('/?error=sso_failed')
        },
        getUser: () => getSession(),
    },
})

import { nuxtHandler } from '@timeback/sdk/nuxt'

import { timeback } from '../lib/timeback'

export default defineEventHandler(async event => {
    const response = await nuxtHandler({
        timeback,
        event,
    })
    if (response) return response
})

import { toNuxtHandler } from '@timeback/sdk/nuxt'
import { timeback } from '../../lib/timeback'

const handlers = toNuxtHandler(timeback)
export default defineEventHandler(event => {
  const method = event.node.req.method ?? 'GET'
  const handler = handlers[method as keyof typeof handlers]
  return handler
    ? handler(event)
    : new Response('Method not allowed', { status: 405 })
})

<script setup>
import { TimebackProvider } from '@timeback/sdk/vue'
</script>

<template>
  <TimebackProvider>
    <NuxtPage />
  </TimebackProvider>
</template>

<script setup>
import { SignInButton, useTimebackVerification } from '@timeback/sdk/vue'

const { state } = useTimebackVerification()
</script>

<template>
  <SignInButton v-if="state.status !== 'verified'" size="lg">Sign In</SignInButton>
  <div v-else>Welcome!</div>
</template>