<ThunderIDUserProfile />

The ThunderIDUserProfile component renders a full profile management interface. Users can view and edit their personal information, change their password, and manage linked accounts. It is auto-registered by the Nuxt module.

Usage

Basic Usage

pages/profile.vue

<template>
  <ThunderIDUserProfile />
</template>

Dedicated Profile Page

pages/profile.vue

<script setup lang="ts">
definePageMeta({ middleware: 'auth' })
</script>

<template>
  <div class="max-w-2xl mx-auto py-8">
    <ThunderIDUserProfile />
  </div>
</template>

Props

Prop	Type	Required	Description
appearance	Appearance	❌	Customize the component's visual appearance
sections	string[]	❌	Restrict which profile sections are shown. Defaults to all sections
preferences	Preferences	❌	Customization options for i18n and theming