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
collectionsactiveCollectionIdactiveCollectionactiveModesvariablessearchTermsetSearchTerm()setActiveCollection()addCollection()renameCollection()addVariable()removeVariable()renameVariable()updateVariableValue()formatModeValue()parseVariableValue()shortName()