Breaking News: Grepper is joining You.com. Read the official announcement!

Nuxt 3 auth

code fighter answered on November 22, 2022 Popularity 10/10 Helpfulness 2/10

answer Nuxt 3 auth

Nuxt 3 auth

Comment

// 1 Install the package:
npm i -D @sidebase/nuxt-auth
// 2 Add the package to your nuxt.config.ts:
export default defineNuxtConfig({
  modules: ['@sidebase/nuxt-auth'],
})
Configure the module with at least one authentication provider:
import GithubProvider from 'next-auth/providers/github'

export default defineNuxtConfig({
  modules: ['@sidebase/nuxt-auth'],
  auth: {
    nextAuth: {
      options: {
        providers: [GithubProvider({ clientId: 'enter-your-client-id-here', clientSecret: 'enter-your-client-secret-here' })]
      }
    }
  }
})

// 3 Done! You can now use all user-related functionality, for example:
// client-side (e.g., from .vue files):
const {
  status,
  data,
  signIn,
  signOut,
} = await useSession({
  // Whether a session is required. If it is, a redirect to the signin page will happen if no active session exists
  required: true
})

// Session status: `unauthenticated`, `loading`, `authenticated`
status.value

// Session data, e.g., expiration, user.email, ...
data.value

// Start the unbranded sign-in flow
await signIn()

// Logout the user
await signOut()

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: sidebase.io

Tags: javascript

Link to this answer
Share Copy Link

Contributed on Nov 22 2022

code fighter

0 Answers Avg Quality 2/10

Nuxt 3 auth

Contents

More Related Answers

Nuxt 3 auth

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.