vapor-chamber API reference - v1.3.0
    Preparing search index...

    Function useTransitionCommand

    • useTransitionCommand — Vue composable that wires transition hooks to the shared command bus with reactive phase signal and auto-cleanup.

      Bind directly to <Transition> via v-bind:

      Parameters

      Returns TransitionBridge

      <script setup>
      import { useTransitionCommand } from 'vapor-chamber';
      const modal = useTransitionCommand({ namespace: 'modal' });
      </script>

      <template>
      <Transition v-bind="modal">
      <div v-if="showModal" class="modal">...</div>
      </Transition>
      <p v-if="modal.phase.value === 'entering'">Opening...</p>
      </template>