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

import { useVariables } from '@open-pencil/vue'

const variables = useVariables()

Returns

• collections
• activeCollectionId
• activeCollection
• activeModes
• variables
• searchTerm
• setSearchTerm()
• setActiveCollection()
• addCollection()
• renameCollection()
• addVariable()
• removeVariable()
• renameVariable()
• updateVariableValue()