Universal DevTools Kit SDK

---

Universal DevTools Kit SDK / @u-devtools/kit / vue / useBridgeState

Function: useBridgeState()

useBridgeState<T>(syncedState): Ref<T>

Defined in: vue.ts:34

Vue adapter for SyncedState. Converts SyncedState to Vue ref with two-way synchronization.

Type Parameters

Type Parameter	Description
T	State value type

Parameters

Parameter	Type	Description
syncedState	SyncedState<T>	SyncedState instance to synchronize

Returns

Ref<T>

Vue ref synchronized with SyncedState

Example

import { useBridgeState } from '@u-devtools/kit/vue';
import { AppBridge } from '@u-devtools/core';
import { watch } from 'vue';

// Create bridge and state
const bridge = new AppBridge('my-plugin');
const isOpen = bridge.state('isOpen', false);

// Convert to Vue ref
const isOpenRef = useBridgeState(isOpen);

// Use as normal Vue ref
watch(isOpenRef, (value) => {
  console.log('Vue reactive:', value);
});

// Update
isOpenRef.value = true;