useSelectionCapabilities

useSelectionCapabilities() expone booleanos reactivos sobre si las acciones habituales del editor están permitidas en el momento actual.

Úsalo cuando construyas:

• menús
• barras de herramientas
• atajos de teclado
• botones de acción
• paneles contextuales

Uso

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

const caps = useSelectionCapabilities()

Ejemplo básico

<script setup lang="ts">
import { useSelectionCapabilities } from '@open-pencil/vue'

const { canDelete, canDuplicate, canCreateComponent } = useSelectionCapabilities()
</script>

<template>
  <div class="flex gap-2">
    <button :disabled="!canDuplicate">Duplicar</button>
    <button :disabled="!canDelete">Eliminar</button>
    <button :disabled="!canCreateComponent">Hacer componente</button>
  </div>
</template>

Ejemplos prácticos

Controlar las entradas del menú

const { canMoveToPage, canGoToMainComponent } = useSelectionCapabilities()

Habilitar los comandos de zoom solo cuando sean útiles

const { canZoomToSelection } = useSelectionCapabilities()

APIs relacionadas

• useSelectionState
• useEditorCommands