36 lines
781 B
Markdown
36 lines
781 B
Markdown
|
---
|
||
|
|
title: useVariables
|
||
|
|
description: Read and mutate variable collections, variables, and variable values.
|
||
|
|
---
|
||
|
|
|
||
|
|
# useVariables
|
||
|
|
|
||
|
|
`useVariables()` is the lower-level variables composable behind the higher-level variables editor helpers.
|
||
|
|
|
||
|
|
Use it when you want direct control over collections, active modes, filtering, and CRUD operations without taking the full table/dialog abstraction.
|
||
|
|
|
||
|
|
## Usage
|
||
|
|
|
||
|
|
```ts
|
||
|
|
import { useVariables } from '@open-pencil/vue'
|
||
|
|
|
||
|
|
const variables = useVariables()
|
||
|
|
```
|
||
|
|
|
||
|
|
## Returns
|
||
|
|
|
||
|
|
- `collections`
|
||
|
|
- `activeCollectionId`
|
||
|
|
- `activeCollection`
|
||
|
|
- `activeModes`
|
||
|
|
- `variables`
|
||
|
|
- `searchTerm`
|
||
|
|
- `setSearchTerm()`
|
||
|
|
- `setActiveCollection()`
|
||
|
|
- `addCollection()`
|
||
|
|
- `renameCollection()`
|
||
|
|
- `addVariable()`
|
||
|
|
- `removeVariable()`
|
||
|
|
- `renameVariable()`
|
||
|
|
- `updateVariableValue()`
|