---
url: "https://vueda.dev/v3/reference/api/js/stores/storeTheme.md"
title: "stores/storeTheme"
---

# stores/storeTheme

## Overview

Pinia store for registering and managing UI component theme variants and their spot configurations.

## Methods

- [storeTheme](/v3/reference/api/js/stores/storeTheme/functions/storeTheme.md) - The store for managing the theme.

## Types

### [ComponentConfig](/v3/reference/api/js/stores/storeTheme/types/ComponentConfig.md)

The configuration for a component.

| Name | Type | Description |
| --- | --- | --- |
| defaultVariant | VariantName |  |
| spots | SpotName[] |  |

### [ComponentName](/v3/reference/api/js/stores/storeTheme/types/ComponentName.md)

The unique name of a component.

`ComponentName = string`

### [SpotName](/v3/reference/api/js/stores/storeTheme/types/SpotName.md)

The unique-per-component name of a spot.

`SpotName = string`

### [ThemeState](/v3/reference/api/js/stores/storeTheme/types/ThemeState.md)

| Name | Type | Description |
| --- | --- | --- |
| components | object |  |
| variants | object |  |

### [ThemeStore](/v3/reference/api/js/stores/storeTheme/types/ThemeStore.md)

`ThemeStore = ReturnType`

### [VariantConfig](/v3/reference/api/js/stores/storeTheme/types/VariantConfig.md)

The configuration for a variant.

`VariantConfig = object`

### [VariantName](/v3/reference/api/js/stores/storeTheme/types/VariantName.md)

The unique-per-component name of a variant.

`VariantName = string`

## Source

`client/lib/stores/storeTheme.js:1`