<SignedIn />

The SignedIn component renders its default slot only when the user is authenticated. It is the Vue equivalent of the React <SignedIn /> component and is auto-registered by the Nuxt module.

Usage

Basic Usage

pages/index.vue

<template>
  <SignedIn>
    <p>Welcome! You are signed in.</p>
  </SignedIn>
</template>

note

If the user is not signed in, nothing is rendered unless you provide content in the fallback slot.

Fallback Slot

Use the fallback slot to show alternative content when the user is not authenticated:

pages/index.vue

<template>
  <SignedIn>
    <p>Welcome! You are signed in.</p>
    <template #fallback>
      <p>Please sign in to continue.</p>
    </template>
  </SignedIn>
</template>

Slots

Slot	Description
default	Content rendered when the user is authenticated
fallback	Content rendered when the user is not authenticated