<ThunderIDSignUpButton />

The ThunderIDSignUpButton component initiates the sign-up flow when clicked. It is auto-registered by the Nuxt module and requires no imports.

Usage

Basic Usage

pages/index.vue

<template>
  <ThunderIDSignUpButton />
</template>

Custom Label

pages/index.vue

<template>
  <ThunderIDSignUpButton>Create an account</ThunderIDSignUpButton>
</template>

Using the Default Slot for Full Control

pages/index.vue

<template>
  <ThunderIDSignUpButton>
    <template #default="{ signUp, isLoading }">
      <button :disabled="isLoading" @click="signUp">
        {{ isLoading ? 'Redirecting...' : 'Get Started' }}
      </button>
    </template>
  </ThunderIDSignUpButton>
</template>

Slots

Slot	Slot Props	Description
default	{ signUp: () => void, isLoading: boolean }	Custom content rendered inside the button. If omitted, renders a default "Sign Up" button

Props

Prop	Type	Required	Description
preferences	Preferences	❌	Customization options for i18n and theming