<ThunderIDOrganization />
The ThunderIDOrganization component provides access to the current organization object via a scoped slot. It is auto-registered by the Nuxt module.
Usage
pages/dashboard.vue
<template>
<ThunderIDOrganization>
<template #default="{ organization }">
<div v-if="organization">
<h1>{{ organization.name }}</h1>
<p>ID: {{ organization.id }}</p>
</div>
</template>
<template #fallback>
<p>No organization selected.</p>
</template>
</ThunderIDOrganization>
</template>
Slots
| Slot | Slot Props | Description |
|---|---|---|
default | { organization: Organization | null } | Receives the current organization object |
fallback | — | Rendered when no organization is active |
Organization Slot Prop
| Property | Type | Description |
|---|---|---|
id | string | The organization's unique identifier |
name | string | The organization's display name |
ref | string | null | An optional external reference identifier |