useExport
useExport() is the export-panel composable for selected nodes.
It manages:
- export settings rows
- selected node ids
- export name labeling
- supported scales and formats
Usage
ts
import { useExport } from '@open-pencil/vue'
const exportState = useExport()Basic example
ts
const {
settings,
nodeName,
scales,
formats,
addSetting,
updateScale,
updateFormat,
} = useExport()Practical examples
Add another export preset
ts
exportState.addSetting()Change the first export to 2x WEBP
ts
exportState.updateScale(0, 2)
exportState.updateFormat(0, 'WEBP')