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

# storeTheme

## Overview

The store for managing the theme.

## Signature

`storeTheme(pinia, hot)`

### Parameters

| Name | Type | Required | Description |
| --- | --- | --- | --- |
| <span id="param-pinia">pinia</span> | `Pinia` | no | Pinia instance to retrieve the store |
| <span id="param-hot">hot</span> | `StoreGeneric` | no | dev only hot module replacement |

### Returns

`Store`

## Properties

### $id {#id}

Id of the store. Used by map helpers.

Type: `"theme"`

Source: `node_modules/.pnpm/pinia@3.0.4_typescript@5.9.3_vue@3.5.43_typescript@5.9.3_/node_modules/pinia/dist/pinia.d.ts:654`

### components {#components}

Registered component configurations keyed by component name.

Type: `object`

Source: `client/lib/stores/storeTheme.js:165`

### variants {#variants}

Registered variant configurations keyed by component name, then by variant name.

Type: `object`

Source: `client/lib/stores/storeTheme.js:171`

## Methods

- [clearAll](/v3/reference/api/js/stores/storeTheme/methods/clearAll.md) - Clears all components and variants.
- [clearComponent](/v3/reference/api/js/stores/storeTheme/methods/clearComponent.md) - Clears a component with the given name.
- [clearVariant](/v3/reference/api/js/stores/storeTheme/methods/clearVariant.md) - Clears a variant for a component with the given name.
- [registerComponent](/v3/reference/api/js/stores/storeTheme/methods/registerComponent.md) - Registers a new component with the given name.
- [registerVariant](/v3/reference/api/js/stores/storeTheme/methods/registerVariant.md) - Registers a new variant for a component with the given name.

## Source

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