<ThunderIDSignedIn />

The ThunderIDSignedIn 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>
  <ThunderIDSignedIn>
    <p>Welcome! You are signed in.</p>
  </ThunderIDSignedIn>
</template>

note

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

With a Fallback

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

pages/index.vue

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

Slots

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