<ThunderIDSignedOut />

The ThunderIDSignedOut component renders its default slot only when the user is not authenticated. It is auto-registered by the Nuxt module.

Usage

Basic Usage

pages/index.vue

<template>
  <ThunderIDSignedOut>
    <ThunderIDSignInButton />
  </ThunderIDSignedOut>
</template>

With a Fallback

Use the fallback slot to show content when the user is signed in:

components/NavBar.vue

<template>
  <ThunderIDSignedOut>
    <ThunderIDSignInButton />
    <template #fallback>
      <ThunderIDUserDropdown />
    </template>
  </ThunderIDSignedOut>
</template>

Slots

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