![\"Version\"](\"https://img.shields.io/npm/v/%40floatingpixels%2Fsupabase-nuxt.svg?style=flat&colorA=18181B&colorB=28CF8D\"){kind=tracking}
\n ![\"Downloads\"](\"https://img.shields.io/npm/dt/%40floatingpixels%2Fsupabase-nuxt.svg?style=flat&colorA=18181B&colorB=28CF8Dt\"){kind=tracking}
\n\n \n \n
Hello {{ .Data.first_name }}
\nFollow this link to confirm your user:
\n\n```\n\nThe confirmation route on your server is provided by this module, so you don't need to implement it yourself. It's available at `/auth/confirm`. It will automatically confirm the user and re-direct to the `redirect_to` route.\n\nIf you want to customize the confirmation route, you can do so by creating a server route to handle the request, and point to it in your Supabase e-mail template. Your custom route will receive the `token_hash` and `type` URL parameters, and the `redirect_to` URL parameter if provided. You can use the `supabaseServerClient` server helper to confirm the user and re-direct to the next route:\n\n> ⚠️ You can use the provided confirm route at `/auth/confirm`, the implementation of a custom route is optional!\n\n```ts [server/api/confirm.ts]\nimport { EmailOtpType } from '@supabase/supabase-js'\nimport { supabaseServerClient, getRelativeRedirectPath, setAuthNoStoreHeaders } from '#supabase/server'\n\nexport default defineEventHandler(async event => {\n setAuthNoStoreHeaders(event)\n\n const query = getQuery(event)\n const token_hash = query.token_hash as string\n const type = query.type as EmailOtpType | null\n const redirectTo = getRelativeRedirectPath(query.redirect_to)\n\n if (!token_hash || !type) {\n throw createError({ statusCode: 400, message: 'Invalid token' })\n }\n\n const supabase = await supabaseServerClient(event)\n const { error } = await supabase.auth.verifyOtp({ type, token_hash })\n\n if (error) {\n throw createError({ statusCode: error.status ?? 400, message: error.message })\n }\n\n await sendRedirect(event, redirectTo, 302)\n})\n```\n\n### OAuth Authentication\n\nWhen using OAuth authentication, you need to configure the OAuth provider in your Supabase settings under `Authentication -> Providers`. You can then use the `signInWithOAuth` method of the `auth` wrapper of the `useSupabaseClient` composable to initiate the authorization flow. This module provides a default callback under `/auth/callback` that you can provide to the authentication function:\n\n```ts [pages/login.vue]\nconst signInWithOAuth = async () => {\n const { error } = await supabase.auth.signInWithOAuth({\n provider: 'github',\n options: {\n redirectTo: 'http://{{ error.message }}
\n \n